/* =============================================================
 * WP Product Page — Frontend Stylesheet
 * All values driven by CSS custom properties (--wpp-*)
 * injected from PHP on wp_head.
 * ============================================================= */

/* ── Prevent flash on initial paint ────────────────────────── */
.wpp-page:not([data-init-done]) *,
.wpp-page:not([data-init-done]) *::before,
.wpp-page:not([data-init-done]) *::after {
	animation: none !important;
	transition: none !important;
}

/* ── Base reset scoped to plugin ─────────────────────────── */
.wpp-active {
	font-family: var(--wpp-font-family, var(--wpb-font-family, var(--wpc-font-body, inherit)));
	color: var(--wpp-text-color, inherit);
}

.wpp-page a,
.wpp-main a,
.wpp-details-section a,
.wpp-recommendations-section a {
	color: var(--wpp-link-color);
}

.wpp-page a:hover,
.wpp-main a:hover,
.wpp-details-section a:hover,
.wpp-recommendations-section a:hover {
	color: var(--wpp-link-hover);
}

.wpp-active svg {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}

/* ══════════════════════════════════════════════════════════
 * PAGE WRAPPER
 * ══════════════════════════════════════════════════════════ */
.wpp-page {
	font-family: var(--wpp-font-family, var(--wpb-font-family, var(--wpc-font-body, inherit)));
	background: var(--wpp-page-bg, var(--brand-color-surface, #fffdfa));
	padding-left: 24px;
	padding-right: 24px;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 991px) {
	.wpp-page {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media (max-width: 767px) {
	.wpp-page {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* ══════════════════════════════════════════════════════════
 * BREADCRUMB
 * ══════════════════════════════════════════════════════════ */
.wpp-breadcrumb,
.woocommerce-breadcrumb,
nav.woocommerce-breadcrumb {
	font-size: 13px;
	font-weight: 500;
	font-family: inherit;
	letter-spacing: 0.2px;
	color: var(--brand-color-secondary, #d97706);
	padding: 12px 0 16px;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.wpp-page .wpp-breadcrumb a,
.wpp-page .woocommerce-breadcrumb a,
.wpp-breadcrumb a,
.woocommerce-breadcrumb a {
	color: var(--brand-color-secondary, #d97706) !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

.wpp-page .wpp-breadcrumb a:hover,
.wpp-page .woocommerce-breadcrumb a:hover,
.wpp-breadcrumb a:hover,
.woocommerce-breadcrumb a:hover {
	color: var(--brand-color-primary, #8b1a1a) !important;
	text-decoration: underline !important;
}

.wpp-breadcrumb__sep {
	color: var(--brand-color-secondary, #d97706) !important;
	opacity: 0.7 !important;
	font-size: 11px !important;
}

.wpp-breadcrumb__current {
	color: var(--brand-color-primary, #8b1a1a) !important;
	font-weight: 600 !important;
}

/* Compact single-line breadcrumb on mobile */
@media (max-width: 767px) {

	.wpp-breadcrumb,
	.woocommerce-breadcrumb,
	nav.woocommerce-breadcrumb {
		display: flex !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		font-size: 11.5px !important;
		padding: 4px 0 6px !important;
		margin-bottom: 4px !important;
		flex-wrap: nowrap !important;
	}

	.wpp-breadcrumb__current {
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		max-width: 150px !important;
	}
}

/* ══════════════════════════════════════════════════════════
 * MAIN TWO-COLUMN LAYOUT
 * ══════════════════════════════════════════════════════════ */
.wpp-main {
	display: grid;
	grid-template-columns: var(--wpp-gallery-w, 52%) 1fr;
	gap: var(--wpp-layout-gap-desk, 48px);
	align-items: flex-start;
}

@media (max-width: 991px) {
	.wpp-main {
		grid-template-columns: 1fr;
		gap: var(--wpp-layout-gap-tab, 32px);
	}
}

@media (max-width: 767px) {
	.wpp-main {
		grid-template-columns: 1fr;
		gap: var(--wpp-layout-gap-mob, 24px);
	}
}

.wpp-main>* {
	min-width: 0;
}

/* ── Structured Details & Recommendations Sections ── */
.wpp-details-section,
.wpp-recommendations-section {
	margin-top: 24px !important;
	display: flex;
	flex-direction: column;
	gap: 28px !important;
}

.wpp-details-section {
	border-top: 1px solid var(--brand-color-border-warm, var(--wpc-border, #e5e7eb));
	padding-top: 24px !important;
}

.wpp-recommendations-section {
	border-top: 1px solid var(--brand-color-border-warm, var(--wpc-border, #e5e7eb));
	padding-top: 24px !important;
}

@media (max-width: 767px) {

	.wpp-details-section,
	.wpp-recommendations-section {
		margin-top: 32px;
		padding-top: 24px;
		gap: 28px;
	}
}

/* ══════════════════════════════════════════════════════════
 * IMAGE GALLERY
 * ══════════════════════════════════════════════════════════ */
.wpp-gallery,
.wpp-gallery--thumb-bottom,
.wpp-gallery--thumb-left {
	position: sticky;
	top: max(calc(var(--wab-height, 0px) + var(--whn-h-desk, 64px) + 16px), 96px);
	align-self: flex-start;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px;
	width: 100%;
}

.wpp-gallery__main {
	width: 100%;
	position: relative;
}

/* thumb-none: admin explicitly disabled thumbnails — no thumb rail */
.wpp-gallery--thumb-none {
	flex-direction: column;
}

.wpp-gallery--thumb-none .wpp-gallery__main {
	width: 100%;
	flex: 1 1 100%;
}

@media (max-width: 767px) {

	.wpp-gallery,
	.wpp-gallery--thumb-left,
	.wpp-gallery--thumb-bottom {
		position: static;
		flex-direction: column !important;
	}
}

/* Thumbnails rail — smooth horizontal strip below main image */
.wpp-gallery__thumbs,
.wpp-gallery--thumb-bottom .wpp-gallery__thumbs,
.wpp-gallery--thumb-left .wpp-gallery__thumbs {
	display: flex !important;
	flex-direction: row !important;
	gap: 8px;
	width: 100% !important;
	max-height: none !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 2px 0 6px;
}

.wpp-gallery__thumbs::-webkit-scrollbar {
	display: none;
}

@media (max-width: 767px) {

	.wpp-gallery__thumbs,
	.wpp-gallery--thumb-left .wpp-gallery__thumbs {
		flex-direction: row !important;
		width: 100% !important;
		max-height: none !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory !important;
		scroll-padding: 0 4px;
		padding: 4px 0 !important;
	}
}

.wpp-gallery__thumb {
	scroll-snap-align: start;
}

.wpp-gallery__thumb {
	width: 72px;
	height: 72px;
	border-radius: var(--wpp-thumb-radius, 6px);
	overflow: hidden;
	cursor: pointer;
	flex-shrink: 0;
	border: 1px solid var(--wpp-thumb-border, var(--brand-color-border-warm, #e8dfd5));
	transition: border-color .2s ease, box-shadow .2s ease;
	background: var(--wpc-surface-subtle, #f5f5f5);
}

.wpp-gallery__thumb:hover {
	border-color: var(--brand-color-secondary, #d97706);
}

.wpp-gallery__thumb.is-active {
	border-color: var(--wpp-thumb-active-border, var(--brand-color-secondary, #d97706));
	box-shadow: 0 0 0 2px var(--brand-color-secondary, #d97706);
}

.wpp-gallery__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Main image */
.wpp-gallery__main {
	flex: 1;
	min-width: 0;
	position: relative;
	overflow: hidden;
	border-radius: var(--wpp-img-radius, 10px);
	background: var(--wpc-surface-2, #f8f6f3);
	cursor: var(--wpp-zoom-cursor, default);
	aspect-ratio: var(--wpp-img-ratio, 1 / 1);
	width: 100%;
}

.wpp-gallery__main-img-wrap {
	aspect-ratio: var(--wpp-img-ratio, 1 / 1);
	overflow: hidden;
	width: 100%;
	min-height: 260px;
	position: relative;
}

.wpp-gallery__main img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	visibility: visible !important;
	opacity: 1 !important;
	transform-origin: 50% 50%;
	transition: transform 0.2s cubic-bezier(0.2, 0, 0.2, 1);
	will-change: transform, transform-origin;
}

@media (hover: hover) and (pointer: fine) {
	.wpp-gallery__main:hover img {
		transform: scale(2.2);
	}
}

.wpp-gallery--no-zoom .wpp-gallery__main:hover img {
	transform: none;
}

/* Floating pagination counter badge */
.wpp-gallery__counter-badge {
	position: absolute;
	bottom: 12px;
	right: 12px;
	background: rgba(26, 26, 26, 0.72);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	color: var(--brand-color-text-light, #ffffff);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.5px;
	padding: 4px 10px;
	border-radius: 20px;
	z-index: 5;
	pointer-events: none;
	user-select: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

/* Floating desktop zoom hint */
.wpp-gallery__zoom-hint {
	position: absolute;
	top: 12px;
	right: 12px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(0, 0, 0, 0.08);
	color: var(--wpc-text-secondary, #4a4a4a);
	font-size: 11px;
	font-weight: 500;
	padding: 4px 10px;
	border-radius: 20px;
	z-index: 5;
	pointer-events: none;
	user-select: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	transition: opacity 0.2s ease;
}

.wpp-gallery__main:hover .wpp-gallery__zoom-hint {
	opacity: 0;
}

@media (max-width: 767px) {
	.wpp-gallery__zoom-hint {
		display: none !important;
	}
}

/* ── Premium Full-Screen Lightbox — rebuild ────────────────────── */

/* Hide announcement bar when lightbox is open */
body.wpp-lightbox-open .wab-bar,
body.wpp-lightbox-open #wab-announcements,
body.wpp-lightbox-open [class*="wab"],
body.wpp-lightbox-open [id*="announcement"] {
	display: none !important;
}

.wpp-lightbox {
	position: fixed;
	inset: 0;
	background: rgba(10, 10, 10, .97);
	z-index: 999999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
}

.wpp-lightbox.is-open {
	opacity: 1;
	pointer-events: all;
}

/* Close button — modern circle icon */
.wpp-lightbox__close {
	position: absolute;
	top: 16px;
	right: 18px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .13);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, .22);
	color: var(--brand-color-text-light, #ffffff);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s ease, transform .2s ease;
	z-index: 10;
	padding: 0;
}

.wpp-lightbox__close:hover {
	background: rgba(255, 255, 255, .24);
	transform: scale(1.08);
}

.wpp-lightbox__close svg {
	width: 18px;
	height: 18px;
	pointer-events: none;
}

/* Counter indicator */
.wpp-lightbox__counter {
	position: absolute;
	top: 18px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(255, 255, 255, .65);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .5px;
	z-index: 10;
	white-space: nowrap;
	pointer-events: none;
}

/* Main stage area */
.wpp-lightbox__stage {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	overflow: hidden;
	padding: 56px 80px 12px;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.wpp-lightbox__stage {
		padding: 56px 16px 12px;
	}
}

.wpp-lightbox__img {
	max-width: 100%;
	max-height: 80vh;
	object-fit: contain;
	border-radius: 6px;
	transition: opacity .2s ease;
	user-select: none;
	-webkit-user-drag: none;
}

/* Navigation arrows */
.wpp-lightbox__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .13);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, .22);
	color: var(--brand-color-text-light, #ffffff);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s, transform .2s;
	z-index: 5;
	padding: 0;
}

.wpp-lightbox__nav:hover {
	background: rgba(255, 255, 255, .24);
}

.wpp-lightbox__nav--prev {
	left: 16px;
}

.wpp-lightbox__nav--next {
	right: 16px;
}

.wpp-lightbox__nav svg {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	pointer-events: none;
}

.wpp-lightbox__nav[hidden] {
	display: none;
}

@media (max-width: 767px) {
	.wpp-lightbox__nav {
		width: 36px;
		height: 36px;
	}

	.wpp-lightbox__nav--prev {
		left: 8px;
	}

	.wpp-lightbox__nav--next {
		right: 8px;
	}

	.wpp-lightbox__nav svg {
		width: 18px;
		height: 18px;
	}
}

/* Filmstrip thumbnails */
.wpp-lightbox__thumbs {
	display: flex;
	gap: 8px;
	padding: 10px 20px 18px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	flex-shrink: 0;
	scrollbar-width: none;
	width: 100%;
	box-sizing: border-box;
	justify-content: center;
}

.wpp-lightbox__thumbs::-webkit-scrollbar {
	display: none;
}

.wpp-lightbox__lb-thumb {
	width: 58px;
	height: 58px;
	border-radius: 5px;
	overflow: hidden;
	flex-shrink: 0;
	cursor: pointer;
	scroll-snap-align: start;
	border: 2px solid transparent;
	transition: border-color .2s, opacity .2s;
	opacity: .5;
}

.wpp-lightbox__lb-thumb:hover {
	opacity: .8;
}

.wpp-lightbox__lb-thumb.is-active {
	border-color: var(--brand-color-secondary, #d97706);
	opacity: 1;
}

.wpp-lightbox__lb-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (max-width: 767px) {
	.wpp-lightbox__thumbs {
		justify-content: flex-start;
		padding: 8px 12px 14px;
	}

	.wpp-lightbox__lb-thumb {
		width: 50px;
		height: 50px;
	}
}

/* Mobile swipe indicator */
.wpp-gallery__swipe-hint {
	text-align: center;
	font-size: 11px;
	opacity: .45;
	margin-top: 6px;
	display: none;
	color: var(--brand-color-text-muted, var(--wpc-text-muted, #7a6a60));
}

@media (max-width: 767px) {
	.wpp-gallery__swipe-hint {
		display: block;
	}
}

/* ══════════════════════════════════════════════════════════
 * PRODUCT INFO PANEL (right side)
 * ══════════════════════════════════════════════════════════ */
.wpp-info {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* ── Product Header ────────────────────────────────────── */
.wpp-header {
	margin: 0 !important;
	padding: 0 !important;
}

.wpp-header__cats {
	font-size: var(--wpp-meta-size, 13px);
	font-weight: var(--wpp-meta-weight, 400);
	font-family: var(--wpp-meta-ff, inherit);
	color: var(--wpp-cat-color);
	margin-bottom: 2px;
}

.wpp-header__cats a {
	color: var(--wpp-cat-link);
	text-decoration: none;
}

.wpp-header__cats a:hover {
	color: var(--wpp-cat-hover);
}

.wpp-header__title {
	font-size: var(--wpp-title-size, 26px) !important;
	font-weight: 700 !important;
	font-family: var(--wpc-font-heading, inherit) !important;
	letter-spacing: -0.01em !important;
	text-transform: none !important;
	color: var(--brand-color-secondary, #D97706) !important;
	margin: 2px 0 4px 0 !important;
	padding: 0 !important;
	line-height: 1.25 !important;
}

.wpp-header__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	font-size: var(--wpp-meta-size, 13px);
	color: var(--wpp-sku-color);
	font-family: var(--wpp-meta-ff, inherit);
}

.wpp-header__rating {
	display: flex;
	align-items: center;
	gap: 6px;
}

.wpp-header__rating .star-rating,
.wpp-header__rating .star-rating span,
.star-rating,
.star-rating span {
	color: var(--brand-color-secondary, #d97706) !important;
}

.wpp-header__rating a {
	color: var(--brand-color-text-muted, var(--wpc-text-secondary, #6b7280)) !important;
	font-size: .85em;
}

/* ── Unified Price & Rating Row (Top-Aligned Side-by-Side) ── */
.wpp-price-rating-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	flex-wrap: nowrap !important;
	gap: 16px !important;
	width: 100% !important;
	margin: 0 !important;
}

.wpp-price-rating-row .wpp-price {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 4px !important;
	flex: 1 1 auto !important;
}

.wpp-price__main-row {
	display: inline-flex !important;
	align-items: baseline !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
}

.wpp-price-rating-row .wpp-price__tax {
	flex-basis: 100% !important;
	width: 100% !important;
	display: block !important;
	margin-top: 2px !important;
	font-size: 12px !important;
	color: var(--brand-color-text-muted, var(--wpc-text-secondary, #6b7280)) !important;
}

.wpp-price-rating-row .wpp-header__meta {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	text-align: right !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	align-self: flex-start !important;
}

.wpp-price-rating-row .wpcr-above-fold {
	margin: 0 !important;
}

.wpp-header__rating-row {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 6px !important;
}

.wpp-header__rating-score {
	font-weight: 700 !important;
	font-size: 13.5px !important;
	color: var(--brand-color-secondary, #d97706) !important;
}

.wpp-header__review-count {
	font-size: 13px !important;
	color: var(--wpc-text-secondary, #6b7280) !important;
	font-weight: 500 !important;
}

.wpp-header__verified-devotees,
.wpcr-above-fold__verified {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	background: #ecfdf5 !important;
	color: #059669 !important;
	border: 1px solid #a7f3d0 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	padding: 2px 8px !important;
	border-radius: 999px !important;
	line-height: 1.3 !important;
	margin-top: 2px !important;
	text-decoration: none !important;
}

.wpp-header__verified-devotees svg,
.wpcr-above-fold__verified svg {
	flex-shrink: 0 !important;
	width: 12px !important;
	height: 12px !important;
}

.wpp-rating-stars-link {
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	text-decoration: none !important;
	gap: 2px !important;
	transition: opacity 0.15s ease !important;
	cursor: pointer !important;
}

.wpp-rating-stars-link:hover {
	opacity: 0.85 !important;
}

.wpp-rating-verified-cue {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: var(--brand-color-emerald, #059669) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 3px !important;
	margin-top: 2px !important;
}

/* ── Price Block ───────────────────────────────────────── */
.wpp-price {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 6px;
}

.wpp-price--stacked {
	flex-direction: column;
	gap: 4px;
}

/* Sale price — Bold Secondary Amber matching Shop Grid */
.wpp-price__sale {
	font-size: var(--wpp-price-size, 28px);
	font-weight: var(--wpp-price-weight, 700);
	font-family: var(--wpc-font-body, inherit);
	color: var(--brand-color-secondary, #d97706);
	letter-spacing: -0.02em;
}

/* WooCommerce wraps sale price in ins+del — ensure secondary amber propagates correctly */
.wpp-price__sale ins,
.wpp-price__sale ins .woocommerce-Price-amount,
.wpp-price__sale .woocommerce-Price-amount {
	color: var(--brand-color-secondary, #d97706) !important;
	text-decoration: none;
	font-weight: 700 !important;
}

.wpp-price__sale del {
	display: none;
}

/* Hide redundant WooCommerce default variation price & stock banner above CTA */
.woocommerce-variation,
.woocommerce-variation-price,
.woocommerce-variation-availability,
.single_variation,
.single_variation .woocommerce-variation-availability,
.single_variation_wrap .single_variation,
.single_variation_wrap .woocommerce-variation-availability,
.single-product .woocommerce-variation-price,
.single-product .woocommerce-variation-availability,
.single-product .single_variation,
.wpp-active .woocommerce-variation-price,
.wpp-active .woocommerce-variation-availability,
.wpp-active .woocommerce-variation-description,
.wpp-active .single_variation,
.woocommerce-variation-availability p.stock,
p.stock.in-stock,
p.stock.out-of-stock,
p.stock.available-on-backorder,
p.stock.unavailable {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	opacity: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

/* MRP is handled by our separate wpp-price__mrp span */

/* MRP (regular/cost price) — slate strikethrough matching shop page */
.wpp-price__mrp {
	font-size: var(--wpp-mrp-size, 15px);
	font-weight: var(--wpp-mrp-weight, 400);
	font-family: var(--wpc-font-body, inherit);
	color: var(--wpc-text-muted, #9ca3af);
	text-decoration: line-through;
	letter-spacing: -0.2px;
}

/* Discount badge — emerald pill matching shop page */
.wpp-price__badge {
	display: inline-flex !important;
	align-items: center !important;
	padding: 2px 8px !important;
	border-radius: 6px !important;
	background: var(--brand-color-success-light, #ecfdf5) !important;
	color: var(--brand-color-emerald, var(--brand-color-success, #059669)) !important;
	border: 1px solid var(--brand-color-success-border, #a7f3d0) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.3px !important;
	margin-top: 2px !important;
	align-self: flex-start !important;
}

.wpp-price__tax {
	font-size: var(--wpp-meta-size, 11px);
	color: var(--wpc-text-muted, #94a3b8);
	width: 100%;
	margin-top: 2px;
}


/* ── Offer Strip Micro-Banner ─────────────────────────── */
.wpp-offer-strip {
	background: var(--brand-color-bg-primary, var(--wpc-surface-2, #fffdf8)) !important;
	border: 1px solid var(--brand-color-border-warm, #f0e6da) !important;
	border-left: 4px solid var(--brand-color-secondary, #d97706) !important;
	border-radius: 8px !important;
	padding: 10px 14px !important;
	overflow: hidden;
}

.wpp-offer-strip__track {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.wpp-offer-strip__item {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: var(--wpp-offer-size, 12px);
	font-weight: var(--wpp-offer-weight, 500);
	font-family: var(--wpp-offer-ff, inherit);
	color: var(--wpp-offer-text);
}

.wpp-offer-strip__icon {
	font-size: 1.1em;
	flex-shrink: 0;
	margin-top: 1px;
}

.wpp-offer-strip__text {
	flex: 1;
	line-height: 1.4;
}

.wpp-offer-strip__text strong {
	font-weight: 700;
}

.wpp-coupon-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--brand-color-bg-secondary, var(--wpc-surface-2, #fffdf5));
	border: 1px dashed var(--brand-color-secondary, #d97706);
	border-radius: 6px;
	padding: 4px 7px;
	margin: 0 3px;
	cursor: pointer;
	vertical-align: middle;
	transition: all 0.2s ease;
	user-select: none;
}

.wpp-coupon-badge:hover {
	background: var(--brand-color-warning-light, #fef3c7);
	border-color: var(--brand-color-accent, #b45309);
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);
}

.wpp-coupon-code {
	font-family: monospace;
	font-weight: 700;
	color: var(--brand-color-accent, #92400e);
	letter-spacing: 0.5px;
	font-size: 11.5px;
}

.wpp-coupon-copy-btn {
	background: var(--brand-color-secondary, #d97706);
	color: var(--brand-color-text-light, #ffffff);
	font-size: 9.5px;
	font-weight: 700;
	padding: 2px 5px;
	border-radius: 4px;
	letter-spacing: 0.4px;
	transition: all 0.2s ease;
}

.wpp-coupon-badge.is-copied {
	border-color: var(--brand-color-success, #059669);
	background: var(--brand-color-success-light, #ecfdf5);
}

.wpp-coupon-badge.is-copied .wpp-coupon-copy-btn {
	background: var(--brand-color-success, #059669);
}

.wpp-offer-strip__footer {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px dashed var(--brand-color-border-warm, #f0e6da);
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.wpp-view-coupons-link {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	color: var(--brand-color-accent, #92400e) !important;
	font-family: inherit;
	font-size: 11.5px;
	font-weight: 700;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	text-decoration: underline;
	transition: color 0.15s ease;
}

.wpp-view-coupons-link:hover {
	color: var(--brand-color-accent, #78350f) !important;
	text-decoration: none;
}

.wpp-view-coupons-link svg {
	color: var(--brand-color-secondary, #d97706);
}

/* ── Available Coupons Modal ──────────────────────────── */
.wpp-coupons-modal {
	position: fixed;
	inset: 0;
	z-index: var(--layer-modal, 2000) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

.wpp-coupons-modal.is-open {
	opacity: 1;
	visibility: visible;
}

.wpp-coupons-modal__overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(4px);
}

.wpp-coupons-modal__dialog {
	position: relative;
	width: 100%;
	max-width: 520px;
	max-height: 85vh;
	background: var(--brand-color-bg-white, #ffffff);
	border-radius: 16px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	z-index: 1;
	animation: wppModalPop 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes wppModalPop {
	from {
		transform: scale(0.95) translateY(10px);
		opacity: 0;
	}

	to {
		transform: scale(1) translateY(0);
		opacity: 1;
	}
}

.wpp-coupons-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	background: var(--brand-color-surface, var(--wpc-surface-2, #fffdfa));
	border-bottom: 1px solid var(--brand-color-border-warm, #f0e6da);
}

.wpp-coupons-modal__title-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wpp-coupons-modal__icon {
	font-size: 20px;
}

.wpp-coupons-modal__title {
	font-size: 16px;
	font-weight: 700;
	color: var(--wpc-text-primary, #1a1a1a);
	margin: 0;
	font-family: var(--wpc-font-heading, inherit);
}

.wpp-coupons-modal__close {
	background: var(--wpc-surface-subtle, #f3f4f6) !important;
	border: none !important;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--wpc-text-secondary, #374151) !important;
	transition: all 0.15s ease;
}

.wpp-coupons-modal__close svg {
	width: 14px;
	height: 14px;
	stroke: var(--wpc-text-secondary, #374151);
}

.wpp-coupons-modal__close:hover {
	background: var(--wpc-border, #e5e7eb) !important;
	color: var(--wpc-text-primary, #111827) !important;
}

.wpp-coupons-modal__close:hover svg {
	stroke: var(--wpc-text-primary, #111827);
}

.wpp-coupons-modal__body {
	padding: 20px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.wpp-coupons-modal__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.wpp-coupon-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--brand-color-bg-primary, var(--wpc-surface-2, #fffdf8));
	border: 1.5px dashed var(--brand-color-secondary, #d97706);
	border-radius: 12px;
	padding: 14px 16px;
	gap: 12px;
	transition: all 0.2s ease;
}

.wpp-coupon-card:hover {
	background: var(--brand-color-bg-secondary, #fffbf0);
	box-shadow: 0 4px 12px rgba(217, 119, 6, 0.08);
}

.wpp-coupon-card__left {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.wpp-coupon-card__badge {
	align-self: flex-start;
	background: var(--brand-color-warning-light, #fef3c7);
	color: var(--brand-color-accent, #92400e);
	font-size: 10.5px;
	font-weight: 700;
	padding: 2px 7px;
	border-radius: 4px;
	letter-spacing: 0.4px;
}

.wpp-coupon-card__title {
	font-size: 14px;
	font-weight: 700;
	color: var(--wpc-text-primary, #111827);
	margin: 2px 0 0 0;
	line-height: 1.3;
}

.wpp-coupon-card__terms {
	font-size: 12px;
	color: var(--wpc-text-secondary, #6b7280);
	margin: 0;
}

.wpp-coupon-card__desc {
	font-size: 11.5px;
	color: var(--wpc-text-muted, #9ca3af);
	margin: 0;
}

.wpp-coupon-badge--lg {
	padding: 6px 12px !important;
	border-radius: 8px !important;
	gap: 8px !important;
}

.wpp-coupon-badge--lg .wpp-coupon-code {
	font-size: 13.5px !important;
}

.wpp-coupon-badge--lg .wpp-coupon-copy-btn {
	font-size: 10.5px !important;
	padding: 4px 8px !important;
}

.wpp-coupons-modal__perks {
	background: var(--wpc-surface-subtle, #f9fafb);
	border-radius: 10px;
	padding: 14px;
}

.wpp-coupons-modal__perks-title {
	font-size: 12.5px;
	font-weight: 700;
	color: var(--wpc-text-secondary, #374151);
	margin: 0 0 10px 0;
}

.wpp-coupons-modal__perks-grid {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.wpp-coupon-perk {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 12px;
}

.wpp-coupon-perk__icon {
	font-size: 15px;
	flex-shrink: 0;
}

.wpp-coupon-perk__text {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.wpp-coupon-perk__text strong {
	color: var(--wpc-text-primary, #1f2937);
}

.wpp-coupon-perk__text span {
	color: var(--wpc-text-secondary, #6b7280);
	font-size: 11px;
}

/* ── Short Description Summary Card ───────────────────── */
.wpp-short-desc {
	background: var(--wpc-surface-2, #fffdfa);
	border-left: 3px solid var(--brand-color-primary, #8b1a1a);
	border-radius: 6px;
	padding: 12px 16px;
	margin: 8px 0;
	font-size: var(--wpp-desc-size, 14px);
	line-height: 1.6;
	color: var(--wpp-text-color, var(--wpc-text-secondary, #374151));
}

.wpp-short-desc p {
	margin: 0;
}

/* ── Variant Swatches ──────────────────────────────────── */
.wpp-variants {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.wpp-variants__label {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--wpc-on-surface, #334155) !important;
	margin-bottom: 10px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

.wpp-variants__label-name {
	color: var(--wpc-on-surface, #334155) !important;
	font-weight: 600 !important;
}

.wpp-variants__label-value {
	color: var(--brand-color-secondary, #d97706) !important;
	font-weight: 700 !important;
	margin-left: 4px !important;
}

.wpp-variants__size-guide {
	font-size: .85em;
	font-weight: 400;
	color: var(--wpp-link-color);
	text-decoration: underline;
}

/* ── Size swatches — exact match to shop page pill style ── */
.wpp-swatches {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	margin: 8px 0 14px !important;
	width: 100% !important;
	padding: 2px 2px 4px 2px !important;
}

.wpp-swatches::-webkit-scrollbar {
	display: none !important;
}

.wpp-swatches__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.wpp-swatches__item--text {
	height: auto !important;
	min-height: 48px !important;
	min-width: 80px !important;
	padding: 4px 8px !important;
	border-radius: 9px !important;
	border: 1.5px solid var(--brand-color-secondary, #d97706) !important;
	background: var(--brand-color-bg-primary, var(--wpc-surface-2, #fffdf8)) !important;
	color: var(--wpc-text-primary, #1a1615) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
	letter-spacing: 0.1px !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 2px !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	text-align: center !important;
	flex: 0 0 auto !important;
}

.wpp-swatch-size-row-top {
	display: inline-flex !important;
	align-items: baseline !important;
	justify-content: center !important;
	gap: 5px !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
}

.wpp-swatch-size-main {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: var(--wpc-text-primary, #1a1615) !important;
	line-height: 1.2 !important;
}

.wpp-swatch-size-sub {
	font-size: 11.5px !important;
	font-weight: 600 !important;
	color: var(--brand-color-accent, #92400e) !important;
	line-height: 1.2 !important;
}

.wpp-swatch-size-price {
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: var(--brand-color-primary, #8b1a1a) !important;
	line-height: 1.2 !important;
	margin-top: 1px !important;
	display: block !important;
}

.wpp-swatch-size-price .woocommerce-Price-amount {
	color: inherit !important;
	font-weight: inherit !important;
}

.wpp-swatches__item--text:hover {
	background: var(--brand-color-warning-light, #fef3c7) !important;
	border-color: var(--brand-color-accent, #b45309) !important;
	box-shadow: 0 2px 8px rgba(217, 119, 6, 0.2) !important;
	transform: translateY(-1px) !important;
}

.wpp-swatches__item--text.is-active {
	background: var(--wpp-swatch-active-bg, var(--brand-color-secondary, #d97706)) !important;
	border-color: var(--wpp-swatch-active-border, var(--brand-color-secondary, #d97706)) !important;
	box-shadow: 0 0 0 2px var(--brand-color-secondary, #d97706), 0 3px 10px rgba(217, 119, 6, 0.3) !important;
}

.wpp-swatches__item--text.is-active .wpp-swatch-size-main {
	color: var(--wpp-swatch-active-color, var(--brand-color-text-light, #ffffff)) !important;
}

.wpp-swatches__item--text.is-active .wpp-swatch-size-sub {
	color: #fffbeb !important;
	opacity: 0.95 !important;
}

.wpp-swatches__item--text.is-active .wpp-swatch-size-price,
.wpp-swatches__item--text.is-active .wpp-swatch-size-price .woocommerce-Price-amount {
	color: #ffffff !important;
}

.wpp-swatches__item.is-disabled,
.wpp-swatches__item.wpp-swatches__item--disabled,
.wpp-swatches__item--oos {
	opacity: 0.45 !important;
	text-decoration: line-through !important;
	background: var(--wpc-surface-subtle, #f8fafc) !important;
	border-color: var(--wpc-border, #cbd5e1) !important;
	border-style: dashed !important;
	color: var(--wpc-text-muted, #64748b) !important;
	cursor: not-allowed !important;
}

/* OOS styles */
.wpp-swatches__item--oos-strike::after,
.wpp-swatches__item--oos::after,
.wpp-swatches__item.wpp-swatches__item--disabled::after,
.wpp-swatches__item[aria-disabled="true"]::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom right, transparent calc(50% - 1.5px), var(--wpc-danger, var(--brand-color-error, #dc2626)) calc(50% - 1.5px), var(--wpc-danger, var(--brand-color-error, #dc2626)) calc(50% + 1.5px), transparent calc(50% + 1.5px));
	pointer-events: none;
}

.wpp-swatches__item--oos-dim,
.wpp-swatches__item.wpp-swatches__item--disabled,
.wpp-swatches__item[aria-disabled="true"] {
	opacity: .4;
	cursor: not-allowed;
}

.wpp-swatches__item.wpp-swatches__item--disabled:hover,
.wpp-swatches__item[aria-disabled="true"]:hover {
	transform: none;
}

/* Select fallback */
.wpp-variants select.wpp-variant-select,
.wpp-variants select[name^="attribute_"] {
	width: 100%;
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid var(--wpp-swatch-border);
	border-radius: 4px;
	font-size: var(--wpp-meta-size, 14px);
	background: var(--brand-color-bg-white, #ffffff);
}

/* ── Qty & ATC Area ────────────────────────────────────── */
.wpp-purchase-area {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.wpp-qty-atc-row {
	display: flex;
	gap: 10px;
	align-items: stretch;
}

/* Quantity */
.wpp-qty {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	background: var(--wpp-qty-bg);
	border: 1px solid var(--wpp-qty-border);
	border-radius: var(--wpp-qty-radius, 4px);
	overflow: hidden;
	flex-shrink: 0;
}

.wpp-qty__btn {
	background: var(--wpp-qty-btn-bg);
	border: none;
	padding: 0;
	width: 44px;
	height: 100%;
	min-height: 44px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
	color: var(--wpp-qty-text);
	transition: background .15s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wpp-qty__btn:hover {
	background: var(--wpp-qty-btn-hover);
}

.wpp-qty__input {
	border: none;
	background: transparent;
	text-align: center;
	width: 44px;
	font-size: 15px;
	font-weight: 600;
	color: var(--wpp-qty-text);
	-moz-appearance: textfield;
	appearance: textfield;
	padding: 0;
}

.wpp-qty__input::-webkit-inner-spin-button,
.wpp-qty__input::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

/* Buttons */
.wpp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	min-width: 44px;
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
	transition: background .18s, color .18s, border-color .18s, transform .12s;
	white-space: nowrap;
	font-family: var(--wpp-atc-ff, inherit);
	font-size: var(--wpp-atc-size, 13px);
	font-weight: var(--wpp-atc-weight, 700);
	letter-spacing: var(--wpp-atc-ls, 0);
	text-transform: var(--wpp-atc-transform, uppercase);
}

.wpp-btn:active {
	transform: scale(.98);
}

.single_add_to_cart_button,
.wpp-btn--atc {
	flex: 1;
	height: var(--wpp-atc-height, 44px);
	min-height: var(--wpp-atc-height, 44px);
	border-radius: var(--wpp-atc-radius, 8px);
	/* Outlined secondary style */
	background: transparent;
	color: var(--brand-color-secondary, #d97706);
	border: 2px solid var(--brand-color-secondary, #d97706);
	font-weight: 700;
}

.wpp-btn--atc:hover,
.single_add_to_cart_button:hover {
	background: var(--brand-color-secondary, #d97706) !important;
	color: #ffffff !important;
	border-color: var(--brand-color-secondary, #d97706) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(217, 119, 6, 0.25);
}

.wpp-btn--atc.wpp-btn--width-full {
	width: 100%;
}

.wpp-btn--atc.loading {
	opacity: .75;
	pointer-events: none;
}

/* Generic loading spinner for buttons */
.wpp-btn.loading,
.wpp-btn--atc.loading,
.wpp-btn--buy-now.loading,
.wpp-btn--whatsapp.loading,
.wpp-bundle__atc.loading,
.wpp-sticky-bar__btn.loading,
.wpp-qa__form-submit.loading {
	position: relative;
	color: transparent !important;
}

.wpp-btn.loading::after,
.wpp-btn--atc.loading::after,
.wpp-btn--buy-now.loading::after,
.wpp-btn--whatsapp.loading::after,
.wpp-bundle__atc.loading::after,
.wpp-sticky-bar__btn.loading::after,
.wpp-qa__form-submit.loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: wpp-spin 0.6s linear infinite;
	opacity: 1;
}

@keyframes wpp-spin {
	to {
		transform: rotate(360deg);
	}
}

.wpp-btn--buy-now {
	height: var(--wpp-buynow-height, var(--wpp-atc-height, 44px));
	min-height: var(--wpp-buynow-height, var(--wpp-atc-height, 44px));
	width: 100%;
	border-radius: var(--wpc-radius-sm, 8px);
	background: linear-gradient(135deg, var(--brand-color-primary, #8b1a1a) 0%, #701515 100%) !important;
	color: #ffffff !important;
	border: none !important;
	font-family: var(--wpp-buynow-ff, inherit);
	font-size: var(--wpp-buynow-size, 14px);
	font-weight: 700;
	text-transform: var(--wpp-buynow-transform, uppercase);
	letter-spacing: 0.05em;
	box-shadow: 0 4px 14px rgba(139, 26, 26, 0.32) !important;
	transition: all .2s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.wpp-btn--buy-now:hover {
	background: linear-gradient(135deg, #701515 0%, #5c1212 100%) !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(139, 26, 26, 0.42) !important;
}

.wpp-whatsapp-wrap {
	width: 100%;
}

.wpp-btn--whatsapp,
.wpp-btn--whatsapp:link,
.wpp-btn--whatsapp:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	height: var(--wpp-whatsapp-height, 46px);
	border-radius: var(--wpp-whatsapp-radius, 8px);
	background: var(--brand-color-whatsapp, #25D366);
	color: var(--brand-color-text-light, #ffffff) !important;
	border: 1px solid var(--brand-color-whatsapp-hover, #20bd5a);
	font-family: var(--wpp-atc-ff, inherit);
	font-size: var(--wpp-atc-size, 14px);
	font-weight: 700;
	letter-spacing: 0.02em;
	text-decoration: none;
	transition: all 0.2s ease;
	box-sizing: border-box;
	box-shadow: 0 4px 14px rgba(37, 211, 102, 0.28);
	cursor: pointer;
}

.wpp-btn--whatsapp .wpp-btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	line-height: 1;
}

.wpp-btn--whatsapp .wpp-btn-icon svg,
.wpp-btn--whatsapp svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	display: block;
	fill: #ffffff !important;
}

.wpp-btn--whatsapp svg path {
	fill: #ffffff !important;
}

.wpp-btn--whatsapp .wpp-btn-text {
	display: inline;
	line-height: 1;
	color: inherit;
}

.wpp-btn--whatsapp:hover {
	background: var(--brand-color-whatsapp-hover, #20bd5a);
	color: var(--brand-color-text-light, #ffffff) !important;
	border-color: var(--brand-color-whatsapp-dark, #16a34a);
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4);
}

.wpp-btn--whatsapp:active {
	transform: translateY(0);
}

[data-theme="dark"] .wpp-btn--whatsapp {
	background: var(--brand-color-whatsapp, #25D366);
	color: var(--brand-color-text-light, #ffffff) !important;
	border-color: var(--brand-color-whatsapp-hover, #20bd5a);
}

[data-theme="dark"] .wpp-btn--whatsapp:hover {
	background: var(--brand-color-whatsapp-hover, #20bd5a);
	color: var(--brand-color-text-light, #ffffff) !important;
	border-color: var(--brand-color-whatsapp-dark, #16a34a);
}

/* ── First-Class WhatsApp Order CTA Button ── */
.wpp-btn--whatsapp-order,
.wpp-btn--whatsapp-order:link,
.wpp-btn--whatsapp-order:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	min-height: 50px;
	padding: 8px 16px;
	border-radius: var(--wpp-whatsapp-radius, 8px);
	background: linear-gradient(135deg, #25D366 0%, #20BD5A 100%);
	color: #ffffff !important;
	border: 1px solid #1EAA51;
	font-family: var(--wpp-atc-ff, inherit);
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	box-sizing: border-box;
	box-shadow: 0 4px 16px rgba(37, 211, 102, 0.32);
	cursor: pointer;
	margin-top: 4px;
}

.wpp-btn--whatsapp-order:hover {
	background: linear-gradient(135deg, #20BD5A 0%, #16A34A 100%);
	border-color: #15803D;
	color: #ffffff !important;
	transform: translateY(-1.5px);
	box-shadow: 0 6px 20px rgba(37, 211, 102, 0.42);
}

.wpp-btn--whatsapp-order:active {
	transform: translateY(0);
}

.wpp-btn--whatsapp-order .wpp-btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	line-height: 1;
}

.wpp-btn--whatsapp-order .wpp-btn-icon svg,
.wpp-btn--whatsapp-order svg {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	display: block;
	fill: #ffffff !important;
}

.wpp-btn--whatsapp-order svg path {
	fill: #ffffff !important;
}

.wpp-btn--whatsapp-order .wpp-btn-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	text-align: left;
	line-height: 1.25;
}

.wpp-btn--whatsapp-order .wpp-btn-main-label {
	font-size: 14.5px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #ffffff;
}

.wpp-btn--whatsapp-order .wpp-btn-sub-label {
	font-size: 11px;
	font-weight: 500;
	opacity: 0.92;
	letter-spacing: 0.01em;
	color: #ffffff;
}

[data-theme="dark"] .wpp-btn--whatsapp-order {
	background: linear-gradient(135deg, #16A34A 0%, #15803D 100%);
	border-color: #166534;
	box-shadow: 0 4px 16px rgba(22, 163, 74, 0.25);
}

[data-theme="dark"] .wpp-btn--whatsapp-order:hover {
	background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
	box-shadow: 0 6px 20px rgba(34, 197, 94, 0.35);
}

.wpp-btn--wishlist {
	width: var(--wpp-wl-size, 52px);
	height: var(--wpp-wl-size, 52px);
	border-radius: var(--wpp-wl-radius, 4px);
	background: var(--wpp-wl-bg);
	color: var(--wpp-wl-color);
	border-color: var(--wpp-wl-border);
	flex-shrink: 0;
	padding: 0;
}

.wpp-btn--wishlist:hover {
	background: var(--wpp-wl-hover-bg);
	color: var(--wpp-wl-hover-color);
}

.wpp-btn--wishlist svg {
	width: 20px;
	height: 20px;
}

.wpp-btn--wishlist.is-wishlisted svg {
	fill: currentColor;
}

/* Variation price reset */
.wpp-active .wpp-main .price {
	display: none;
}

/* hide WC default price */

/* ── Delivery & Returns Strip ────────────────────────────────────── */
.wpp-delivery-strip {
	display: grid;
	grid-template-columns: repeat(var(--wpp-delivery-cols-desk, 4), 1fr);
	gap: 10px;
	background: var(--brand-color-secondary-surface, var(--wpc-surface-2, #fff8f0));
	border: 1px solid var(--brand-color-border-warm, #e8dfd5);
	border-radius: var(--wpp-delivery-radius, 8px);
	padding: 14px 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

@media (max-width: 991px) {
	.wpp-delivery-strip {
		grid-template-columns: repeat(var(--wpp-delivery-cols-tab, 2), 1fr);
	}
}

@media (max-width: 767px) {
	.wpp-delivery-strip {
		grid-template-columns: repeat(var(--wpp-delivery-cols-mob, 2), minmax(140px, 1fr));
		gap: 8px;
		padding: 12px;
	}
}

.wpp-delivery-strip__item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: var(--wpp-delivery-size, 12px);
	font-weight: var(--wpp-delivery-weight, 600);
	font-family: var(--wpp-delivery-ff, inherit);
	color: var(--brand-color-dark, var(--wpc-text-primary, #1f2937));
	line-height: 1.35;
}

.wpp-delivery-strip__icon {
	font-size: 1.1em;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--brand-color-bg-white, #ffffff);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
	color: var(--brand-color-secondary, #d97706);
}

.wpp-delivery-strip__icon svg {
	width: 17px;
	height: 17px;
}

/* ── Trust Badges (Shop with Confidence) ────────────────── */
.wpp-trust-badges {
	background: var(--brand-color-secondary-surface, var(--wpc-surface-2, #fff8f0));
	border: 1px solid var(--brand-color-border-warm, #e8dfd5);
	border-radius: var(--wpp-trust-radius, 8px);
	padding: 16px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.wpp-trust-badges__heading {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--brand-color-primary, #8b1a1a);
	margin: 0 0 12px;
	opacity: 0.85;
}

.wpp-trust-badges__grid {
	display: grid;
	grid-template-columns: repeat(var(--wpp-trust-cols, 4), 1fr);
	gap: 10px;
}

@media (max-width: 991px) {
	.wpp-trust-badges__grid {
		grid-template-columns: repeat(var(--wpp-trust-cols-tab, 3), 1fr);
	}
}

@media (max-width: 767px) {
	.wpp-trust-badges__grid {
		grid-template-columns: repeat(var(--wpp-trust-cols-mob, 2), 1fr);
	}
}

.wpp-trust-badges__badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 5px;
}

.wpp-trust-badges__icon {
	font-size: var(--wpp-trust-icon-size, 28px);
	line-height: 1;
	color: var(--brand-color-secondary, #d97706);
	display: flex;
	align-items: center;
	justify-content: center;
}

.wpp-trust-badges__icon svg {
	width: 24px;
	height: 24px;
}

.wpp-trust-badges__text {
	font-size: var(--wpp-trust-size, 10px);
	font-weight: var(--wpp-trust-weight, 600);
	font-family: var(--wpp-trust-ff, inherit);
	color: var(--brand-color-dark, var(--wpc-text-secondary, #374151));
	text-transform: var(--wpp-trust-transform, none);
	line-height: 1.2;
}

/* ── Dark mode: Trust Badges & Delivery Strip ──────────── */
[data-theme="dark"] .wpp-delivery-strip,
[data-theme="dark"] .wpp-trust-badges {
	background: var(--brand-color-dark, var(--wpc-text-primary, #1a1615));
	border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .wpp-delivery-strip__item {
	color: var(--wpc-border, #e5e7eb);
}

[data-theme="dark"] .wpp-delivery-strip__icon {
	background: rgba(217, 119, 6, 0.2);
	color: var(--brand-color-secondary, var(--brand-color-accent, #f59e0b));
}

[data-theme="dark"] .wpp-trust-badges__text {
	color: var(--wpc-border, #e5e7eb);
}

[data-theme="dark"] .wpp-trust-badges__heading {
	color: var(--brand-color-secondary, var(--brand-color-accent, #f59e0b));
}

/* ── Social Share ──────────────────────────────────────── */
.wpp-share {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	z-index: 105;
	pointer-events: auto;
	margin-top: 6px !important;
	padding-top: 8px !important;
	border-top: 1px dashed var(--brand-color-border-warm, var(--wpc-border, #e5e7eb));
}

.wpp-share__label {
	font-size: 12px;
	font-weight: 600;
	color: var(--brand-color-text-muted, var(--wpc-text-secondary, #6b7280));
	margin-right: 2px;
}

.wpp-share__buttons {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: center;
}

.wpp-share__btn {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: var(--brand-color-bg-primary, #fffdf9) !important;
	border: 1px solid var(--brand-color-border-warm, var(--wpc-border, #e5e7eb)) !important;
	color: var(--brand-color-text-dark, var(--wpc-text-secondary, #374151)) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	box-sizing: border-box;
}

.wpp-share__btn:hover {
	background: var(--brand-color-primary, #8b1a1a) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	border-color: var(--brand-color-primary, #8b1a1a) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 10px rgba(122, 16, 16, 0.2) !important;
}

.wpp-share__btn svg {
	width: 14px !important;
	height: 14px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	display: inline-block !important;
	flex-shrink: 0;
	fill: currentColor;
}

/* ══════════════════════════════════════════════════════════
 * NOTIFY ME (OOS)
 * ══════════════════════════════════════════════════════════ */
.wpp-notify-me {
	background: var(--wpp-notify-bg);
	border: 1px solid var(--wpp-notify-border);
	border-radius: var(--wpp-notify-radius, 8px);
	padding: 20px;
}

.wpp-notify-me__heading {
	font-size: 16px;
	font-weight: 700;
	color: var(--wpp-notify-text);
	margin: 0 0 4px;
}

.wpp-notify-me__sub {
	font-size: var(--wpp-notify-size, 13px);
	font-family: var(--wpp-notify-ff, inherit);
	color: var(--wpp-notify-text);
	opacity: .7;
	margin: 0 0 14px;
}

.wpp-notify-me__form {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.wpp-notify-me__input {
	flex: 1;
	min-width: 200px;
	padding: 10px 14px;
	border: 1px solid var(--wpp-notify-border);
	border-radius: calc(var(--wpp-notify-btn-radius, 4px));
	font-size: var(--wpp-notify-size, 13px);
	background: var(--brand-color-bg-white, #ffffff);
	color: var(--wpp-notify-text);
}

.wpp-notify-me__btn {
	padding: 10px 20px;
	background: var(--wpp-notify-btn-bg);
	color: var(--wpp-notify-btn-color);
	border: 1px solid var(--wpp-notify-btn-border);
	border-radius: var(--wpp-notify-btn-radius, 4px);
	font-size: var(--wpp-notify-size, 13px);
	font-weight: 600;
	cursor: pointer;
	transition: background .15s;
}

.wpp-notify-me__btn:hover {
	background: var(--wpp-notify-btn-hover-bg);
}

.wpp-notify-me__success {
	margin-top: 10px;
	color: #2e7d32;
	font-size: 13px;
	font-weight: 500;
}

/* ══════════════════════════════════════════════════════════
 * STOCK URGENCY BADGE
 * ═══════════════════════════════════════════════════════════ */
.wpp-stock-urgency {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	background: var(--wpp-stock-urgency-bg, #fff0f0);
	border: 1px solid var(--wpp-stock-urgency-border, #feb2b2);
	border-radius: var(--wpp-stock-urgency-radius, 4px);
	color: var(--wpp-stock-urgency-color, var(--brand-color-error, #e53e3e));
	font-size: var(--wpp-stock-urgency-size, 12px);
	font-weight: var(--wpp-stock-urgency-weight, 600);
	font-family: var(--wpp-stock-urgency-ff, inherit);
	letter-spacing: var(--wpp-stock-urgency-ls, 0);
	text-transform: var(--wpp-stock-urgency-transform, none);
	animation: wpp-pulse 2s ease-in-out infinite;
}

.wpp-stock-urgency__icon {
	font-size: 1.1em;
	line-height: 1;
	flex-shrink: 0;
}

.wpp-stock-urgency__text {
	line-height: 1.3;
}

@keyframes wpp-pulse {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.7;
	}
}

/* Hidden state for variable products (populated by JS) */
.wpp-stock-urgency[hidden] {
	display: none !important;
}

.wpp-stock-urgency:not([hidden]) {
	display: inline-flex;
}

/* ══════════════════════════════════════════════════════════
 * COUNTDOWN TIMER
 * ════════════════════════════════════════════════════════════ */
.wpp-countdown {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	background: var(--wpp-countdown-bg, #fff0f0);
	border: 1px solid var(--wpp-countdown-border, #feb2b2);
	border-radius: var(--wpp-countdown-radius, 8px);
	color: var(--wpp-countdown-color, var(--brand-color-error, #e53e3e));
	font-family: var(--wpp-countdown-ff, inherit);
	font-size: var(--wpp-countdown-size, 14px);
	font-weight: var(--wpp-countdown-weight, 700);
	letter-spacing: var(--wpp-countdown-ls, 0.5px);
	text-transform: var(--wpp-countdown-transform, uppercase);
}

.wpp-countdown--stack {
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.wpp-countdown--compact {
	gap: 4px;
	padding: 4px 10px;
}

.wpp-countdown__label {
	font-size: 0.9em;
	opacity: 0.9;
	white-space: nowrap;
}

.wpp-countdown__timer {
	display: inline-flex;
	align-items: center;
	gap: 2px;
}

.wpp-countdown__unit {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	min-width: 2.5em;
}

.wpp-countdown__value {
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
}

.wpp-countdown__unit-label {
	font-size: 0.65em;
	font-weight: 400;
	text-transform: lowercase;
	opacity: 0.8;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.wpp-countdown__sep {
	font-variant-numeric: tabular-nums;
	line-height: 1;
	opacity: 0.8;
}

.wpp-countdown--compact .wpp-countdown__unit-label {
	display: none;
}

.wpp-countdown--compact .wpp-countdown__unit {
	min-width: 2em;
	flex-direction: row;
	gap: 2px;
}

.wpp-countdown--expired {
	animation: none;
	opacity: 0.7;
}

.wpp-countdown--expired .wpp-countdown__timer {
	display: none;
}

.wpp-countdown--expired .wpp-countdown__message {
	font-weight: 600;
}


/* ══════════════════════════════════════════════════════════
 * COMPARISON TABLE
 * ═════════════════════════════════════════════════════════════ */
.wpp-comparison {
	background: var(--wpp-comparison-bg, #f9f9f9);
	border: 1px solid var(--wpp-comparison-border, #e0e0e0);
	border-radius: var(--wpp-comparison-radius, 8px);
	padding: 20px;
	margin-top: 40px;
}

.wpp-comparison__heading {
	font-size: 16px;
	font-weight: 700;
	color: var(--wpp-text-color);
	margin: 0 0 16px;
}

.wpp-comparison__table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.wpp-comparison__table {
	width: 100%;
	border-collapse: collapse;
	min-width: 600px;
}

.wpp-comparison__table th,
.wpp-comparison__table td {
	padding: var(--wpp-comparison-cell-pad, 12px);
	border: 1px solid var(--wpp-comparison-border, #e0e0e0);
	text-align: center;
	vertical-align: middle;
}

.wpp-comparison__table thead th {
	background: var(--wpp-comparison-header-bg, var(--wpc-text-primary, #1a1a1a));
	color: var(--wpp-comparison-header-color, var(--brand-color-text-light, #ffffff));
	font-weight: 600;
	font-size: var(--wpp-comparison-size, 13px);
	position: sticky;
	top: 0;
	z-index: 1;
}

.wpp-comparison__label-col {
	text-align: left;
	font-weight: 600;
	background: var(--wpp-comparison-row-even, var(--brand-color-bg-white, #ffffff));
	position: sticky;
	left: 0;
	z-index: 2;
}

.wpp-comparison__main-col,
.wpp-comparison__var-col {
	min-width: 120px;
}

.wpp-comparison__table tbody tr:nth-child(even) td {
	background: var(--wpp-comparison-row-even, var(--brand-color-bg-white, #ffffff));
}

.wpp-comparison__table tbody tr:nth-child(odd) td {
	background: var(--wpp-comparison-row-odd, var(--wpc-surface-subtle, #f5f5f5));
}

.wpp-comparison__table tbody tr:nth-child(even) .wpp-comparison__label-col {
	background: var(--wpp-comparison-row-even, var(--brand-color-bg-white, #ffffff));
}

.wpp-comparison__table tbody tr:nth-child(odd) .wpp-comparison__label-col {
	background: var(--wpp-comparison-row-odd, var(--wpc-surface-subtle, #f5f5f5));
}

.wpp-comparison__best {
	background: var(--wpp-comparison-highlight, #fff9e6) !important;
	font-weight: 700;
}

.wpp-comparison__best .wpp-comparison__label-col {
	background: var(--wpp-comparison-highlight, #fff9e6) !important;
}

.wpp-comparison__atc {
	display: inline-block;
	width: 100%;
	padding: 8px 12px;
	font-size: 12px;
	font-weight: 600;
}

.wpp-comparison__atc--disabled {
	background: #e0e0e0;
	color: #999;
	cursor: not-allowed;
}

@media (max-width: 767px) {

	.wpp-comparison__table th,
	.wpp-comparison__table td {
		padding: 8px;
		font-size: 11px;
	}

	.wpp-comparison__label-col {
		min-width: 100px;
	}
}


/* ═════════════════════════════════════════════════════════════════════════════════
 * VIDEO GALLERY
 * ═════════════════════════════════════════════════════════════════════════════════ */
.wpp-video-gallery {
	position: relative;
	background: var(--wpp-video-gallery-bg, #000);
	border: 1px solid var(--wpp-video-gallery-border, #e0e0e0);
	border-radius: var(--wpp-video-gallery-radius, 8px);
	overflow: hidden;
}

.wpp-video-gallery--before {
	margin-bottom: 16px;
}

.wpp-video-gallery--after {
	margin-top: 16px;
}

.wpp-video-gallery--embedded {
	margin: 0;
}

.wpp-video-gallery__poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	border-radius: inherit;
}

.wpp-video-gallery__player {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.wpp-video-gallery__embed {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wpp-video-gallery__embed iframe,
.wpp-video-gallery__embed video {
	width: 100%;
	height: 100%;
	display: block;
}

.wpp-video-gallery__lightbox-trigger {
	width: 100%;
	height: 100%;
}

.wpp-video-gallery__play-icon {
	width: 80px;
	height: 80px;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--brand-color-text-light, #ffffff);
	font-size: 32px;
	transition: background 0.2s, transform 0.2s;
}

.wpp-video-gallery__lightbox-trigger:hover .wpp-video-gallery__play-icon {
	background: rgba(0, 0, 0, 0.8);
	transform: scale(1.1);
}

.wpp-video-gallery__lightbox {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.95);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
}

.wpp-video-gallery__lightbox:not([hidden]) {
	opacity: 1;
	pointer-events: all;
}

.wpp-video-gallery__lightbox-close,
.elementor-lightbox .dialog-close-button {
	position: absolute;
	top: 16px;
	right: 18px;
	width: 40px;
	height: 40px;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, .15) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, .25) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	transition: background .2s ease, transform .2s ease;
	z-index: 10;
	padding: 0 !important;
	font-size: 22px;
	line-height: 1;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.wpp-video-gallery__lightbox-close:hover,
.elementor-lightbox .dialog-close-button:hover {
	background: rgba(255, 255, 255, .28) !important;
	transform: scale(1.08);
	color: var(--brand-color-text-light, #ffffff) !important;
}

.wpp-video-gallery__lightbox-inner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wpp-video-gallery__lightbox-inner iframe,
.wpp-video-gallery__lightbox-inner video {
	max-width: 90vw;
	max-height: 90vh;
	border-radius: 4px;
}

@media (max-width: 767px) {
	.wpp-video-gallery__play-icon {
		width: 60px;
		height: 60px;
		font-size: 24px;
	}
}


/* ═════════════════════════════════════════════════════════════════════════════════
 * SIZE CHART MODAL
 * ═════════════════════════════════════════════════════════════════════════════════ */
.wpp-size-chart-trigger-wrap {
	display: inline-flex;
	align-items: center;
	margin: 6px 0 10px;
}

.wpp-size-chart__trigger {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 18px;
	font-size: var(--wpp-size-chart-size, 13px);
	font-weight: 600;
	font-family: inherit;
	letter-spacing: 0.02em;
	color: var(--brand-color-secondary, #d97706);
	background: rgba(217, 119, 6, 0.08);
	border: 1.5px solid rgba(217, 119, 6, 0.35);
	border-radius: 99px;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(217, 119, 6, 0.1);
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.wpp-size-chart__trigger:hover {
	background: var(--brand-color-secondary, #d97706);
	color: var(--brand-color-text-light, #ffffff);
	border-color: var(--brand-color-secondary, #d97706);
	box-shadow: 0 4px 14px rgba(217, 119, 6, 0.28);
	transform: translateY(-1px);
}

.wpp-size-chart__link {
	text-decoration: none;
	color: inherit;
}

.wpp-size-chart__link:hover {
	text-decoration: underline;
}

.wpp-size-chart__icon {
	font-size: 1.1em;
	line-height: 1;
}

.wpp-size-chart__text {
	line-height: 1.3;
}

.wpp-size-chart__swatch-trigger {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid var(--wpp-swatch-border, #e0e0e0);
	background: var(--brand-color-bg-white, #ffffff);
	color: var(--wpp-text-color, var(--wpc-text-primary, #1a1a1a));
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	transition: border-color .15s, background .15s, transform .15s;
}

.wpp-size-chart__swatch-trigger:hover {
	border-color: var(--wpp-swatch-active-border, var(--wpc-text-primary, #1a1a1a));
	background: var(--wpp-swatch-active-bg, var(--wpc-text-primary, #1a1a1a));
	color: var(--wpp-swatch-active-color, var(--brand-color-text-light, #ffffff));
	transform: scale(1.1);
}

.wpp-size-chart-modal {
	position: fixed;
	inset: 0;
	z-index: var(--layer-modal, 2000) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s ease;
}

/* ── Unified In-Page Modal Body State (BUG-010 / BUG-011) ─── */
body.wpp-modal-open {
	overflow: hidden !important;
}

/* Symmetrical modal centering & navbar safe clearance (BUG-010 / BUG-011) */
.wpp-coupons-modal,
.wpp-size-chart-modal {
	position: fixed !important;
	inset: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 16px !important;
	box-sizing: border-box !important;
	z-index: var(--layer-modal, 2200) !important;
}

.wpp-coupons-modal__overlay,
.wpp-size-chart__overlay {
	position: fixed !important;
	inset: 0 !important;
	z-index: 0 !important;
}

.wpp-coupons-modal__dialog,
.wpp-size-chart__modal {
	position: relative !important;
	z-index: 1 !important;
	max-height: min(90dvh, 90vh) !important;
	margin: auto !important;
}

/* Suppress standalone size chart button since it is combined inside variants label (BUG-009) */
.wpp-size-chart-trigger-wrap {
	display: none !important;
}

.wpp-size-chart-modal:not([hidden]) {
	opacity: 1;
	pointer-events: all;
}

.wpp-size-chart__overlay {
	position: absolute;
	inset: 0;
	cursor: pointer;
}

.wpp-size-chart__modal {
	position: relative;
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	animation: wpp-size-chart-slide-up .3s cubic-bezier(.4, 0, .2, 1);
}

@keyframes wpp-size-chart-slide-up {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.wpp-size-chart__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: inherit;
	overflow: hidden;
}

.wpp-size-chart__header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 14px 18px !important;
	border-bottom: 1px solid var(--brand-color-warning-light, #fef3c7) !important;
	flex-shrink: 0 !important;
	background: var(--brand-color-surface, var(--wpc-surface-2, #fffdfa)) !important;
}

.wpp-size-chart__title {
	margin: 0 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	font-family: var(--brand-font-family, var(--wpc-font-heading, inherit)) !important;
	color: var(--brand-color-accent, #78350f) !important;
}

.wpp-size-chart__close {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	border: 1px solid var(--brand-color-warning-border, #fed7aa) !important;
	background: #fffaf0 !important;
	color: var(--brand-color-accent, #92400e) !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	transition: all .2s ease !important;
}

.wpp-size-chart__close:hover,
.wpp-size-chart__close:focus {
	background: var(--brand-color-warning-border, #fde68a) !important;
	color: var(--brand-color-accent, #78350f) !important;
	border-color: var(--brand-color-secondary, var(--brand-color-accent, #f59e0b)) !important;
	transform: rotate(90deg);
}

.wpp-size-chart__content {
	flex: 1;
	overflow-y: auto;
	padding: 20px;
	font-size: var(--wpp-size-chart-size, 14px);
	font-family: var(--wpp-size-chart-ff, inherit);
	font-weight: var(--wpp-size-chart-weight, 400);
	line-height: 1.6;
	color: var(--wpp-text-color, var(--wpc-text-primary, #1a1a1a));
}

.wpp-size-chart__tabs {
	display: flex;
	gap: 8px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--wpp-size-chart-border, #e0e0e0);
	padding-bottom: 8px;
	flex-wrap: wrap;
}

.wpp-size-chart__tab {
	padding: 8px 16px;
	border: 1px solid var(--wpp-size-chart-border, #e0e0e0);
	border-radius: 4px;
	background: var(--brand-color-bg-white, #ffffff);
	color: var(--wpp-text-color, var(--wpc-text-primary, #1a1a1a));
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: background .15s, border-color .15s, color .15s;
}

.wpp-size-chart__tab:hover {
	border-color: var(--wpp-size-chart-highlight, var(--wpc-text-primary, #1a1a1a));
	color: var(--wpp-size-chart-highlight, var(--wpc-text-primary, #1a1a1a));
}

.wpp-size-chart__tab.is-active {
	background: var(--wpp-size-chart-bg, var(--wpc-text-primary, #1a1a1a));
	border-color: var(--wpp-size-chart-bg, var(--wpc-text-primary, #1a1a1a));
	color: var(--brand-color-text-light, #ffffff);
}

.wpp-size-chart__panel {
	display: none;
	animation: wpp-fade-in .2s ease;
}

.wpp-size-chart__panel.is-active {
	display: block;
}

@keyframes wpp-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.wpp-size-chart__content table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 16px;
}

.wpp-size-chart__content th,
.wpp-size-chart__content td {
	padding: 10px 12px;
	border: 1px solid var(--wpp-size-chart-border, #e0e0e0);
	text-align: left;
}

.wpp-size-chart__content th {
	background: var(--wpp-size-chart-bg, var(--wpc-surface-subtle, #f5f5f5));
	font-weight: 600;
}

.wpp-size-chart__content img {
	max-width: var(--wpp-size-chart-image-width, 100%);
	height: auto;
	border-radius: 4px;
}

.wpp-size-chart__content h3,
.wpp-size-chart__content h4 {
	margin: 20px 0 10px;
	color: var(--wpp-text-color, var(--wpc-text-primary, #1a1a1a));
}

.wpp-size-chart__content ul,
.wpp-size-chart__content ol {
	margin: 10px 0 10px 20px;
}

@media (max-width: 767px) {
	.wpp-size-chart__modal {
		max-width: 95vw;
		max-height: 90vh;
	}

	.wpp-size-chart__content {
		padding: 16px;
	}

	.wpp-size-chart__tab {
		padding: 6px 12px;
		font-size: 12px;
	}
}





/* ==================================================
 * 360 VIEWER
 * ================================================== */
.wpp-viewer360 {
	position: relative;
	background: var(--wpp-viewer360-bg, var(--wpc-surface-subtle, #f5f5f5));
	border: 1px solid var(--wpp-viewer360-border, #e0e0e0);
	border-radius: var(--wpp-viewer360-radius, 8px);
	overflow: hidden;
	margin-bottom: 20px;
}

.wpp-viewer360__canvas {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	max-height: 480px;
	overflow: hidden;
	touch-action: pan-y;
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
}

.wpp-viewer360__canvas:active {
	cursor: grabbing;
}

.wpp-viewer360__frame {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	pointer-events: none;
	-webkit-user-drag: none;
}

.wpp-viewer360__loading {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--wpp-viewer360-controls-color, var(--wpc-text-primary, #1a1a1a));
	font-size: 12px;
	background: var(--wpp-viewer360-bg, var(--wpc-surface-subtle, #f5f5f5));
	z-index: 2;
	transition: opacity .25s;
}

.wpp-viewer360.is-loaded .wpp-viewer360__loading {
	opacity: 0;
	pointer-events: none;
}

.wpp-viewer360__fullscreen {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
}

.wpp-viewer360--fullscreen {
	position: fixed;
	inset: 0;
	z-index: 99999;
	border: none;
	border-radius: 0;
	margin: 0;
	background: #000;
}

.wpp-viewer360--fullscreen .wpp-viewer360__canvas {
	max-height: none;
	height: calc(100vh - 60px);
	aspect-ratio: auto;
}

.wpp-viewer360__hotspots {
	position: absolute;
	inset: 0;
	z-index: 5;
	pointer-events: none;
}

.wpp-viewer360__hotspot {
	pointer-events: auto;
	position: absolute;
	transform: translate(-50%, -50%);
	background: var(--wpp-viewer360-controls-bg, var(--brand-color-bg-white, #ffffff));
	color: var(--wpp-viewer360-controls-color, var(--wpc-text-primary, #1a1a1a));
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	opacity: 0;
	transition: opacity .2s;
}

.wpp-viewer360__hotspot:hover {
	opacity: 1;
}

.wpp-viewer360__hotspot--active {
	background: var(--wpp-link-color, var(--wpc-text-primary, #1a1a1a)) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	opacity: 1;
}

.wpp-viewer360__hotspot-tooltip {
	position: absolute;
	left: 50%;
	bottom: 12px;
	transform: translateX(-50%);
	z-index: 20;
	max-width: 80%;
	background: rgba(0, 0, 0, .85);
	color: var(--brand-color-text-light, #ffffff);
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.4;
}

.wpp-viewer360__controls {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
	padding: 0 10px 12px;
	font-family: var(--wpp-viewer360-ff, inherit);
	font-size: var(--wpp-viewer360-size, 13px);
	font-weight: var(--wpp-viewer360-weight, 400);
	text-transform: var(--wpp-viewer360-transform, none);
	letter-spacing: var(--wpp-viewer360-ls, 0);
	text-align: var(--wpp-viewer360-align, inherit);
}

.wpp-viewer360__btn {
	background: var(--wpp-viewer360-controls-bg, var(--brand-color-bg-white, #ffffff));
	color: var(--wpp-viewer360-controls-color, var(--wpc-text-primary, #1a1a1a));
	border: 1px solid var(--wpp-viewer360-border, #e0e0e0);
	border-radius: 4px;
	padding: 8px 14px;
	cursor: pointer;
	font: inherit;
	line-height: 1;
	transition: background .2s, color .2s;
}

.wpp-viewer360__btn:hover {
	opacity: .85;
}

.wpp-viewer360__btn--active {
	background: var(--wpp-link-color, var(--wpc-text-primary, #1a1a1a));
	color: var(--brand-color-text-light, #ffffff);
}

@media (max-width: 768px) {
	.wpp-viewer360__canvas {
		max-height: 360px;
	}

	.wpp-viewer360__controls {
		gap: 6px;
	}

	.wpp-viewer360__btn {
		padding: 8px 10px;
	}
}

/* ── Visible Keyboard Focus Styles (WCAG AA) ──────────────── */
a:focus-visible,
button:focus-visible,
.wpp-swatches__item:focus-visible,
.wpp-tabs__tab:focus-visible {
	outline: var(--wpc-focus-ring-width, 2px) solid var(--wpc-accent) !important;
	outline-offset: 2px !important;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: var(--wpc-focus-ring-width, 2px) solid var(--wpc-accent) !important;
	outline-offset: 1px !important;
}

/* ==================================================
 * SUBSCRIPTION / RECURRING
 * ================================================== */
.wpp-subscription {
	background: var(--wpp-subscription-bg);
	border: 1px solid var(--wpp-subscription-border);
	border-radius: var(--wpp-subscription-radius, 8px);
	padding: 16px 20px;
	margin: 16px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.wpp-subscription__badge {
	background: var(--wpp-subscription-badge-bg);
	color: var(--wpp-subscription-badge-color);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 4px 10px;
	border-radius: 4px;
	flex-shrink: 0;
}

.wpp-subscription__content {
	flex: 1;
	min-width: 200px;
}

.wpp-subscription__heading {
	font-size: var(--wpp-subscription-size, 13px);
	font-weight: var(--wpp-subscription-weight, 600);
	font-family: var(--wpp-subscription-ff, inherit);
	text-transform: var(--wpp-subscription-transform, none);
	letter-spacing: var(--wpp-subscription-ls, 0);
	color: var(--wpp-subscription-text);
	margin: 0 0 4px;
}

.wpp-subscription__intervals {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.wpp-subscription__interval {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}

.wpp-subscription__interval input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.wpp-subscription__interval-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border: 2px solid var(--wpp-subscription-border);
	border-radius: 6px;
	background: var(--brand-color-bg-white, #ffffff);
	color: var(--wpp-subscription-text);
	font-size: var(--wpp-subscription-size, 13px);
	font-weight: 500;
	font-family: var(--wpp-subscription-ff, inherit);
	transition: border-color .15s, background .15s, color .15s;
}

.wpp-subscription__interval input:checked+.wpp-subscription__interval-label {
	border-color: var(--wpp-subscription-badge-bg);
	background: var(--wpp-subscription-badge-bg);
	color: var(--wpp-subscription-badge-color);
}

.wpp-subscription__interval input:focus-visible+.wpp-subscription__interval-label {
	outline: 2px solid var(--wpp-subscription-badge-bg);
	outline-offset: 2px;
}

.wpp-subscription__interval-savings {
	font-size: 11px;
	font-weight: 700;
	background: var(--wpp-subscription-badge-bg);
	color: var(--wpp-subscription-badge-color);
	padding: 2px 6px;
	border-radius: 4px;
}

.wpp-subscription__price {
	font-size: 18px;
	font-weight: 700;
	color: var(--wpp-subscription-text);
	margin-left: auto;
}

@media (max-width: 767px) {
	.wpp-subscription {
		padding: 12px;
	}

	.wpp-subscription__price {
		margin-left: 0;
		width: 100%;
		margin-top: 8px;
	}

	.wpp-subscription__intervals {
		width: 100%;
	}
}

/* ══════════════════════════════════════════════════════════
/* ==================================================
 * PRODUCT Q&A
 * ================================================== */
.wpp-qa {
	background: var(--wpp-qa-bg);
	border: 1px solid var(--wpp-qa-border);
	border-radius: var(--wpp-qa-radius, 8px);
	padding: 24px;
	margin-top: 32px;
}

.wpp-qa__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	flex-wrap: wrap;
	gap: 12px;
}

.wpp-qa__heading {
	font-size: 18px;
	font-weight: 600;
	color: var(--wpp-qa-text);
	margin: 0;
}

.wpp-qa__count {
	font-size: 13px;
	color: var(--wpp-qa-text);
	opacity: 0.7;
}

.wpp-qa__form {
	background: var(--brand-color-bg-white, #ffffff);
	border: 1px solid var(--wpp-qa-border);
	border-radius: 6px;
	padding: 20px;
	margin-bottom: 24px;
}

.wpp-qa__form-field {
	margin-bottom: 16px;
}

.wpp-qa__form-field label {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: var(--wpp-qa-text);
	margin-bottom: 6px;
}

.wpp-qa__form-field input,
.wpp-qa__form-field textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--brand-color-border-warm, #e8dfd5);
	border-radius: var(--wpc-radius-sm, 8px);
	font-size: 14px;
	font-family: inherit;
	color: var(--wpp-qa-text);
	background: var(--brand-color-bg-white, #ffffff);
}

.wpp-qa__form-field input:focus,
.wpp-qa__form-field textarea:focus {
	outline: none;
	border-color: var(--wpp-qa-accent);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wpp-qa-accent) 20%, transparent);
}

.wpp-qa__form-field textarea {
	min-height: 100px;
	resize: vertical;
}

.wpp-qa__form-submit {
	background: var(--wpp-qa-accent);
	color: var(--brand-color-text-light, #ffffff);
	border: none;
	border-radius: 4px;
	padding: 12px 24px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: opacity .15s;
}

.wpp-qa__form-submit:hover {
	opacity: 0.9;
}

.wpp-qa__form-submit:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.wpp-qa__form-message {
	margin-top: 12px;
	font-size: 13px;
	min-height: 20px;
}

.wpp-qa__form-message.success {
	color: #2e7d32;
}

.wpp-qa__form-message.error {
	color: #c62828;
}

.wpp-qa__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.wpp-qa__item {
	border-top: 1px solid var(--wpp-qa-border);
	padding: 20px 0;
}

.wpp-qa__item:first-child {
	border-top: none;
	padding-top: 0;
}

.wpp-qa__question {
	display: flex;
	gap: 12px;
	margin-bottom: 8px;
}

.wpp-qa__avatar {
	width: var(--wpp-qa-avatar, 32px);
	height: var(--wpp-qa-avatar, 32px);
	border-radius: 50%;
	background: var(--wpp-qa-accent);
	color: var(--brand-color-text-light, #ffffff);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 14px;
	flex-shrink: 0;
}

.wpp-qa__question-content {
	flex: 1;
}

.wpp-qa__question-text {
	font-size: 15px;
	font-weight: 500;
	color: var(--wpp-qa-text);
	line-height: 1.5;
	margin: 0 0 4px;
}

.wpp-qa__question-meta {
	font-size: 12px;
	color: var(--wpp-qa-text);
	opacity: 0.6;
}

.wpp-qa__question-meta .wpp-qa__verified {
	color: #2e7d32;
	font-weight: 500;
}

.wpp-qa__answer {
	margin-left: calc(var(--wpp-qa-avatar, 32px) + 12px);
	padding-top: 8px;
	border-left: 2px solid var(--wpp-qa-border);
	padding-left: 16px;
}

.wpp-qa__answer-header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
	font-size: 12px;
	color: var(--wpp-qa-text);
	opacity: 0.7;
}

.wpp-qa__answer-label {
	background: var(--wpp-qa-accent);
	color: var(--brand-color-text-light, #ffffff);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 2px 8px;
	border-radius: 4px;
}

.wpp-qa__answer-text {
	font-size: 14px;
	color: var(--wpp-qa-text);
	line-height: 1.6;
	margin: 0;
}

.wpp-qa__answer-text p {
	margin: 0 0 8px;
}

.wpp-qa__answer-text p:last-child {
	margin-bottom: 0;
}

.wpp-qa__helpful {
	display: flex;
	gap: 8px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--wpp-qa-border);
}

.wpp-qa__helpful-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border: 1px solid var(--wpp-qa-border);
	border-radius: 4px;
	background: var(--brand-color-bg-white, #ffffff);
	color: var(--wpp-qa-text);
	font-size: 12px;
	cursor: pointer;
	transition: border-color .15s, background .15s;
}

.wpp-qa__helpful-btn:hover {
	border-color: var(--wpp-qa-accent);
}

.wpp-qa__helpful-btn.active {
	background: var(--wpp-qa-accent);
	color: var(--brand-color-text-light, #ffffff);
	border-color: var(--wpp-qa-accent);
}

.wpp-qa__pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 24px;
}

.wpp-qa__page-btn {
	min-width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--wpp-qa-border);
	border-radius: 4px;
	background: var(--brand-color-bg-white, #ffffff);
	color: var(--wpp-qa-text);
	font-size: 14px;
	cursor: pointer;
}

.wpp-qa__page-btn.active {
	background: var(--wpp-qa-accent);
	color: var(--brand-color-text-light, #ffffff);
	border-color: var(--wpp-qa-accent);
}

.wpp-qa__page-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.wpp-qa__empty {
	text-align: center;
	padding: 40px 20px;
	color: var(--wpp-qa-text);
	opacity: 0.6;
}

@media (max-width: 767px) {
	.wpp-qa {
		padding: 16px;
	}

	.wpp-qa__form {
		padding: 16px;
	}

	.wpp-qa__answer {
		margin-left: 12px;
		padding-left: 12px;
	}

	.wpp-qa__header {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ════════════════════════════════════════════════════════════
 * STICKY ATC BAR — REFINED DOCKED MOBILE & DESKTOP DESIGN
 * ════════════════════════════════════════════════════════════ */
.wpp-sticky-bar {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 9990 !important;
	background: rgba(255, 255, 255, 0.98) !important;
	-webkit-backdrop-filter: blur(14px) !important;
	backdrop-filter: blur(14px) !important;
	border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
	transform: translateY(200%) !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transition: transform .3s cubic-bezier(.16, 1, .3, 1), opacity .25s ease, visibility .25s ease !important;
}

@media (max-width: 768px) {
	.wpp-sticky-bar {
		bottom: var(--wmf-bar-total, calc(56px + env(safe-area-inset-bottom, 0px))) !important;
		transform: translateY(200%) !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}

.wpp-sticky-bar--top {
	bottom: auto !important;
	top: 0 !important;
	border-top: none !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
	transform: translateY(-115%);
}

.wpp-sticky-bar.is-visible {
	transform: translateY(0) !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

.wpp-sticky-bar__inner {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	max-width: var(--wpp-max-w, 1280px) !important;
	margin: 0 auto !important;
	padding: 10px 24px !important;
	box-sizing: border-box !important;
}

/* Thumbnail */
.wpp-sticky-bar__img {
	width: 48px !important;
	height: 48px !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	background: var(--wpc-surface-subtle, #f8fafc) !important;
}

.wpp-sticky-bar__img img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

/* Info Column */
.wpp-sticky-bar__info {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.wpp-sticky-bar__meta {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

.wpp-sticky-bar__name {
	font-weight: 600 !important;
	font-size: 14px !important;
	color: var(--brand-color-text-dark, #1c1917) !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.wpp-sticky-bar__variant {
	font-size: 12px !important;
	color: var(--wpc-text-muted, #64748b) !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	background: var(--wpc-surface-subtle, #f8fafc) !important;
	border: 1px solid var(--wpc-border, #e2e8f0) !important;
	padding: 2px 8px !important;
	border-radius: 4px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	flex-shrink: 0 !important;
}

.wpp-sticky-bar__variant strong {
	color: var(--brand-color-secondary, #d97706) !important;
	font-weight: 700 !important;
}

/* Pricing Group */
.wpp-sticky-bar__pricing {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-shrink: 0 !important;
	white-space: nowrap !important;
}

.wpp-sticky-bar__price-sale {
	font-weight: 700 !important;
	font-size: 17px !important;
	color: var(--brand-color-secondary, #d97706) !important;
	line-height: 1 !important;
	font-family: var(--brand-font-family, var(--wpc-font-heading, inherit)) !important;
}

.wpp-sticky-bar__price-mrp {
	font-size: 13px !important;
	color: #78716c !important;
	text-decoration: line-through !important;
	line-height: 1 !important;
}

.wpp-sticky-bar__price-badge {
	background: #dcfce7 !important;
	color: var(--brand-color-success, #15803d) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 3px 6px !important;
	border-radius: 4px !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	white-space: nowrap !important;
}

.wpp-sticky-bar__actions {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-left: auto !important;
	flex-shrink: 0 !important;
}

/* CTA Button */
.wpp-sticky-bar__btn {
	padding: 0 20px !important;
	height: 44px !important;
	background: var(--brand-color-secondary, #d97706) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	border: none !important;
	border-radius: 10px !important;
	cursor: pointer !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	font-family: inherit !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	white-space: nowrap !important;
	transition: all .2s ease !important;
	flex-shrink: 0 !important;
	box-shadow: 0 4px 14px rgba(217, 119, 6, 0.28) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.wpp-sticky-bar__btn:hover {
	background: var(--brand-color-accent, #b45309) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 18px rgba(217, 119, 6, 0.38) !important;
}

.wpp-sticky-bar__btn:disabled {
	background: var(--wpc-text-muted, #94a3b8) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
	transform: none !important;
}

.wpp-sticky-bar__buy-now {
	padding: 0 20px !important;
	height: 44px !important;
	background: linear-gradient(135deg, var(--brand-color-primary, #8b1a1a) 0%, #701515 100%) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 10px !important;
	cursor: pointer !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	font-family: inherit !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	white-space: nowrap !important;
	transition: all .2s ease !important;
	flex-shrink: 0 !important;
	box-shadow: 0 4px 14px rgba(139, 26, 26, 0.32) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
}

.wpp-sticky-bar__buy-now:hover {
	background: linear-gradient(135deg, #701515 0%, #5c1212 100%) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 18px rgba(139, 26, 26, 0.42) !important;
}

/* ── Mobile Layout (< 768px) ── */
@media (max-width: 768px) {
	.wpp-sticky-bar {
		position: fixed !important;
		bottom: var(--wmf-bar-total, var(--wmb-bottom-offset, calc(56px + env(safe-area-inset-bottom, 0px)))) !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 99999 !important;
		background: var(--brand-color-bg-white, #ffffff) !important;
		border-top: 1px solid var(--brand-color-border-warm, #e8dfd5) !important;
		box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.1) !important;
		padding: 0 !important;
		transform: translateY(200%) !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, visibility 0.25s ease !important;
		pointer-events: none;
	}

	.wpp-sticky-bar.is-visible {
		transform: translateY(0) !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	.wpp-sticky-bar__inner {
		display: grid !important;
		grid-template-columns: 38px 1fr !important;
		grid-template-rows: auto auto !important;
		grid-template-areas:
			"thumb info"
			"actions actions" !important;
		align-items: center !important;
		gap: 4px 8px !important;
		padding: 6px 10px !important;
		box-sizing: border-box !important;
		max-width: 100% !important;
		background: var(--brand-color-bg-white, #ffffff) !important;
	}

	/* Row 1, Col 1: Product Thumbnail — visible and crisp */
	.wpp-sticky-bar__img {
		grid-area: thumb !important;
		display: block !important;
		width: 38px !important;
		height: 38px !important;
		border-radius: 6px !important;
		border: 1px solid var(--brand-color-border-warm, #e8dfd5) !important;
		overflow: hidden !important;
		flex-shrink: 0 !important;
		background: #fdfbf8 !important;
	}

	.wpp-sticky-bar__img img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
	}

	/* Row 1, Col 2: Info (Title/Variant on left, Price on right) */
	.wpp-sticky-bar__info {
		grid-area: info !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		min-width: 0 !important;
		gap: 6px !important;
	}

	.wpp-sticky-bar__meta {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		min-width: 0 !important;
		gap: 1px !important;
	}

	.wpp-sticky-bar__name {
		display: block !important;
		font-size: 11.5px !important;
		font-weight: 600 !important;
		color: var(--wpc-text-primary, #1f2937) !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		line-height: 1.2 !important;
		max-width: 150px !important;
	}

	.wpp-sticky-bar__variant {
		display: inline-block !important;
		font-size: 10.5px !important;
		color: var(--brand-color-primary, #8b1a1a) !important;
		font-weight: 600 !important;
		background: var(--brand-color-bg-secondary, #fdfaf6) !important;
		border: 1px solid var(--brand-color-border-warm, #f0e6da) !important;
		border-radius: 4px !important;
		padding: 1px 4px !important;
		line-height: 1.15 !important;
		white-space: nowrap !important;
	}

	.wpp-sticky-bar__pricing {
		display: flex !important;
		align-items: baseline !important;
		gap: 4px !important;
		flex-shrink: 0 !important;
		line-height: 1.1 !important;
	}

	.wpp-sticky-bar__price-sale {
		font-size: 15px !important;
		font-weight: 800 !important;
		color: var(--brand-color-primary, #8b1a1a) !important;
		line-height: 1 !important;
	}

	.wpp-sticky-bar__price-mrp {
		font-size: 11px !important;
		color: var(--wpc-text-muted, #9ca3af) !important;
		text-decoration: line-through !important;
	}

	.wpp-sticky-bar__price-badge {
		font-size: 9px !important;
		font-weight: 700 !important;
		color: #047857 !important;
		background: var(--brand-color-success-light, #ecfdf5) !important;
		border: 1px solid var(--brand-color-success-border, #a7f3d0) !important;
		padding: 1px 3px !important;
		border-radius: 3px !important;
		line-height: 1 !important;
	}

	/* Row 2: Full-width Spacious Dual CTAs */
	.wpp-sticky-bar__actions {
		grid-area: actions !important;
		display: flex !important;
		width: 100% !important;
		gap: 6px !important;
		margin: 0 !important;
	}

	.wpp-sticky-bar__btn {
		flex: 1 1 50% !important;
		height: 38px !important;
		min-height: 38px !important;
		padding: 0 8px !important;
		font-size: 12.5px !important;
		font-weight: 700 !important;
		letter-spacing: 0.02em !important;
		border-radius: 7px !important;
		background: var(--brand-color-secondary, #d97706) !important;
		color: var(--brand-color-text-light, #ffffff) !important;
		justify-content: center !important;
		text-align: center !important;
		white-space: nowrap !important;
		box-shadow: 0 2px 6px rgba(217, 119, 6, 0.22) !important;
	}

	.wpp-sticky-bar__buy-now {
		flex: 1 1 50% !important;
		height: 38px !important;
		min-height: 38px !important;
		padding: 0 8px !important;
		font-size: 12.5px !important;
		font-weight: 700 !important;
		letter-spacing: 0.02em !important;
		border-radius: 7px !important;
		background: linear-gradient(135deg, var(--brand-color-primary, #8b1a1a) 0%, #701515 100%) !important;
		color: #ffffff !important;
		justify-content: center !important;
		text-align: center !important;
		white-space: nowrap !important;
		gap: 5px !important;
		box-shadow: 0 2px 6px rgba(139, 26, 26, 0.25) !important;
	}

	.wpp-sticky-bar__buy-now svg {
		width: 13px !important;
		height: 13px !important;
		flex-shrink: 0 !important;
	}

	.wpp-sticky-bar__btn:active,
	.wpp-sticky-bar__buy-now:active,
	.wpp-btn--atc:active,
	.wpp-btn--buy:active {
		transform: scale(0.97) !important;
		transition: transform 0.08s ease !important;
	}
}

/* ── Interactive Size Guidance Animation ────────────────────────── */
@keyframes wppSizePulse {

	0%,
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(217, 119, 6, 0);
	}

	50% {
		transform: scale(1.06);
		box-shadow: 0 0 0 6px rgba(217, 119, 6, 0.35);
	}
}

.wpp-size-pill.wpp-size-pulse,
.wpp-variant-option.wpp-size-pulse,
.wpp-swatch.wpp-size-pulse {
	animation: wppSizePulse 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 2 !important;
	border-color: var(--brand-color-secondary, #d97706) !important;
}

/* RESP-004: Compact landscape presentation for short mobile landscape viewports */
@media (max-width: 932px) and (orientation: landscape) and (max-height: 500px) {
	.wpp-sticky-bar__inner {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		padding: 4px 16px calc(4px + env(safe-area-inset-bottom, 0px)) !important;
		min-height: 48px !important;
	}

	.wpp-sticky-bar__img {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
		border-radius: 4px !important;
		flex-shrink: 0 !important;
	}

	.wpp-sticky-bar__info {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 10px !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}

	.wpp-sticky-bar__meta {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 6px !important;
		min-width: 0 !important;
	}

	.wpp-sticky-bar__name {
		font-size: 12px !important;
		max-width: 140px !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.wpp-sticky-bar__actions {
		display: flex !important;
		flex-direction: row !important;
		width: auto !important;
		flex-shrink: 0 !important;
		gap: 8px !important;
	}

	.wpp-sticky-bar__btn,
	.wpp-sticky-bar__buy-now {
		flex: 0 0 auto !important;
		height: 38px !important;
		min-height: 38px !important;
		padding: 0 14px !important;
		font-size: 12px !important;
	}
}

/* RESP-001: 16px required on mobile to prevent iOS Safari auto-zoom on focus */
@media (max-width: 768px) {

	.wpp-pincode-card__input,
	.wpp-notify-me__input,
	.wpp-qty__input,
	.single-product form.cart .quantity input.qty {
		font-size: 16px !important;
	}
}

/* ══════════════════════════════════════════════════════════
 * PRODUCT DETAILS SUITE (TABS & ACCORDION)
 * ══════════════════════════════════════════════════════════ */
.wpp-details-suite {
	margin-top: 28px;
	margin-bottom: 28px;
	background: #FFFDF9;
	border: 1px solid #EEDFC8;
	border-radius: 14px;
	padding: 20px 24px;
	box-shadow: 0 4px 20px rgba(139, 26, 26, 0.03);
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.wpp-details-suite {
		padding: 12px 10px;
		margin-top: 20px;
		margin-bottom: 20px;
		border-radius: 10px;
	}
}

/* ── Segmented Tab Navigation ── */
.wpp-tabs__nav {
	display: flex !important;
	align-items: center;
	background: #F5EDE2;
	border: 1px solid #E5D5C5;
	border-radius: 10px;
	padding: 4px;
	gap: 4px;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 18px;
}

.wpp-tabs__nav::-webkit-scrollbar {
	display: none;
}

.wpp-tabs__tab {
	flex: 1 1 auto;
	min-width: fit-content;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 7px;
	border: none;
	background: transparent;
	color: #5C4033;
	font-family: var(--wpc-font-heading, "Cinzel", "Playfair Display", Georgia, serif);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.2px;
	cursor: pointer;
	white-space: nowrap;
	line-height: 1.2;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.wpp-tabs__tab:hover:not(.is-active) {
	background: rgba(217, 119, 6, 0.08);
	color: var(--brand-color-secondary, #D97706);
}

.wpp-tabs__tab.is-active {
	background: linear-gradient(135deg, var(--brand-color-secondary, #D97706) 0%, #B45309 100%);
	color: #FFFFFF !important;
	box-shadow: 0 3px 10px rgba(217, 119, 6, 0.3);
	font-weight: 700;
}

.wpp-tabs__tab-icon {
	font-size: 14px;
	line-height: 1;
	display: inline-block;
}

.wpp-tabs__tab-text {
	line-height: 1.2;
}

/* ── Tab Panels ── */
.wpp-tabs__panels {
	position: relative;
}

.wpp-tabs__panel {
	display: none !important;
	background: transparent !important;
	border: none !important;
	padding: 4px 8px 12px !important;
	border-radius: 0 !important;
}

.wpp-tabs__panel.is-active {
	display: block !important;
	animation: wppFadeInUp 0.28s ease-out forwards;
}

@keyframes wppFadeInUp {
	from {
		opacity: 0;
		transform: translateY(6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ── Editorial Story Tab ── */
.wpp-story-hero {
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #EEDFC8;
}

.wpp-story-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #8B1A1A;
	background: #FFF4E5;
	border: 1px solid #EEDFC8;
	padding: 4px 12px;
	border-radius: 20px;
	margin-bottom: 10px;
}

.wpp-story-hero__title {
	font-family: var(--wpc-font-heading, "Cinzel", "Playfair Display", Georgia, serif);
	font-size: 21px;
	font-weight: 700;
	color: #2C1810;
	margin: 0 0 6px 0;
	line-height: 1.35;
}

.wpp-story-hero__lead {
	font-size: 14px;
	color: #7A5835;
	font-style: italic;
	margin: 0;
	line-height: 1.6;
}

.wpp-story-body {
	font-size: 14.5px;
	line-height: 1.8;
	color: #4A3B32;
	margin-bottom: 24px;
}

.wpp-story-body p {
	margin: 0 0 14px 0;
}

.wpp-story-care-wrapper {
	margin-top: 28px;
	padding-top: 22px;
	border-top: 1px dashed #EEDFC8;
}

.wpp-story-care-wrapper__title {
	font-family: var(--wpc-font-heading, inherit);
	font-size: 15px;
	font-weight: 700;
	color: #8B1A1A;
	margin: 0 0 14px 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* ── WhatsApp & Delivery Assistance Banner ── */
.wpp-shipping-help-box {
	margin-top: 24px;
	padding: 16px 20px;
	background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%);
	border: 1px solid #BBF7D0;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}

.wpp-shipping-help-box__text {
	font-size: 13.5px;
	color: #166534;
	line-height: 1.45;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 10px;
}

.wpp-shipping-help-box__icon {
	font-size: 22px;
}

.wpp-shipping-help-box__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background: #25D366;
	color: #FFFFFF !important;
	font-weight: 600;
	font-size: 13px;
	border-radius: 6px;
	text-decoration: none !important;
	transition: background 0.2s ease, transform 0.15s ease;
}

.wpp-shipping-help-box__btn:hover {
	background: #1EBE5D;
	transform: translateY(-1px);
}

/* ── Luxury Accordion Fallback Mode ── */
.wpp-accordion--luxury .wpp-accordion__item {
	border: 1px solid #EEDFC8;
	border-radius: 10px;
	margin-bottom: 12px;
	background: #FFFDF9;
	overflow: hidden;
	transition: all 0.2s ease;
}

.wpp-accordion--luxury .wpp-accordion__item.is-open {
	border-color: #D4AF37;
	box-shadow: 0 4px 14px rgba(139, 26, 26, 0.05);
}

.wpp-accordion--luxury .wpp-accordion__trigger {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 18px 20px;
	cursor: pointer;
	background: transparent;
	border: none;
	text-align: left;
	font-family: var(--wpc-font-heading, inherit);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.2px;
	color: #2D1A16;
	transition: color .2s ease, background-color .2s ease;
}

.wpp-accordion--luxury .wpp-accordion__trigger:hover,
.wpp-accordion--luxury .wpp-accordion__trigger.is-open {
	color: #8B1A1A;
	background: rgba(139, 26, 26, 0.02);
}

.wpp-accordion--luxury .wpp-accordion__title {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.wpp-accordion--luxury .wpp-accordion__icon-devotional {
	font-size: 16px;
}

.wpp-accordion--luxury .wpp-accordion__body {
	overflow: hidden;
	max-height: 0;
	transition: max-height .35s cubic-bezier(.4, 0, .2, 1);
}

.wpp-accordion--luxury .wpp-accordion__body.is-open {
	max-height: 50000px !important;
	overflow: visible;
}

.wpp-accordion--luxury .wpp-accordion__content {
	padding: 0 20px 22px;
	font-size: 14px;
	font-family: var(--wpc-font-body, inherit);
	line-height: 1.75;
	color: #4A3B32;
}

/* ── Standard Accordion Items (Classic Mode) ── */
.wpp-accordion__item:not(.wpp-accordion__item--luxury) {
	border-bottom: 1px solid var(--brand-color-border-warm, #e8dfd5);
}

.wpp-accordion__trigger:not(.wpp-accordion--luxury .wpp-accordion__trigger) {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 20px 0;
	cursor: pointer;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	text-align: left;
	font-family: var(--wpc-font-heading, inherit);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.2px;
	color: var(--brand-color-dark, var(--wpc-text-primary, #1a1615));
	transition: color .2s ease;
}

.wpp-accordion__trigger:focus-visible {
	outline: var(--wpc-focus-ring-width, 2px) solid var(--brand-color-secondary, #d97706) !important;
	outline-offset: 2px !important;
}

.wpp-accordion__trigger:hover,
.wpp-accordion__trigger.is-open {
	color: var(--brand-color-primary, #8b1a1a) !important;
}

/* ── Accordion icon (Plus/Minus & Chevron) ── */
.wpp-accordion__icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	color: currentColor !important;
	opacity: .85;
	transition: color .2s ease;
}

.wpp-accordion__icon--chevron {
	transition: transform .25s cubic-bezier(.4, 0, .2, 1), color .2s ease;
}

.wpp-accordion__trigger.is-open .wpp-accordion__icon--chevron,
.wpp-accordion--luxury .wpp-accordion__trigger.is-open .wpp-accordion__icon--chevron {
	transform: rotate(180deg);
	color: var(--brand-color-primary, #8b1a1a) !important;
}

.wpp-accordion__icon--plus .wpp-acc-v {
	transform-origin: 12px 12px;
	transition: transform .25s cubic-bezier(0.16, 1, 0.3, 1), opacity .2s ease;
}

.wpp-accordion__trigger.is-open .wpp-accordion__icon--plus .wpp-acc-v {
	transform: rotate(90deg);
	opacity: 0;
}

.wpp-accordion__trigger.is-open .wpp-accordion__icon--plus {
	color: var(--brand-color-primary, #8b1a1a) !important;
}

/* ── Slide body ── */
.wpp-accordion__body:not(.wpp-accordion--luxury .wpp-accordion__body) {
	overflow: hidden;
	max-height: 0;
	transition: max-height .35s cubic-bezier(.4, 0, .2, 1);
}

.wpp-accordion__body.is-open:not(.wpp-accordion--luxury .wpp-accordion__body) {
	max-height: 50000px !important;
	overflow: visible;
}

/* ── Content typography ── */
.wpp-accordion__content:not(.wpp-accordion--luxury .wpp-accordion__content) {
	padding: 0 0 24px;
	font-size: 14px;
	font-family: var(--wpc-font-body, inherit);
	line-height: 1.75;
	color: var(--wpc-text-secondary, #374151);
}

/* ── Dark theme ── */
[data-theme="dark"] .wpp-details-suite {
	background: #171412;
	border-color: #2E2824;
	box-shadow: none;
}

[data-theme="dark"] .wpp-tabs__nav {
	background: #241E1A;
	border-color: #332B25;
}

[data-theme="dark"] .wpp-tabs__tab {
	color: #CBB9A8;
}

[data-theme="dark"] .wpp-tabs__tab.is-active {
	background: linear-gradient(135deg, #D97706 0%, #B45309 100%);
	color: #FFFFFF !important;
}

[data-theme="dark"] .wpp-story-hero__title {
	color: #FAF5F0;
}

[data-theme="dark"] .wpp-story-hero__lead {
	color: #D4AF37;
}

[data-theme="dark"] .wpp-story-body {
	color: #D6D3D1;
}

[data-theme="dark"] .wpp-shipping-help-box {
	background: #064E3B;
	border-color: #047857;
}

[data-theme="dark"] .wpp-shipping-help-box__text {
	color: #D1FAE5;
}

[data-theme="dark"] .wpp-accordion--luxury .wpp-accordion__item {
	background: #1C1917;
	border-color: #2E2824;
}

[data-theme="dark"] .wpp-accordion--luxury .wpp-accordion__trigger {
	color: #FAF5F0;
}

.wpp-tabs__panel,
.wpp-accordion__content {
	font-family: var(--wpc-font-body, inherit);
	color: var(--wpc-text-secondary, #374151);
}

.wpp-story-body {
	font-family: var(--wpc-font-body, inherit);
	color: var(--brand-color-text-dark, #374151);
	font-size: 14.5px;
	line-height: 1.75;
}

.wpp-story-body p {
	margin: 0 0 1em;
}

.wpp-tabs__panel #wpcr-reviews-hub,
.wpp-accordion__content #wpcr-reviews-hub {
	width: 100%;
	max-width: 100%;
}

/* ── WooCommerce Reviews Fallback (Clean Responsive Grid) ── */
.wpp-tabs__panel .woocommerce-Reviews,
.wpp-accordion__content .woocommerce-Reviews {
	width: 100%;
	padding: 4px 0;
}

.wpp-tabs__panel .woocommerce-Reviews-title,
.wpp-accordion__content .woocommerce-Reviews-title {
	font-family: var(--wpc-font-heading, "Cinzel", Georgia, serif);
	font-size: 15.5px;
	font-weight: 700;
	color: var(--brand-color-primary, #8b1a1a);
	margin: 0 0 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--brand-color-warning-border, #fde68a);
}

.wpp-tabs__panel ol.commentlist,
.wpp-accordion__content ol.commentlist {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 16px 0 !important;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 12px;
}

@media (max-width: 640px) {

	.wpp-tabs__panel ol.commentlist,
	.wpp-accordion__content ol.commentlist {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

.wpp-tabs__panel ol.commentlist li.review,
.wpp-accordion__content ol.commentlist li.review {
	background: var(--brand-color-surface, #fffdfa) !important;
	border: 1px solid var(--brand-color-warning-border, #fde68a) !important;
	border-radius: 12px !important;
	padding: 14px !important;
	margin: 0 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
	transition: border-color .2s ease, box-shadow .2s ease !important;
	box-sizing: border-box !important;
}

.wpp-tabs__panel ol.commentlist li.review:hover,
.wpp-accordion__content ol.commentlist li.review:hover {
	border-color: var(--brand-color-secondary, #d97706) !important;
	box-shadow: 0 4px 12px rgba(217, 119, 6, 0.08) !important;
}

.wpp-tabs__panel ol.commentlist li.review .comment_container,
.wpp-accordion__content ol.commentlist li.review .comment_container {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.wpp-tabs__panel ol.commentlist li.review img.avatar,
.wpp-accordion__content ol.commentlist li.review img.avatar {
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	border: 1.5px solid var(--brand-color-warning-border, #fde68a) !important;
	background: #fef3c7 !important;
	padding: 0 !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
}

.wpp-tabs__panel ol.commentlist li.review .comment-text,
.wpp-accordion__content ol.commentlist li.review .comment-text {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.wpp-tabs__panel ol.commentlist li.review .meta,
.wpp-accordion__content ol.commentlist li.review .meta {
	font-size: 12.5px !important;
	color: var(--wpc-text-secondary, #6b7280) !important;
	margin: 0 0 4px 0 !important;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
}

.wpp-tabs__panel ol.commentlist li.review .woocommerce-review__author,
.wpp-accordion__content ol.commentlist li.review .woocommerce-review__author {
	font-weight: 700 !important;
	color: var(--wpc-text-primary, #111827) !important;
	font-size: 13px !important;
}

.wpp-tabs__panel ol.commentlist li.review .woocommerce-review__dash,
.wpp-accordion__content ol.commentlist li.review .woocommerce-review__dash {
	color: #d1d5db;
}

.wpp-tabs__panel ol.commentlist li.review .woocommerce-review__published-date,
.wpp-accordion__content ol.commentlist li.review .woocommerce-review__published-date {
	font-size: 11px !important;
	color: var(--wpc-text-muted, #9ca3af) !important;
}

.wpp-tabs__panel ol.commentlist li.review .star-rating,
.wpp-accordion__content ol.commentlist li.review .star-rating {
	float: right;
	margin: 0 0 4px 6px;
	color: var(--brand-color-secondary, #d97706);
	font-size: 12px;
	letter-spacing: 1.5px;
}

.wpp-tabs__panel ol.commentlist li.review .description,
.wpp-accordion__content ol.commentlist li.review .description {
	font-size: 12.5px;
	line-height: 1.5;
	color: var(--wpc-text-secondary, #374151);
	margin: 0;
}

.wpp-tabs__panel ol.commentlist li.review .description p,
.wpp-accordion__content ol.commentlist li.review .description p {
	margin: 0 0 4px 0;
}

.wpp-tabs__panel ol.commentlist li.review .description p:last-child,
.wpp-accordion__content ol.commentlist li.review .description p:last-child {
	margin-bottom: 0;
}

.wpp-accordion__content p {
	margin: 0 0 .9em;
}

.wpp-accordion__content ul,
.wpp-accordion__content ol {
	margin: 0 0 1em 1.4em;
	padding: 0;
}

.wpp-accordion__content li {
	margin-bottom: .35em;
}

/* Additional Info table */
.wpp-accordion__content table,
.wpp-tabs__panel table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.wpp-accordion__content th,
.wpp-accordion__content td,
.wpp-tabs__panel th,
.wpp-tabs__panel td {
	padding: 11px 14px;
	border: 1px solid var(--brand-color-border-warm, var(--wpc-border, #e5e7eb));
	text-align: left;
}

.wpp-accordion__content th,
.wpp-tabs__panel th {
	background: #fffaf6 !important;
	font-weight: 600;
	font-size: 13px;
	color: var(--wpc-text-muted, #7a6a60);
	width: 35%;
}

.wpp-accordion__content tr:nth-child(even) td {
	background: var(--brand-color-bg-primary, #fffdf9) !important;
}

/* WC native tabs hidden */
.woocommerce-tabs ul.wc-tabs {
	display: none !important;
}

.woocommerce-tabs .wc-tab {
	border: none;
	padding: 0;
	background: transparent;
}


/* ══════════════════════════════════════════════════════════
 * BUNDLE / FREQUENTLY BOUGHT TOGETHER
 * ══════════════════════════════════════════════════════════ */
.wpp-bundle {
	background: var(--wpp-bundle-bg);
	border: 1px solid var(--wpp-bundle-border);
	border-radius: var(--wpp-bundle-radius, 8px);
	padding: 20px;
	margin-top: 40px;
}

.wpp-bundle__heading {
	font-size: 16px;
	font-weight: 700;
	font-family: var(--wpp-bundle-ff, inherit);
	color: var(--wpp-bundle-text);
	margin: 0 0 16px;
}

.wpp-bundle__products {
	display: grid;
	grid-template-columns: repeat(var(--wpp-bundle-cols-desk, 3), 1fr);
	gap: 10px;
}

@media (max-width: 1023px) {
	.wpp-bundle__products {
		grid-template-columns: repeat(var(--wpp-bundle-cols-tab, 2), 1fr);
	}
}

@media (max-width: 767px) {
	.wpp-bundle__products {
		grid-template-columns: repeat(var(--wpp-bundle-cols-mob, 1), 1fr);
	}
}

.wpp-bundle__plus {
	font-size: 20px;
	font-weight: 300;
	color: var(--wpp-bundle-text);
	opacity: .5;
	padding-top: 20px;
}

.wpp-bundle__item {
	flex: 1;
	min-width: 100px;
	max-width: 180px;
}

.wpp-bundle__check {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	color: var(--wpp-bundle-text);
}

.wpp-bundle__check img {
	width: 100%;
	border-radius: 4px;
}

.wpp-bundle__name {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wpp-bundle__price {
	font-weight: 700;
	font-size: 13px;
	color: var(--wpp-price-color);
}

.wpp-bundle__discount {
	margin: 14px 0 0;
	font-size: 13px;
	color: var(--wpp-bundle-text);
	padding: 8px 12px;
	background: rgba(0, 0, 0, .04);
	border-radius: 4px;
}

.wpp-bundle__atc {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	background: var(--wpp-bundle-atc-bg);
	color: var(--wpp-bundle-atc-color);
	border: 1px solid var(--wpp-bundle-atc-border);
	border-radius: var(--wpp-bundle-atc-radius, 4px);
	font-size: var(--wpp-bundle-size, 13px);
	font-weight: var(--wpp-bundle-weight, 600);
	font-family: var(--wpp-bundle-ff, inherit);
	cursor: pointer;
	width: 100%;
	margin-top: 16px;
	transition: background .15s, color .15s;
}

.wpp-bundle__atc:hover {
	background: var(--wpp-bundle-atc-hover-bg);
	color: var(--wpp-bundle-atc-hover-color);
}

/* ══════════════════════════════════════════════════════════
 * PRODUCT GRID (upsells / crosssells / related)
 * ══════════════════════════════════════════════════════════ */
.wpp-product-grid {
	margin-top: 48px;
}

/* "You May Also Like" / Related Section heading — SHOP BY CATEGORY theme match */
.wpp-product-grid__heading {
	font-size: 28px;
	font-weight: 400;
	font-family: var(--brand-font-family, var(--wpc-font-display, var(--wpc-font-heading, inherit)));
	color: var(--brand-color-secondary, #d97706);
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 28px;
	letter-spacing: 1px;
	display: block;
	line-height: 1.2;
}

.wpp-product-grid__heading::before,
.wpp-product-grid__heading::after {
	content: none !important;
	display: none !important;
}

.wpp-product-grid--upsells .wpp-product-grid__heading {
	color: inherit;
}

.wpp-product-grid--crosssells .wpp-product-grid__heading {
	color: inherit;
}


.wpp-product-grid__items {
	display: block !important;
	width: 100% !important;
}

.wpp-product-grid--upsells .wpp-product-grid__items {
	grid-template-columns: repeat(var(--wpp-related-cols-desk, 4), 1fr);
}

.wpp-product-grid--crosssells .wpp-product-grid__items {
	grid-template-columns: repeat(var(--wpp-related-cols-desk, 4), 1fr);
}

@media (max-width: 991px) {
	.wpp-product-grid__items {
		grid-template-columns: repeat(var(--wpp-related-cols-tab, 3), 1fr);
		gap: var(--wpp-related-gap-tab, 16px);
	}
}

@media (max-width: 767px) {
	.wpp-product-grid__items {
		grid-template-columns: repeat(var(--wpp-related-cols-mob, 2), 1fr);
		gap: var(--wpp-related-gap-mob, 12px);
	}
}

.wpp-product-grid__item {
	display: flex;
	flex-direction: column;
}

.wpp-product-grid__img-wrap {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	aspect-ratio: 3/4;
	background: var(--wpc-surface-subtle, #f5f5f5);
	display: block;
}

.wpp-product-grid__img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
	display: block;
}

.wpp-product-grid__item:hover .wpp-product-grid__img-wrap img {
	transform: scale(1.04);
}

.wpp-product-grid__badge {
	position: absolute;
	top: 8px;
	left: 8px;
	background: var(--wpp-discount-badge-bg);
	color: var(--wpp-discount-badge-color);
	font-size: 10px;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: var(--wpp-discount-badge-radius, 4px);
}

.wpp-product-grid__info {
	padding: 10px 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.wpp-product-grid__stars .star-rating {
	font-size: 12px;
	color: var(--wpp-rating-color);
}

.wpp-product-grid__name {
	font-size: 13px;
	font-weight: 500;
	color: var(--wpp-text-color);
	text-decoration: none;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wpp-product-grid__price {
	font-size: 13px;
	font-weight: 700;
	color: var(--wpp-price-color);
	margin-top: auto;
}

.wpp-product-grid__atc {
	display: block;
	text-align: center;
	padding: 8px;
	margin-top: 8px;
	background: var(--wpp-atc-bg);
	color: var(--wpp-atc-color);
	border-radius: var(--wpp-atc-radius, 4px);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	transition: background .15s, color .15s;
	cursor: pointer;
	border: none;
	width: 100%;
}

.wpp-product-grid__atc:hover {
	background: var(--wpp-atc-hover-bg);
	color: var(--wpp-atc-hover-color);
}

/* ══════════════════════════════════════════════════════════
 * DARK MODE OVERRIDES ([data-theme="dark"])
 * ══════════════════════════════════════════════════════════ */
[data-theme="dark"] .wpp-page {
	background: var(--wpc-surface, var(--brand-color-bg-primary, #12100E)) !important;
	color: var(--wpc-on-surface, var(--brand-color-text-dark, #FAF6F0));
}

[data-theme="dark"] .wpp-header__title,
[data-theme="dark"] .wpp-price__current {
	color: var(--wpc-on-surface, var(--brand-color-text-dark, #FAF6F0));
}

[data-theme="dark"] .wpp-sticky-bar {
	background: var(--wpc-surface, #1c1816) !important;
	border-top-color: var(--wpc-border, rgba(255, 255, 255, 0.08)) !important;
	box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .wpp-swatches__item--text {
	background: var(--wpc-input-bg, #2a221e) !important;
	color: var(--wpc-on-surface, #faf6f0) !important;
	border-color: var(--wpc-border, rgba(255, 255, 255, 0.12)) !important;
}

[data-theme="dark"] .wpp-tabs__tab,
[data-theme="dark"] .wpp-tabs__panel {
	background: var(--wpc-surface, #1c1816) !important;
	color: var(--wpc-on-surface, #faf6f0) !important;
	border-color: var(--wpc-border, rgba(255, 255, 255, 0.08)) !important;
}

/* ══════════════════════════════════════════════════════════
 * WOOCOMMERCE NATIVE FORM & COMPONENT HOMOGENEITY OVERRIDES
 * ══════════════════════════════════════════════════════════ */

/* Hide native WooCommerce variations table when custom swatches are active */
.wpp-variants+form.variations_form table.variations,
.wpp-purchase-area form.variations_form table.variations,
.wpp-purchase-area table.variations,
.single-product table.variations {
	display: none !important;
}

/* Scoped Quantity Stepper & Cart Form — Side-by-Side Full-Width Flex Layout */
.single_variation_wrap,
.woocommerce-variation-add-to-cart,
.variations_button,
.single-product form.cart,
.wpp-purchase-area form.cart {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* ── Purchase Action Grid: Row 1 (Qty + ATC) & Row 2 (Buy Now + WhatsApp) ── */
div.woocommerce-variation-add-to-cart,
.woocommerce-variation-add-to-cart,
.wpp-purchase-area .woocommerce-variation-add-to-cart,
.wpp-purchase-area .variations_button,
form.cart .woocommerce-variation-add-to-cart,
form.cart .variations_button,
.single_variation_wrap .woocommerce-variation-add-to-cart,
form.cart:not(.variations_form) {
	display: grid !important;
	grid-template-columns: 108px 1fr !important;
	grid-template-rows: auto auto !important;
	gap: 10px !important;
	width: 100% !important;
	margin-top: 14px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

.woocommerce-variation-add-to-cart input[type="hidden"],
.variations_button input[type="hidden"],
.single-product form.cart input[type="hidden"],
.wpp-purchase-area input[type="hidden"] {
	display: none !important;
}

/* Outer quantity wrapper (Row 1, Column 1) */
.woocommerce-variation-add-to-cart .quantity,
.variations_button .quantity,
.single-product form.cart .quantity,
.wpp-purchase-area .quantity,
.wpp-qty-wrapper {
	grid-column: 1 / 2 !important;
	grid-row: 1 / 2 !important;
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0 !important;
	width: 108px !important;
	max-width: 108px !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	overflow: visible !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	flex: 0 0 108px !important;
}

/* Quantity label — visually hidden for sleek 108px stepper */
.wpp-qty__label {
	display: none !important;
}

/* Stepper container — elegant, warm, compact luxury stepper */
.wpp-qty {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 108px !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	border: 1.5px solid var(--brand-color-border-warm, #eedfc8) !important;
	border-radius: 8px !important;
	background: var(--brand-color-surface, #fffdfa) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	flex: 0 0 108px !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

/* Stepper input */
.single-product form.cart .quantity input.qty,
.wpp-purchase-area .quantity input.qty,
.wpp-qty__input {
	width: 44px !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	border: none !important;
	background: transparent !important;
	text-align: center !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--brand-color-text-dark, #1a1615) !important;
	font-family: inherit !important;
	outline: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	-moz-appearance: textfield !important;
}

.single-product form.cart .quantity input.qty::-webkit-outer-spin-button,
.single-product form.cart .quantity input.qty::-webkit-inner-spin-button,
.wpp-purchase-area .quantity input.qty::-webkit-outer-spin-button,
.wpp-purchase-area .quantity input.qty::-webkit-inner-spin-button,
.wpp-qty__input::-webkit-outer-spin-button,
.wpp-qty__input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

.single-product form.cart .quantity input.qty:focus-visible,
.wpp-purchase-area .quantity input.qty:focus-visible,
.wpp-qty__input:focus-visible {
	outline: 2px solid var(--brand-color-secondary, #d97706) !important;
	outline-offset: -2px !important;
}

/* Add to Cart (Row 1, Column 2) — Golden Amber, 12px radius, uppercase */
.woocommerce-variation-add-to-cart .single_add_to_cart_button,
.variations_button .single_add_to_cart_button,
.single_add_to_cart_button,
.single-product form.cart button.single_add_to_cart_button,
.wpp-purchase-area button.single_add_to_cart_button,
.wpp-btn--atc {
	grid-column: 2 / 3 !important;
	grid-row: 1 / 2 !important;
	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	padding: 0 10px !important;
	background: var(--brand-color-secondary, #d97706) !important;
	background-color: var(--brand-color-secondary, #d97706) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	border: none !important;
	border-radius: 12px !important;
	font-family: var(--wpc-font-heading, inherit) !important;
	font-size: clamp(12px, 3.2vw, 13px) !important;
	font-weight: 700 !important;
	letter-spacing: 0.3px !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	cursor: pointer !important;
	box-shadow: 0 4px 14px rgba(217, 119, 6, 0.28) !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	white-space: nowrap !important;
}

.single_add_to_cart_button:hover,
.single-product form.cart button.single_add_to_cart_button:hover,
.wpp-purchase-area button.single_add_to_cart_button:hover,
.wpp-btn--atc:hover {
	background: var(--brand-color-accent, #b45309) !important;
	background-color: var(--brand-color-accent, #b45309) !important;
	border: none !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 18px rgba(217, 119, 6, 0.38) !important;
}

.single-product form.cart button.single_add_to_cart_button.wpp-btn--in-cart,
.wpp-purchase-area button.single_add_to_cart_button.wpp-btn--in-cart,
.wpp-sticky-bar__btn.wpp-btn--in-cart,
.wpp-btn--atc.wpp-btn--in-cart {
	background: var(--wpc-text-primary, #0f172a) !important;
	background-color: var(--wpc-text-primary, #0f172a) !important;
	border-color: var(--wpc-text-primary, #0f172a) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2) !important;
}

.single-product form.cart button.single_add_to_cart_button.wpp-btn--in-cart:hover,
.wpp-purchase-area button.single_add_to_cart_button.wpp-btn--in-cart:hover,
.wpp-sticky-bar__btn.wpp-btn--in-cart:hover,
.wpp-btn--atc.wpp-btn--in-cart:hover {
	background: #1e293b !important;
	background-color: #1e293b !important;
	border-color: #1e293b !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.3) !important;
}

/* Suppress WooCommerce core font checkmark pseudo-elements on ATC buttons */
.single_add_to_cart_button::after,
.single_add_to_cart_button::before,
.wpp-sticky-bar__btn::after,
.wpp-sticky-bar__btn::before {
	display: none !important;
	content: none !important;
}

/* ── Secondary Action Row: Buy Now + WhatsApp (50% / 50% split, Row 2 spanning full width) ── */
.wpp-action-buttons-row {
	grid-column: 1 / -1 !important;
	grid-row: 2 / 3 !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 10px !important;
	width: 100% !important;
	margin: 0 !important;
}

.wpp-action-buttons-row:not(.wpp-action-buttons-row--dual) {
	grid-template-columns: 1fr !important;
}

.wpp-action-buttons-row .wpp-btn--buy-now,
.wpp-action-buttons-row .wpp-btn--whatsapp,
.wpp-action-buttons-row .wpp-btn--whatsapp-order,
.wpp-btn--buy-now {
	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border-radius: 12px !important;
	font-family: var(--wpc-font-heading, inherit) !important;
	font-size: clamp(12px, 3.2vw, 13px) !important;
	font-weight: 700 !important;
	letter-spacing: 0.3px !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	white-space: nowrap !important;
}

.wpp-btn--buy-now {
	background: var(--brand-color-primary, #8b1a1a) !important;
	background-color: var(--brand-color-primary, #8b1a1a) !important;
	color: #ffffff !important;
	border: none !important;
	box-shadow: 0 4px 14px rgba(139, 26, 26, 0.22) !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wpp-btn--buy-now:hover {
	background: #701414 !important;
	background-color: #701414 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 18px rgba(139, 26, 26, 0.32) !important;
}

.wpp-action-buttons-row .wpp-btn--whatsapp,
.wpp-action-buttons-row .wpp-btn--whatsapp-order {
	background: linear-gradient(135deg, #25D366 0%, #20BD5A 100%) !important;
	background-color: #25D366 !important;
	color: #ffffff !important;
	border: 1px solid #1EAA51 !important;
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(37, 211, 102, 0.25) !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wpp-action-buttons-row .wpp-btn--whatsapp:hover,
.wpp-action-buttons-row .wpp-btn--whatsapp-order:hover {
	background: linear-gradient(135deg, #20BD5A 0%, #16A34A 100%) !important;
	border-color: #15803D !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35) !important;
}

.wpp-action-buttons-row .wpp-btn--whatsapp-order .wpp-btn-sub-label,
.wpp-action-buttons-row .wpp-btn--whatsapp .wpp-btn-sub-label {
	display: none !important;
}

.wpp-action-buttons-row .wpp-btn--whatsapp-order .wpp-btn-icon,
.wpp-action-buttons-row .wpp-btn--whatsapp .wpp-btn-icon,
.wpp-btn--buy-now .wpp-btn-icon,
.single_add_to_cart_button .wpp-btn-icon {
	width: 16px !important;
	height: 16px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
}

.wpp-action-buttons-row .wpp-btn--whatsapp-order svg,
.wpp-action-buttons-row .wpp-btn--whatsapp svg,
.wpp-btn--buy-now svg {
	width: 16px !important;
	height: 16px !important;
	flex-shrink: 0 !important;
	display: block !important;
	fill: currentColor !important;
}

.wpp-action-buttons-row .wpp-btn--whatsapp-order svg path,
.wpp-action-buttons-row .wpp-btn--whatsapp svg path {
	fill: #ffffff !important;
}

/* ── Payment Modes Trust Strip ── */
.wpp-payment-modes-strip {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	width: 100% !important;
	margin: 8px 0 4px 0 !important;
	padding: 8px 12px !important;
	background: #fdfbf7 !important;
	border: 1px dashed #e8dfd5 !important;
	border-radius: 6px !important;
	font-size: 11.5px !important;
	color: var(--wpc-text-secondary, #6b7280) !important;
	text-align: center !important;
	line-height: 1.3 !important;
	box-sizing: border-box !important;
}

.wpp-payment-modes-strip__lock {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	font-weight: 700 !important;
	color: #065f46 !important;
	flex-shrink: 0 !important;
}

.wpp-payment-modes-strip__lock svg {
	color: var(--brand-color-success, #059669) !important;
	flex-shrink: 0 !important;
}

.wpp-payment-modes-strip__text {
	font-weight: 500 !important;
	color: #4b5563 !important;
}

/* ── Specifications Table ── */
.wpp-specs-table {
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0;
	background: var(--brand-color-bg-white, #ffffff);
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--brand-color-border-warm, #e8dfd5);
}

.wpp-specs-table th,
.wpp-specs-table td {
	padding: 12px 18px;
	border-bottom: 1px solid var(--brand-color-border-warm, #f0ebe4);
	font-size: 14px;
	line-height: 1.5;
}

.wpp-specs-table tr:last-child th,
.wpp-specs-table tr:last-child td {
	border-bottom: none;
}

.wpp-specs-table th {
	width: 32%;
	background: var(--brand-color-surface, var(--wpc-surface-2, #fffdfa));
	color: var(--wpc-text-secondary, #6b7280);
	font-weight: 600;
	text-align: left;
}

.wpp-specs-table td {
	color: var(--wpc-text-primary, #1a1a1a);
	font-weight: 500;
}

.wpp-specs-table tr:nth-child(even) th {
	background: #faf8f5;
}

.wpp-specs-table tr:nth-child(even) td {
	background: #faf8f5;
}

/* ── Policy List ── */
.wpp-policy-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 8px 0 !important;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.wpp-policy-list li {
	padding: 12px 16px;
	background: var(--brand-color-surface, var(--wpc-surface-2, #fffdfa));
	border: 1px solid var(--brand-color-border-warm, #f0ebe4);
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--wpc-text-secondary, #374151);
}

/* Lightbox close button refinement */
.wpp-lightbox__close {
	position: absolute !important;
	top: 20px !important;
	right: 24px !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	background: rgba(30, 30, 30, 0.75) !important;
	backdrop-filter: blur(12px) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	z-index: 9999999 !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.wpp-lightbox__close:hover {
	background: var(--brand-color-primary, #8b1a1a) !important;
	border-color: var(--brand-color-primary, #8b1a1a) !important;
	transform: scale(1.08) rotate(90deg) !important;
}

/* Suppress external elementor dialog lightboxes when WPP lightbox is open */
body.wpp-lightbox-open .elementor-lightbox,
body.wpp-lightbox-open .dialog-widget {
	display: none !important;
}

/* ── Stock Badge & Urgency Streamlining ── */
.woocommerce-variation,
.woocommerce-variation-availability,
.single_variation,
.single_variation .woocommerce-variation-availability {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
}

/* Short Description Card */
.wpp-short-desc {
	background: var(--brand-color-bg-secondary, var(--wpc-surface-2, #fffdfa));
	border: 1px solid var(--brand-color-border-warm, #f3e8d3);
	border-left: 4px solid var(--brand-color-primary, #8b1a1a);
	border-radius: 8px;
	padding: 16px 20px;
	margin: 16px 0;
	color: var(--brand-color-text-dark, var(--wpc-text-secondary, #374151));
	font-size: 14px;
	line-height: 1.6;
}

.wpp-short-desc p {
	margin: 0 0 8px;
}

.wpp-short-desc p:last-child {
	margin-bottom: 0;
}



/* Related Products Grid CTA */
section.related.products ul.products li.product .button,
.wpp-product-grid__atc {
	background-color: var(--brand-color-primary, #8b1a1a) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	border: 1px solid var(--brand-color-primary, #8b1a1a) !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	transition: all 0.15s ease !important;
}

section.related.products ul.products li.product .button:hover,
.wpp-product-grid__atc:hover {
	background-color: var(--brand-color-secondary, #991b1b) !important;
	border-color: var(--brand-color-secondary, #991b1b) !important;
}

/* Devotional Specifications Table */
.wpp-devotional-specs {
	margin-bottom: 24px;
	padding: 20px;
	background: var(--brand-color-card-bg, var(--wpc-surface-2, #fffdf8));
	border: 1px solid var(--brand-color-border-warm, #f3ebd8);
	border-radius: 8px;
}

.wpp-devotional-specs__title {
	font-size: 16px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 14px;
	color: var(--brand-color-primary, #8b1a1a);
	border-bottom: 2px solid var(--brand-color-gold, #d4af37);
	padding-bottom: 8px;
}

.wpp-devotional-specs__table {
	width: 100%;
	border-collapse: collapse;
}

.wpp-devotional-specs__table th {
	width: 35%;
	padding: 8px 12px;
	text-align: left;
	font-weight: 600;
	color: var(--brand-color-text-muted, var(--wpc-text-secondary, #6b7280));
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	font-size: 13.5px;
}

.wpp-devotional-specs__table td {
	padding: 8px 12px;
	text-align: left;
	font-weight: 500;
	color: var(--brand-color-text-dark, var(--wpc-text-primary, #1f2937));
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	font-size: 13.5px;
}

/* Seamless Primary Brand Background Color Override */
body.single-product,
body.single-product #page,
body.single-product #primary,
body.single-product .content-area,
body.single-product .site-main {
	background-color: var(--brand-color-bg-primary, #fff8f0) !important;
}

/* Primary ATC & Swatch Buttons Styling — Solid Hero CTA */
.woocommerce button.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.wpp-active .single_add_to_cart_button,
.wpp-active .single_add_to_cart_button.disabled,
.wpp-active .single_add_to_cart_button:disabled,
.wpp-active form.cart .button,
.wpp-active form.cart .button.disabled,
.wpp-active form.cart .single_add_to_cart_button,
.wpp-active button.single_add_to_cart_button.button.alt,
.wpp-purchase-area .single_add_to_cart_button,
.wpp-purchase-area .single_add_to_cart_button.disabled,
.wpp-purchase-area .button,
button.single_add_to_cart_button,
.single_add_to_cart_button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	background: var(--brand-color-secondary, #d97706) !important;
	background-color: var(--brand-color-secondary, #d97706) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	border: none !important;
	border-radius: 12px !important;
	font-family: var(--wpc-font-heading, inherit) !important;
	font-weight: 700 !important;
	font-size: clamp(12px, 3.2vw, 13px) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.3px !important;
	line-height: 1 !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	padding: 0 10px !important;
	box-sizing: border-box !important;
	opacity: 1 !important;
	box-shadow: 0 4px 14px rgba(217, 119, 6, 0.28) !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	white-space: nowrap !important;
}

button.single_add_to_cart_button::before,
.single_add_to_cart_button::before,
.wpp-btn--atc::before {
	content: '' !important;
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	background-color: currentColor !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") no-repeat center / contain !important;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") no-repeat center / contain !important;
	flex-shrink: 0 !important;
}

/* If SVG icon is injected into single_add_to_cart_button, hide pseudo ::before */
button.single_add_to_cart_button:has(svg)::before,
.single_add_to_cart_button:has(svg)::before,
.wpp-btn--atc:has(svg)::before {
	display: none !important;
}

button.single_add_to_cart_button>svg.wpp-btn-icon,
.single_add_to_cart_button>svg.wpp-btn-icon,
.single_add_to_cart_button svg.wpp-btn-icon,
.wpp-btn--atc>svg.wpp-btn-icon,
.wpp-btn--atc svg.wpp-btn-icon,
.wpp-sticky-bar__btn svg.wpp-btn-icon {
	display: inline-block !important;
	width: 15px !important;
	height: 15px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2.2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	margin: 0 6px 0 0 !important;
	vertical-align: middle !important;
	flex-shrink: 0 !important;
}

.woocommerce button.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.wpp-active .single_add_to_cart_button:hover,
.wpp-active form.cart .button:hover,
.wpp-active form.cart .single_add_to_cart_button:hover,
.wpp-active button.single_add_to_cart_button.button.alt:hover,
.wpp-purchase-area .single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover {
	background: var(--brand-color-accent, #b45309) !important;
	background-color: var(--brand-color-accent, #b45309) !important;
	border: none !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 20px rgba(217, 119, 6, 0.38) !important;
}

/* Q&A Submit Button — Brand Primary (amber action token) */
.wpp-qa__form-submit,
input[type="submit"].wpp-qa__form-submit,
button.wpp-qa__form-submit {
	background: var(--brand-color-secondary, #d97706) !important;
	background-color: var(--brand-color-secondary, #d97706) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 12px 28px !important;
	font-family: var(--wpc-font-heading, inherit) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	box-shadow: 0 2px 8px rgba(217, 119, 6, 0.2) !important;
	transition: all 0.2s ease !important;
}

.wpp-qa__form-submit:hover {
	background: var(--brand-color-accent, #b45309) !important;
	background-color: var(--brand-color-accent, #b45309) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 14px rgba(217, 119, 6, 0.3) !important;
}

/* Discount Badges — Sacred Brand Green Pill */
.wpp-price__badge,
.wpp-price__badge--pct,
.wcp-discount {
	background: var(--brand-color-success-light, #ecfdf5) !important;
	background-color: var(--brand-color-success-light, #ecfdf5) !important;
	color: #047857 !important;
	border: 1px solid var(--brand-color-success-border, #a7f3d0) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	border-radius: 10px !important;
	padding: 2px 8px !important;
}

/* ══════════════════════════════════════════════════════════
 * RECOMMENDATIONS & RELATED PRODUCTS SECTION (1:1 SHOP MATCH)
 * ══════════════════════════════════════════════════════════ */
body.wcp-active .wpp-recommendations-section,
.wpp-recommendations-section {
	--wcp-col-size: minmax(0, 1fr) !important;
	max-width: var(--wpp-max-w, var(--wcp-max-w, 9999px)) !important;
	margin: 36px auto 24px !important;
	padding-top: 48px !important;
	padding-bottom: 32px !important;
	padding-left: var(--wpp-pad-h-desk, var(--wcp-grid-pad-h-desk, 12px)) !important;
	padding-right: var(--wpp-pad-h-desk, var(--wcp-grid-pad-h-desk, 12px)) !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.wpp-recommendations-section .wpp-product-grid,
.wpp-product-grid {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wpp-bundle {
	background: var(--brand-color-surface, #fffdfa);
	border: 1px solid var(--brand-color-border-warm, #eedfc8);
	border-radius: 14px;
	padding: 16px 20px;
	margin: 20px 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.wpp-recommendations-section .wpp-product-grid__heading,
.wpp-product-grid__heading {
	display: none !important;
}

body.wcp-active .wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track),
body.wcp-active .wpp-recommendations-section ul.products:not(.wpc-slider-track),
.wpp-product-grid ul.products.wcp-products-grid:not(.wpc-slider-track),
.wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track),
.wpp-recommendations-section ul.products:not(.wpc-slider-track) {
	display: grid !important;
	grid-template-columns: repeat(var(--wcp-cols-xxl, 6), var(--wcp-col-size, minmax(0, 1fr))) !important;
	gap: var(--wcp-gap-xxl, 18px) !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	justify-content: stretch !important;
}

@media (max-width: 1599px) {

	body.wcp-active .wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track),
	.wpp-product-grid ul.products.wcp-products-grid:not(.wpc-slider-track),
	.wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track) {
		grid-template-columns: repeat(var(--wcp-cols-xl, 5), var(--wcp-col-size, minmax(0, 1fr))) !important;
		gap: var(--wcp-gap-xl, 16px) !important;
	}
}

@media (max-width: 1279px) {

	body.wcp-active .wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track),
	.wpp-product-grid ul.products.wcp-products-grid:not(.wpc-slider-track),
	.wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track) {
		grid-template-columns: repeat(var(--wcp-cols-l, 4), var(--wcp-col-size, minmax(0, 1fr))) !important;
		gap: var(--wcp-gap-l, 14px) !important;
	}
}

@media (max-width: 1023px) {

	body.wcp-active .wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track),
	.wpp-product-grid ul.products.wcp-products-grid:not(.wpc-slider-track),
	.wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track) {
		grid-template-columns: repeat(var(--wcp-cols-m, 3), var(--wcp-col-size, minmax(0, 1fr))) !important;
		gap: var(--wcp-gap-m, 12px) !important;
	}
}

@media (max-width: 768px) {

	body.wcp-active .wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track),
	.wpp-product-grid ul.products.wcp-products-grid:not(.wpc-slider-track),
	.wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track) {
		grid-template-columns: repeat(var(--wcp-cols-s, 2), var(--wcp-col-size, minmax(0, 1fr))) !important;
		gap: var(--wcp-gap-s, 10px) !important;
	}
}

@media (max-width: 480px) {

	body.wcp-active .wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track),
	.wpp-product-grid ul.products.wcp-products-grid:not(.wpc-slider-track),
	.wpp-recommendations-section ul.products.wcp-products-grid:not(.wpc-slider-track) {
		grid-template-columns: repeat(var(--wcp-cols-xs, 2), var(--wcp-col-size, minmax(0, 1fr))) !important;
		gap: var(--wcp-gap-xs, 10px) !important;
	}
}

body.wcp-active .wpp-recommendations-section li.product,
body.wcp-active .wpp-recommendations-section li.wcp-card,
.wpp-recommendations-section li.product,
.wpp-recommendations-section li.wcp-card {
	min-width: 0 !important;
	margin: 0 !important;
	float: none !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	height: 100% !important;
}

.wpp-recommendations-section li.wcp-card .wcp-card-link {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
}

.wpp-recommendations-section li.wcp-card .wcp-card-info {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
}



/* ══════════════════════════════════════════════════════════
 * BELOW THE FOLD DETAILS & TABS SECTION
 * ══════════════════════════════════════════════════════════ */
.wpp-details-section {
	width: 100% !important;
	max-width: 100% !important;
	margin: 24px 0 20px !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.woocommerce-tabs {
	background: var(--brand-color-bg-white, #ffffff);
	border: 1px solid var(--brand-color-border-warm, var(--wpc-border, #e5e7eb));
	border-radius: 12px;
	padding: 24px 32px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.woocommerce-tabs ul.tabs {
	display: flex;
	gap: 16px;
	border-bottom: 2px solid var(--brand-color-bg-secondary, var(--wpc-surface-subtle, #f3f4f6));
	padding: 0 0 12px 0 !important;
	margin: 0 0 24px 0 !important;
	list-style: none !important;
}

.woocommerce-tabs ul.tabs li {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
}

.woocommerce-tabs ul.tabs li a {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--brand-color-text-muted, var(--wpc-text-secondary, #6b7280)) !important;
	text-decoration: none !important;
	padding: 8px 16px !important;
	border-radius: 6px !important;
	transition: all 0.2s ease !important;
}

.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
	color: var(--brand-color-primary, #8b1a1a) !important;
	background: var(--brand-color-bg-primary, #fff8f0) !important;
}

.woocommerce-tabs .panel {
	color: var(--brand-color-text-dark, var(--wpc-text-secondary, #374151));
	line-height: 1.7;
	font-size: 14px;
}

/* Reviews List & Comment Form */
#reviews {
	margin: 12px 0 24px;
	font-family: var(--wpc-font-body, inherit);
}

#reviews #comments {
	margin-bottom: 32px;
	background: var(--brand-color-surface, #fffdfa);
	border: 1px solid var(--brand-color-border-warm, #eedfc8);
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

.woocommerce-Reviews-title {
	font-family: var(--wpc-font-heading, inherit);
	font-size: 18px;
	font-weight: 700;
	color: var(--brand-color-dark, #1a1615);
	margin: 0 0 16px;
}

#reviews ol.commentlist {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

#reviews ol.commentlist li {
	padding: 16px;
	background: #ffffff;
	border: 1px solid var(--brand-color-border-warm, #e8dfd5);
	border-radius: 8px;
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

#reviews ol.commentlist li img.avatar {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover;
	border: 1.5px solid var(--brand-color-warning-border, #fde68a);
}

#reviews .comment-text {
	flex: 1;
}

#reviews .comment-text .meta {
	font-size: 13px;
	color: var(--brand-color-text-muted, var(--wpc-text-secondary, #6b7280));
	margin-bottom: 6px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

#reviews .comment-text .meta strong {
	color: var(--brand-color-text-dark, var(--wpc-text-primary, #111827));
	font-size: 14px;
	font-weight: 700;
}

#reviews .comment-text .description {
	font-size: 14px;
	line-height: 1.6;
	color: var(--brand-color-text-dark, var(--wpc-text-secondary, #374151));
}

#reviews .star-rating {
	color: var(--brand-color-secondary, #d97706) !important;
	margin-bottom: 6px;
}

#reviews #review_form_wrapper {
	background: var(--brand-color-bg-primary, #fff8f0);
	padding: 24px;
	border-radius: 12px;
	border: 1px solid var(--brand-color-border-warm, #eedfc8);
}

#reviews #reply-title {
	font-family: var(--wpc-font-heading, inherit);
	font-size: 18px;
	font-weight: 700;
	color: var(--brand-color-primary, #8b1a1a);
	margin-bottom: 16px;
	display: block;
}

#reviews .comment-form-rating label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
	color: var(--brand-color-dark, #1a1615);
}

#reviews p.stars span a {
	color: var(--brand-color-secondary, #d97706) !important;
}

#reviews .comment-form-comment label,
#reviews .comment-form-author label,
#reviews .comment-form-email label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
	font-size: 13px;
	color: var(--brand-color-dark, #1a1615);
}

#reviews input[type="text"],
#reviews input[type="email"],
#reviews textarea {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--brand-color-border-warm, #eedfc8);
	border-radius: 8px;
	background: #ffffff;
	font-family: inherit;
	font-size: 14px;
	box-sizing: border-box;
}

#reviews input[type="text"]:focus,
#reviews input[type="email"]:focus,
#reviews textarea:focus {
	border-color: var(--brand-color-secondary, #d97706);
	outline: none;
	box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.15);
}

#reviews form .form-submit input#submit {
	background: linear-gradient(135deg, var(--brand-color-secondary, #d97706) 0%, #b45309 100%) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 11px 26px !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	cursor: pointer !important;
	box-shadow: 0 4px 12px rgba(217, 119, 6, 0.25) !important;
	transition: all 0.2s ease !important;
}

#reviews form .form-submit input#submit:hover {
	background: linear-gradient(135deg, #b45309 0%, #92400e 100%) !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(217, 119, 6, 0.35) !important;
}

/* ── Toast Container & Pill Styles (Top-layer immunity over announcement bar & headers) ── */
#wpc-toast-container,
#wpp-toast-container {
	position: fixed !important;
	top: 80px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	z-index: 99999999 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 8px !important;
	pointer-events: none !important;
	width: max-content !important;
	max-width: 90vw !important;
}

body.admin-bar #wpc-toast-container,
body.admin-bar #wpp-toast-container {
	top: calc(var(--wp-admin--admin-bar--height, 32px) + 80px) !important;
}

.wpc-toast,
.wpp-toast {
	border-radius: 30px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	font-family: var(--wpc-font-family, inherit) !important;
	box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.6) !important;
	padding: 12px 20px !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	pointer-events: auto !important;
	text-align: center !important;
}

/* ── Divine Shringar Highlights Bento Grid ──────────────── */
.wpp-bento-highlights,
.wpp-craftsmanship-card {
	background: #FFFDF9;
	border: 1px solid #EEDFC8;
	border-left: 3.5px solid var(--brand-color-secondary, #d97706);
	border-radius: 10px;
	padding: 12px 14px;
	margin-bottom: 14px;
	box-shadow: 0 2px 8px rgba(217, 119, 6, 0.04);
}

.wpp-bento-highlights__header,
.wpp-craftsmanship-card__header {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	padding-bottom: 6px;
	border-bottom: 1px dashed rgba(212, 175, 55, 0.25);
}

.wpp-bento-highlights__badge,
.wpp-craftsmanship-card__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--brand-font-family, var(--wpc-font-heading, inherit));
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: #8B1A1A;
}

.wpp-bento-highlights__badge svg,
.wpp-craftsmanship-card__badge svg {
	color: var(--brand-color-secondary, #d97706);
}

.wpp-bento-highlights__grid,
.wpp-craftsmanship-card__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px 14px;
}

@media (max-width: 640px) {

	.wpp-bento-highlights__grid,
	.wpp-craftsmanship-card__grid {
		grid-template-columns: 1fr;
		gap: 6px;
	}
}

.wpp-bento-highlights__item,
.wpp-craftsmanship-card__item {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 12px;
	line-height: 1.35;
}

.wpp-bento-highlights__icon,
.wpp-craftsmanship-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--brand-color-secondary, #d97706);
	flex-shrink: 0;
	margin-top: 1px;
}

.wpp-bento-highlights__icon svg,
.wpp-craftsmanship-card__icon svg {
	width: 15px;
	height: 15px;
	stroke: var(--brand-color-secondary, #d97706);
	display: block;
}

.wpp-bento-highlights__detail,
.wpp-craftsmanship-card__detail {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.wpp-bento-highlights__label,
.wpp-craftsmanship-card__label {
	font-weight: 600;
	color: var(--wpc-text-secondary, #6b7280);
}

.wpp-bento-highlights__value,
.wpp-craftsmanship-card__value {
	font-weight: 600;
	color: var(--wpc-text-primary, #1a1615);
}

.wpp-bento-highlights__item--diameter .wpp-bento-highlights__value,
.wpp-craftsmanship-card__item--diameter .wpp-craftsmanship-card__value {
	color: var(--brand-color-accent, #b45309);
	font-weight: 700;
}

.wpp-bento-highlights__fallback,
.wpp-craftsmanship-card__fallback {
	font-size: 13px;
	line-height: 1.5;
	color: #4b5563;
}

/* ── Diameter Badge & Size Guide Button ───────────────── */
.wpp-variants__diameter-badge {
	font-size: 11.5px !important;
	font-weight: 600 !important;
	color: var(--brand-color-accent, #92400e) !important;
	background: var(--brand-color-warning-light, #fef3c7) !important;
	padding: 2px 8px !important;
	border-radius: 12px !important;
	border: 1px solid var(--brand-color-warning-border, #fde68a) !important;
	margin-left: 6px !important;
	display: inline-block !important;
	vertical-align: middle !important;
	letter-spacing: 0.2px !important;
}

.wpp-variants__size-guide-btn {
	background: transparent !important;
	border: 1px solid var(--brand-color-border-warm, #e8dfd5) !important;
	border-radius: var(--wpc-radius-sm, 8px) !important;
	padding: 3px 10px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	font-family: var(--wpc-font-heading, inherit) !important;
	color: var(--brand-color-secondary, #d97706) !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: all 0.15s ease !important;
}

.wpp-variants__size-guide-btn:hover {
	background: var(--brand-color-bg-secondary, var(--brand-color-warning-light, #fef3c7)) !important;
	border-color: var(--brand-color-secondary, #d97706) !important;
	color: var(--brand-color-secondary, #d97706) !important;
}

[data-theme="dark"] .wpp-variants__size-guide-btn {
	border-color: var(--wpc-border, rgba(255, 255, 255, 0.14)) !important;
}

[data-theme="dark"] .wpp-variants__size-guide-btn:hover {
	background: var(--wpc-surface-2, #2d2d2d) !important;
	border-color: var(--brand-color-secondary, #d97706) !important;
}

/* ── Deity Size Guide Modal Table ─────────────────────── */
.wpp-size-guide-modal-content {
	font-family: var(--brand-font-family, var(--wpc-font-body, inherit));
	padding: 4px;
}

.wpp-size-guide-intro {
	font-size: 13px;
	color: var(--brand-color-accent, #78350f);
	margin-bottom: 12px;
	line-height: 1.5;
}

.wpp-size-guide-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--brand-color-warning-border, #fde68a);
	border-radius: 8px;
	margin-bottom: 14px;
	background: var(--brand-color-bg-white, #ffffff);
	box-shadow: 0 1px 3px rgba(217, 119, 6, 0.05);
}

.wpp-size-guide-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12.5px;
	text-align: left;
}

.wpp-size-guide-table th {
	background: var(--brand-color-warning-bg, #fffbeb);
	color: var(--brand-color-accent, #92400e);
	font-weight: 700;
	padding: 9px 12px;
	border-bottom: 1.5px solid var(--brand-color-warning-border, #fde68a);
	white-space: nowrap !important;
	font-size: 11.5px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.wpp-size-guide-table td {
	padding: 9px 12px;
	border-bottom: 1px solid var(--brand-color-warning-light, #fef3c7);
	color: #451a03;
	white-space: nowrap !important;
}

.wpp-size-guide-table tr:last-child td {
	border-bottom: none;
}

.wpp-size-guide-table tr.wpp-sg-row--popular {
	background: #fff8e6;
}

.wpp-sg-pill {
	display: inline-block !important;
	font-weight: 700;
	background: var(--brand-color-warning-light, #fef3c7);
	color: var(--brand-color-accent, #92400e);
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 11.5px;
	white-space: nowrap !important;
	text-align: center !important;
	border: 1px solid var(--brand-color-warning-border, #fde68a);
}

.wpp-sg-pill.is-popular {
	background: var(--brand-color-secondary, #d97706);
	color: var(--brand-color-text-light, #ffffff);
	border-color: var(--brand-color-accent, #b45309);
	box-shadow: 0 1px 2px rgba(217, 119, 6, 0.2);
}

.wpp-sg-diam {
	color: var(--brand-color-accent, #b45309);
	white-space: nowrap !important;
}

.wpp-sg-select-size-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	background: var(--brand-color-secondary, #d97706) !important;
	color: #ffffff !important;
	border: 1px solid var(--brand-color-secondary, #d97706) !important;
	border-radius: 6px !important;
	padding: 5px 10px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
	white-space: nowrap !important;
}

.wpp-sg-select-size-btn:hover {
	background: #b45309 !important;
	border-color: #b45309 !important;
	box-shadow: 0 2px 6px rgba(217, 119, 6, 0.35) !important;
	transform: translateY(-1px) !important;
}

.wpp-sg-select-size-btn:active {
	transform: translateY(0) !important;
}

.wpp-size-guide-tip {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	background: var(--brand-color-warning-bg, #fffbeb);
	border: 1px solid var(--brand-color-warning-border, #fde68a);
	padding: 10px 12px;
	border-radius: 8px;
	font-size: 12px;
	line-height: 1.45;
	color: var(--brand-color-accent, #78350f);
}

.wpp-size-guide-tip__icon {
	font-size: 16px;
	flex-shrink: 0;
}

/* ── Responsive mobile size guide modal ────────────────── */
@media (max-width: 640px) {
	.wpp-size-chart-modal {
		padding: 8px !important;
		align-items: center !important;
	}

	.wpp-size-chart__modal {
		max-height: 88dvh !important;
		width: 100% !important;
		border-radius: 12px !important;
		border: 1px solid var(--brand-color-warning-border, #fde68a) !important;
	}

	.wpp-size-chart__inner {
		border-radius: 12px !important;
	}

	.wpp-size-chart__header {
		padding: 10px 14px !important;
		border-bottom: 1px solid var(--brand-color-warning-light, #fef3c7) !important;
	}

	.wpp-size-chart__title {
		font-size: 13.5px !important;
		color: var(--brand-color-accent, #78350f) !important;
	}

	.wpp-size-chart__content {
		max-height: calc(88dvh - 52px) !important;
		padding: 10px 10px !important;
	}

	.wpp-size-guide-intro {
		font-size: 11.5px !important;
		margin-bottom: 8px !important;
		line-height: 1.4 !important;
	}

	.wpp-size-guide-table-wrap {
		margin-bottom: 10px !important;
		border-color: var(--brand-color-warning-border, #fde68a) !important;
	}

	.wpp-size-guide-table {
		width: 100% !important;
		font-size: 11px !important;
	}

	.wpp-size-guide-table th {
		padding: 6px 5px !important;
		font-size: 10px !important;
		background: var(--brand-color-warning-bg, #fffbeb) !important;
		border-bottom: 1px solid var(--brand-color-warning-border, #fde68a) !important;
		color: var(--brand-color-accent, #92400e) !important;
		white-space: nowrap !important;
	}

	.wpp-size-guide-table td {
		padding: 6px 5px !important;
		font-size: 10.5px !important;
		border-bottom: 1px solid var(--brand-color-warning-light, #fef3c7) !important;
		color: #451a03 !important;
		white-space: nowrap !important;
	}

	.wpp-size-guide-table th.wpp-sg-col-fit,
	.wpp-size-guide-table td.wpp-sg-col-fit {
		font-size: 10.5px !important;
		white-space: nowrap !important;
	}

	.wpp-sg-pill {
		padding: 2px 5px !important;
		font-size: 10px !important;
		white-space: nowrap !important;
		border-color: var(--brand-color-warning-border, #fde68a) !important;
	}

	.wpp-size-guide-tip {
		padding: 7px 9px !important;
		font-size: 10.5px !important;
		margin-top: 6px !important;
		border-color: var(--brand-color-warning-border, #fde68a) !important;
		background: var(--brand-color-warning-bg, #fffbeb) !important;
		color: var(--brand-color-accent, #78350f) !important;
	}

	.wpp-size-guide-tip__icon {
		font-size: 14px !important;
	}
}

/* ── Interactive Pincode Delivery Estimator & Delivery Strip ── */
.wpp-delivery-section {
	margin: 14px 0 !important;
	display: flex;
	flex-direction: column;
	gap: 10px !important;
	background: #FFFDF9;
	border: 1px solid #EEDFC8;
	border-radius: 10px;
	padding: 14px 16px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.wpp-delivery-section .wpp-pincode-card {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.wpp-delivery-section .wpp-delivery-strip {
	background: transparent !important;
	border: none !important;
	border-top: 1px dashed rgba(212, 175, 55, 0.25) !important;
	border-radius: 0 !important;
	padding: 10px 0 0 !important;
	box-shadow: none !important;
	gap: 8px !important;
}

.wpp-delivery-section .wpp-delivery-strip__item {
	font-size: 11.5px;
	font-weight: 600;
	color: #4A403A;
	gap: 8px;
}

.wpp-delivery-section .wpp-delivery-strip__icon {
	width: 26px;
	height: 26px;
	background: #FDF4E7;
	color: #8B1A1A;
	box-shadow: none;
	border: 1px solid rgba(212, 175, 55, 0.2);
}

.wpp-pincode-card__header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	color: var(--wpc-text-primary, #1a1a1a);
}

.wpp-pincode-card__icon {
	color: var(--brand-color-primary, #8b1a1a);
	display: flex;
	align-items: center;
}

.wpp-pincode-card__title {
	font-family: var(--wpc-font-heading, inherit);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	color: #2b2b2b;
}

.wpp-pincode-card__input-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}

.wpp-pincode-card__input {
	flex: 1;
	height: 42px;
	padding: 0 14px;
	border: 1px solid var(--brand-color-border-warm, #e8dfd5) !important;
	border-radius: var(--wpc-radius-sm, 8px) !important;
	font-family: var(--wpc-font-body, inherit);
	font-size: 16px !important;
	color: var(--wpc-text-primary, #1a1a1a);
	background: var(--brand-color-bg-white, #ffffff) !important;
	outline: none !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wpp-pincode-card__input:focus,
.wpp-pincode-card__input:focus-visible {
	border-color: var(--brand-color-secondary, #d97706) !important;
	box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15) !important;
	outline: none !important;
	background: var(--brand-color-bg-white, #ffffff) !important;
}

.wpp-pincode-card__btn {
	height: 42px;
	padding: 0 20px;
	background: var(--brand-color-secondary, #d97706) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	border: none !important;
	border-radius: 8px !important;
	font-family: var(--wpc-font-heading, inherit);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
	box-shadow: 0 2px 6px rgba(217, 119, 6, 0.2);
}

.wpp-pincode-card__btn:hover {
	background: var(--brand-color-accent, #b45309) !important;
	color: var(--brand-color-text-light, #ffffff) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(217, 119, 6, 0.3);
}

.wpp-pincode-card__btn:focus-visible {
	outline: var(--wpc-focus-ring-width, 2px) solid var(--wpc-accent) !important;
	outline-offset: 2px !important;
}

.wpp-pincode-error {
	margin-top: 10px;
	font-size: 12px;
	color: var(--brand-color-error, #dc2626);
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 500;
}

.wpp-pincode-success {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.wpp-pincode-success__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
	color: #4b5563;
	border-bottom: 1px dashed var(--wpc-border, #e5e7eb);
	padding-bottom: 8px;
}

.wpp-pincode-success__pin strong {
	color: var(--wpc-text-primary, #111827);
}

.wpp-pincode-change-btn {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	color: var(--brand-color-primary, #8b1a1a) !important;
	font-size: 12.5px;
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
	padding: 2px 4px !important;
	border-radius: 4px;
	transition: color 0.15s ease;
	outline: none !important;
	box-shadow: none !important;
}

.wpp-pincode-change-btn:hover,
.wpp-pincode-change-btn:focus:not(:focus-visible),
.wpp-pincode-change-btn:active {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--brand-color-secondary, #d97706) !important;
	text-decoration: underline !important;
	outline: none !important;
	box-shadow: none !important;
}

.wpp-pincode-change-btn:focus-visible {
	outline: var(--wpc-focus-ring-width, 2px) solid var(--wpc-accent) !important;
	outline-offset: 2px !important;
}

.wpp-pincode-success__eta {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: #065f46;
	font-weight: 500;
}

.wpp-pincode-eta-icon {
	font-size: 16px;
}

.wpp-pincode-eta-text strong {
	color: #047857;
	font-weight: 700;
}

.wpp-pincode-success__perks {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	font-size: 12px;
	color: #4b5563;
	margin-top: 2px;
}

.wpp-pincode-perk {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

/* ══════════════════════════════════════════════════════════
 * COMPLETE THE SHRINGAR (FREQUENTLY BOUGHT TOGETHER)
 * ══════════════════════════════════════════════════════════ */
.wpp-shringar-bundle {
	background: var(--brand-color-surface, var(--wpc-surface-2, #fffdfa));
	border: 1.5px solid var(--brand-color-border-warm, #f0e6da);
	border-radius: 14px;
	padding: 24px;
	margin: 32px 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.wpp-bundle__header {
	margin-bottom: 20px;
}

.wpp-bundle__badge {
	display: inline-block;
	background: var(--brand-color-warning-light, #fef3c7);
	color: var(--brand-color-accent, #92400e);
	font-family: var(--wpc-font-heading, inherit);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.8px;
	padding: 3px 10px;
	border-radius: 20px;
	margin-bottom: 6px;
	border: 1px solid var(--brand-color-warning-border, #fde68a);
}

.wpp-bundle__heading {
	font-family: var(--wpc-font-heading, inherit);
	font-size: 20px;
	font-weight: 700;
	color: var(--wpc-text-primary, #1a1a1a);
	margin: 0 0 4px 0;
}

.wpp-bundle__subheading {
	font-size: 13px;
	color: var(--wpc-text-secondary, #6b7280);
	margin: 0;
}

.wpp-bundle__content {
	display: grid;
	grid-template-columns: 1fr 280px;
	gap: 24px;
	align-items: center;
}

@media (max-width: 991px) {
	.wpp-bundle__content {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

.wpp-bundle__cards {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.wpp-bundle__card {
	flex: 1 1 180px;
	max-width: 220px;
	min-width: 160px;
	background: var(--brand-color-bg-white, #ffffff);
	border: 1.5px solid var(--wpc-border, #e5e7eb);
	border-radius: 10px;
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	transition: all 0.2s ease;
	position: relative;
}

.wpp-bundle__card.is-checked {
	border-color: var(--brand-color-secondary, #d97706);
	background: var(--brand-color-surface, var(--wpc-surface-2, #fffdfa));
	box-shadow: 0 2px 8px rgba(217, 119, 6, 0.08);
}

.wpp-bundle__card-img {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 6px;
	overflow: hidden;
	background: var(--wpc-surface-subtle, #f9fafb);
}

.wpp-bundle__card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.wpp-bundle__tag {
	position: absolute;
	top: 6px;
	left: 6px;
	background: rgba(122, 16, 16, 0.9);
	color: var(--brand-color-text-light, #ffffff);
	font-size: 10px;
	font-weight: 700;
	padding: 2px 7px;
	border-radius: 4px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}

.wpp-bundle__card-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.wpp-bundle__label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	cursor: pointer;
	margin: 0;
}

.wpp-bundle__check-input {
	margin-top: 3px;
	accent-color: var(--brand-color-secondary, #d97706);
	width: 24px;
	height: 24px;
	cursor: pointer;
	flex-shrink: 0;
}

.wpp-bundle__name {
	font-size: 12.5px;
	font-weight: 600;
	color: var(--wpc-text-primary, #1f2937);
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-decoration: none;
}

.wpp-bundle__name:hover {
	color: var(--brand-color-secondary, #d97706);
}

.wpp-bundle__price {
	font-size: 14px;
	font-weight: 700;
	color: var(--brand-color-primary, #8b1a1a);
	margin-left: 24px;
}

.wpp-bundle__price del {
	color: var(--wpc-text-muted, #9ca3af);
	font-weight: 400;
	font-size: 12px;
	margin-right: 4px;
}

.wpp-bundle__price ins {
	text-decoration: none;
}

.wpp-bundle__plus-icon {
	font-size: 22px;
	font-weight: 700;
	color: var(--wpc-text-muted, #9ca3af);
	user-select: none;
}

/* Action / Total card */
.wpp-bundle__action-card {
	background: var(--brand-color-bg-white, #ffffff);
	border: 1.5px solid #e8dfd5;
	border-radius: 12px;
	padding: 14px 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.wpp-bundle__pricing {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wpp-bundle__total-label {
	font-size: 12px;
	color: var(--wpc-text-secondary, #6b7280);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 600;
}

.wpp-bundle__prices {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.wpp-bundle__regular-total {
	font-size: 14px;
	color: var(--wpc-text-muted, #9ca3af);
	text-decoration: line-through;
}

.wpp-bundle__total {
	font-family: var(--wpc-font-heading, inherit);
	font-size: 20px;
	font-weight: 800;
	color: var(--brand-color-secondary, #d97706);
}

.wpp-bundle__save-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: var(--brand-color-success-light, #ecfdf5);
	border: 1px solid var(--brand-color-success-border, #a7f3d0);
	color: #047857;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 7px;
	border-radius: 6px;
	align-self: center;
}

.wpp-btn.wpp-bundle__atc {
	width: 100%;
	height: 46px;
	background: linear-gradient(135deg, var(--brand-color-secondary, #d97706) 0%, #b45309 100%);
	color: #ffffff;
	border: none;
	border-radius: 8px;
	font-family: var(--wpc-font-heading, inherit);
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0 4px 12px rgba(217, 119, 6, 0.28);
	transition: all 0.2s ease;
}

.wpp-btn.wpp-bundle__atc:hover {
	background: linear-gradient(135deg, #b45309 0%, #92400e 100%);
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(217, 119, 6, 0.38);
}

.wpp-btn.wpp-bundle__atc:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	transform: none;
}

.wpp-bundle__trust-note {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 11.5px;
	color: var(--wpc-text-secondary, #6b7280);
}

/* Mobile horizontal swipe cards for bundles */
@media (max-width: 767px) {
	.wpp-bundle__cards {
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		padding-bottom: 8px;
		gap: 8px;
	}

	.wpp-bundle__card {
		flex: 0 0 145px !important;
		min-width: 145px !important;
		max-width: 145px !important;
		scroll-snap-align: start;
		padding: 8px !important;
	}

	.wpp-bundle__plus-icon {
		font-size: 16px;
		flex-shrink: 0;
	}

	.wpp-bundle__name {
		font-size: 11.5px !important;
	}

	.wpp-bundle__price {
		font-size: 12.5px !important;
		margin-left: 0 !important;
	}

	.wpp-bundle__action-card {
		padding: 12px 14px !important;
	}
}

/* ── W2-002: Inline Deity Size & Price Confirmation Card (Compact 2-Row) ── */
.wpp-size-confirm {
	margin-top: 8px;
	margin-bottom: 6px;
}

.wpp-size-confirm__inner {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 8px 12px;
	background: #FFFDF8;
	background: var(--brand-color-surface, #fffdfa);
	border: 1px solid var(--brand-color-border-warm, #eedfc8);
	border-left: 3.5px solid var(--brand-color-secondary, #d97706);
	border-radius: 9px;
	box-shadow: 0 1px 4px rgba(217, 119, 6, 0.04);
	box-sizing: border-box;
}

.wpp-size-confirm__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	width: 100%;
}

.wpp-size-confirm__row--top {
	flex-wrap: nowrap;
}

.wpp-size-confirm__pills {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 5px;
	flex: 1;
	min-width: 0;
}

.wpp-fit-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 9999px;
	font-size: 11.5px;
	line-height: 1.3;
	box-sizing: border-box;
	white-space: nowrap;
}

.wpp-fit-pill__icon {
	font-size: 11.5px;
	line-height: 1;
	flex-shrink: 0;
}

.wpp-fit-pill--height {
	background: #fdf8f0;
	border: 1px solid #f0d8b5;
	color: #374151;
}

.wpp-fit-pill--height strong {
	color: var(--brand-color-primary, #8b1a1a);
	font-weight: 700;
}

.wpp-fit-pill--flare {
	background: #fef9ed;
	border: 1px solid #eedfc8;
	color: #854d0e;
}

.wpp-fit-pill--flare strong {
	color: #713f12;
	font-weight: 700;
}

.wpp-fit-pill__deity-tag {
	color: #6b7280;
	font-size: 11px;
	font-weight: 500;
	white-space: nowrap;
}

.wpp-size-confirm__guide-btn,
.wpp-size-confirm__link {
	color: var(--brand-color-secondary, #d97706) !important;
	font-weight: 700;
	font-size: 11.5px;
	text-decoration: none !important;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	min-height: 22px;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	cursor: pointer;
	font-family: inherit;
	margin-left: auto;
	flex-shrink: 0;
	transition: color 0.15s ease;
	-webkit-tap-highlight-color: transparent !important;
	outline: none !important;
	box-shadow: none !important;
}

.wpp-guide-btn-text-short {
	display: none;
}

.wpp-guide-btn-text-full {
	display: inline;
}

@media (max-width: 600px) {
	.wpp-guide-btn-text-full {
		display: none;
	}

	.wpp-guide-btn-text-short {
		display: inline;
	}
}

.wpp-size-confirm__guide-btn:focus,
.wpp-size-confirm__guide-btn:active,
.wpp-size-confirm__guide-btn:focus-visible,
.wpp-size-confirm__guide-btn:hover,
.wpp-size-confirm__link:focus,
.wpp-size-confirm__link:active,
.wpp-size-confirm__link:focus-visible,
.wpp-size-confirm__link:hover {
	color: var(--brand-color-secondary, #d97706) !important;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent !important;
}

.wpp-size-confirm__guide-btn:hover,
.wpp-size-confirm__link:hover {
	color: var(--brand-color-primary, #8b1a1a) !important;
	text-decoration: underline !important;
}

.wpp-action-buttons-row .wpp-btn--whatsapp-order .wpp-btn-main-label,
.wpp-action-buttons-row .wpp-btn--whatsapp .wpp-btn-main-label,
.wpp-btn--whatsapp-order .wpp-btn-main-label,
.wpp-btn--whatsapp .wpp-btn-main-label {
	font-size: clamp(12px, 3.2vw, 13px) !important;
	font-weight: 700 !important;
	letter-spacing: 0.3px !important;
	white-space: nowrap !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	line-height: 1 !important;
}

.wpp-size-confirm__row--bottom {
	padding-top: 5px;
	border-top: 1px dashed rgba(217, 119, 6, 0.2);
	justify-content: flex-start;
}

.wpp-size-confirm__price-box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 12px;
}

.wpp-size-confirm__price-label {
	color: #6b7280;
	font-size: 11.5px;
	font-weight: 500;
}

.wpp-size-confirm__price-val {
	color: #111827;
	font-weight: 800;
	font-size: 13.5px;
}

.wpp-size-confirm__price-mrp {
	color: #9ca3af;
	font-size: 11.5px;
	text-decoration: line-through;
}

.wpp-size-confirm__save-pill {
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #047857;
	font-weight: 700;
	font-size: 10.5px;
	padding: 1px 7px;
	border-radius: 9999px;
	letter-spacing: 0.01em;
}

.wpp-sg-full-guide-link {
	color: var(--brand-color-primary, #8b1a1a);
	font-weight: 700;
	text-decoration: underline;
	margin-left: 6px;
	display: inline-block;
}

.wpp-sg-full-guide-link:hover {
	color: var(--brand-color-secondary, #d97706);
}

/* -----------------------------------------------------------------------
 * PS-003 — PDP Purchase Confidence & Devotee Assurance
 * --------------------------------------------------------------------- */
.wpp-purchase-confidence {
	margin-top: 14px;
	padding: 14px 16px;
	background: var(--brand-color-secondary-surface, var(--wpc-surface-2, #fffdf8));
	border: 1px solid var(--brand-color-border-warm, #eedfc8);
	border-left: 3.5px solid var(--brand-color-secondary, #d97706);
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.wpp-purchase-confidence__header {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 10px;
}

.wpp-purchase-confidence__badge-icon {
	font-size: 14px;
}

.wpp-purchase-confidence__badge-text {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--brand-color-primary, #8b1a1a);
}

.wpp-purchase-confidence__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.wpp-purchase-confidence__item {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 12.5px;
	line-height: 1.45;
	color: var(--wpc-text-secondary, #374151);
}

.wpp-purchase-confidence__icon {
	font-size: 14px;
	flex-shrink: 0;
	margin-top: 1px;
}

.wpp-purchase-confidence__content strong {
	color: var(--brand-color-text-primary, var(--wpc-text-primary, #1a1a1a));
	font-weight: 600;
}

.wpp-purchase-confidence__content span {
	color: var(--brand-color-text-muted, var(--wpc-text-secondary, #555555));
}

.wpp-purchase-confidence__content a {
	color: var(--brand-color-secondary, #d97706);
	font-weight: 600;
	text-decoration: underline;
}

.wpp-purchase-confidence__content a:hover {
	color: var(--brand-color-primary, #8b1a1a);
}

/* Dark Mode */
[data-theme="dark"] .wpp-purchase-confidence {
	background: var(--wpc-surface-2, #1b1b1b);
	border-color: var(--wpc-border, rgba(255, 255, 255, 0.12));
}

[data-theme="dark"] .wpp-purchase-confidence__badge-text {
	color: var(--wpc-accent, #d4af37);
}

[data-theme="dark"] .wpp-purchase-confidence__content strong {
	color: var(--wpc-on-surface, var(--wpc-surface-subtle, #f5f5f5));
}

[data-theme="dark"] .wpp-purchase-confidence__content span {
	color: var(--wpc-on-surface-subtle, #a0a0a0);
}

/* ── WCAG 2.5.8 — Minimum touch-target height (≥24px) ─────── */
.wpp-view-coupons-link {
	min-height: 24px;
}

.wpp-size-confirm__link {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 0;
}

/* ═══════════════════════════════════════════════════════════════════
 * WORLD-CLASS D2C PDP UPGRADE (UPI Offer, Fabric Assurance, Size Finder)
 * ═══════════════════════════════════════════════════════════════════ */

/* ── 1. Instant UPI & Bank Offer Card ────────────────────────────── */
.wpp-upi-offer-card {
	background: linear-gradient(135deg, #FFFDF9 0%, #F4FBF6 100%);
	border: 1px solid #D1FAE5;
	border-radius: 10px;
	padding: 11px 14px;
	margin: 10px 0 14px;
	position: relative;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wpp-upi-offer-card:hover {
	border-color: #10B981;
	box-shadow: 0 3px 12px rgba(16, 185, 129, 0.08);
}

.wpp-upi-offer-card__badge-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}

.wpp-upi-offer-card__tag {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #15803d;
	background: #dcfce7;
	padding: 2px 8px;
	border-radius: 12px;
}

.wpp-upi-offer-card__body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.wpp-upi-offer-card__headline {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: #14532d;
	line-height: 1.35;
}

.wpp-upi-offer-card__subtext {
	margin: 2px 0 0;
	font-size: 11px;
	color: #166534;
	opacity: 0.85;
}

.wpp-upi-copy-btn {
	background: #15803d;
	color: #ffffff;
	border: 1px solid #166534;
	border-radius: 6px;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
	transition: background 0.18s, transform 0.1s;
	font-family: inherit;
}

.wpp-upi-copy-btn:hover {
	background: #166534;
	transform: translateY(-1px);
}

.wpp-upi-copy-btn:active {
	transform: scale(0.97);
}

.wpp-upi-copy-btn.is-copied {
	background: #047857 !important;
	border-color: #065f46 !important;
}

/* ── UPI Micro-Banner (Compact 1-Line Offer & 1-Tap Copy) ── */
.wpp-upi-micro-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	background: linear-gradient(135deg, #F0FDF4 0%, #ECFDF5 100%);
	border: 1px solid #A7F3D0;
	border-radius: 8px;
	padding: 7px 12px;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wpp-upi-micro-banner:hover {
	border-color: #10B981;
	box-shadow: 0 2px 8px rgba(16, 185, 129, 0.12);
}

.wpp-upi-micro-banner__content {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	flex: 1;
}

.wpp-upi-micro-banner__sparkle {
	font-size: 14px;
	line-height: 1;
	flex-shrink: 0;
}

.wpp-upi-micro-banner__info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 3px 5px;
	font-size: 12px;
	line-height: 1.3;
	min-width: 0;
}

@media (max-width: 600px) {
	.wpp-upi-micro-banner {
		padding: 6px 10px;
	}

	.wpp-upi-micro-banner__info {
		flex-wrap: nowrap;
		font-size: 11px;
	}

	.wpp-upi-micro-banner__text {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 160px;
	}

	.wpp-upi-micro-banner__sep,
	.wpp-upi-micro-banner__badge {
		flex-shrink: 0;
	}
}

.wpp-upi-micro-banner__text {
	font-weight: 700;
	color: #14532D;
}

.wpp-upi-micro-banner__sep {
	color: #10B981;
	font-size: 10px;
	opacity: 0.6;
}

.wpp-upi-micro-banner__code-wrap {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.wpp-upi-micro-banner__code-label {
	font-size: 11px;
	color: #166534;
	font-weight: 500;
}

.wpp-upi-micro-banner__code {
	background: #DCFCE7;
	border: 1px dashed #16A34A;
	border-radius: 4px;
	padding: 1px 6px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-weight: 700;
	font-size: 11.5px;
	color: #14532D;
	letter-spacing: 0.04em;
}

.wpp-upi-micro-banner__btn {
	background: #047857 !important;
	color: #ffffff !important;
	border: 1px solid #065F46 !important;
	border-radius: 999px !important;
	padding: 4px 10px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	cursor: default !important;
	flex-shrink: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	line-height: 1.2 !important;
	width: auto !important;
	box-shadow: 0 1px 3px rgba(4, 120, 87, 0.25) !important;
	transition: all 0.15s ease !important;
}

.wpp-upi-micro-banner__btn svg {
	width: 12px !important;
	height: 12px !important;
	flex-shrink: 0 !important;
	stroke: #ffffff !important;
}

.wpp-upi-micro-banner__btn:hover {
	background: #065F46 !important;
	border-color: #064E3B !important;
	color: #ffffff !important;
}

.wpp-upi-micro-banner__btn.is-copied {
	background: #064E3B !important;
	border-color: #022c22 !important;
	color: #ffffff !important;
}

[data-theme="dark"] .wpp-upi-micro-banner {
	background: rgba(6, 78, 59, 0.2);
	border-color: #065f46;
}

[data-theme="dark"] .wpp-upi-micro-banner:hover {
	border-color: #059669;
}

[data-theme="dark"] .wpp-upi-micro-banner__text {
	color: #6ee7b7;
}

[data-theme="dark"] .wpp-upi-micro-banner__btn {
	background: #047857 !important;
	border-color: #065F46 !important;
	color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════════════
 * ZERO-CLICK SPEC MATRIX (Sacred Shringar Specifications - 4 Blocks)
 * ═══════════════════════════════════════════════════════════════════ */
.wpp-spec-matrix {
	background: linear-gradient(135deg, #FFFDF9 0%, #FDFBF7 100%) !important;
	border: 1px solid #EEDFC8 !important;
	border-left: 3.5px solid var(--brand-color-secondary, #d97706) !important;
	border-radius: 12px !important;
	padding: 14px 16px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	box-shadow: 0 2px 8px rgba(139, 26, 26, 0.03) !important;
	transition: border-color 0.2s ease !important;
	width: 100% !important;
}

.wpp-spec-matrix:hover {
	border-color: #D4AF37 !important;
}

.wpp-spec-matrix__header {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-bottom: 12px !important;
	padding-bottom: 8px !important;
	border-bottom: 1px solid #F4E8D6 !important;
}

.wpp-spec-matrix__badge-icon {
	font-size: 14px !important;
	line-height: 1 !important;
	color: #D4AF37 !important;
}

.wpp-spec-matrix__badge-title {
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: #8B1A1A !important;
	line-height: 1.2 !important;
}

.wpp-spec-matrix__grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 10px 14px !important;
}

@media (max-width: 480px) {
	.wpp-spec-matrix__grid {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}
}

.wpp-spec-pill {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	transition: none !important;
}

.wpp-spec-pill:hover {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

.wpp-spec-pill__icon {
	font-size: 16px !important;
	line-height: 1.2 !important;
	flex-shrink: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.wpp-spec-pill__icon svg {
	width: 16px !important;
	height: 16px !important;
	fill: #8B1A1A !important;
}

.wpp-spec-pill__text {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

.wpp-spec-pill__label {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #2D1A16 !important;
	line-height: 1.3 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

.wpp-spec-pill__value {
	font-size: 11px !important;
	font-weight: 400 !important;
	color: #6B584D !important;
	line-height: 1.35 !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
}

[data-theme="dark"] .wpp-spec-matrix {
	background: #1c1917 !important;
	border-color: #292524 !important;
}

[data-theme="dark"] .wpp-spec-matrix__header {
	border-bottom-color: #292524 !important;
}

[data-theme="dark"] .wpp-spec-matrix__badge-title {
	color: #f59e0b !important;
}

[data-theme="dark"] .wpp-spec-pill__label {
	color: #fafaf9 !important;
}

[data-theme="dark"] .wpp-spec-pill__value {
	color: #a8a29e !important;
}

/* ═══════════════════════════════════════════════════════════════════
 * DEVOTEE ASSURANCE RIBBON (Consolidated Trust & Delivery Guarantee)
 * ═══════════════════════════════════════════════════════════════════ */
.wpp-assurance-ribbon {
	background: linear-gradient(135deg, #FFFDF9 0%, #FDFBF7 100%);
	border: 1px solid #EEDFC8;
	border-left: 3.5px solid var(--brand-color-secondary, #d97706);
	border-radius: 12px;
	padding: 14px 16px;
	margin: 0 !important;
	box-sizing: border-box;
	box-shadow: 0 2px 8px rgba(139, 26, 26, 0.03);
	transition: border-color 0.2s ease;
}

.wpp-assurance-ribbon:hover {
	border-color: #D4AF37;
}

.wpp-assurance-ribbon__header {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #F4E8D6;
}

.wpp-assurance-ribbon__badge-icon {
	font-size: 14px;
	line-height: 1;
}

.wpp-assurance-ribbon__badge-title {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8B1A1A;
	line-height: 1.2;
}

.wpp-assurance-ribbon__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px 14px;
}

@media (max-width: 480px) {
	.wpp-assurance-ribbon__grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

.wpp-assurance-item {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.wpp-assurance-item__icon {
	font-size: 16px;
	line-height: 1.2;
	flex-shrink: 0;
}

.wpp-assurance-item__content {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.wpp-assurance-item__title {
	font-size: 12px;
	font-weight: 700;
	color: #2D1A16;
	line-height: 1.3;
}

.wpp-assurance-item__desc {
	font-size: 11px;
	color: #6B584D;
	line-height: 1.35;
}

.wpp-assurance-ribbon__pincode {
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px dashed #EEDFC8;
}

.wpp-assurance-ribbon__pincode .wpp-pincode-estimator {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
}

[data-theme="dark"] .wpp-assurance-ribbon {
	background: #1c1917;
	border-color: #292524;
}

[data-theme="dark"] .wpp-assurance-ribbon__header {
	border-bottom-color: #292524;
}

[data-theme="dark"] .wpp-assurance-ribbon__badge-title {
	color: #f59e0b;
}

[data-theme="dark"] .wpp-assurance-item__title {
	color: #fafaf9;
}

[data-theme="dark"] .wpp-assurance-item__desc {
	color: #a8a29e;
}

[data-theme="dark"] .wpp-assurance-ribbon__pincode {
	border-top-color: #292524;
}

/* ── 2. Live Social Proof & Cart Scarcity Pill ─────────────────── */
.wpp-social-proof-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
	padding: 4px 10px;
	border-radius: 20px;
	font-size: 11.5px;
	font-weight: 600;
	margin: 4px 0 8px;
	animation: wppPillFadeIn 0.3s ease-out;
}

.wpp-social-proof-pill__pulse {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ef4444;
	box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
	animation: wppPulseDot 1.8s infinite;
}

@keyframes wppPulseDot {
	0% {
		box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
	}

	70% {
		box-shadow: 0 0 0 6px rgba(239, 68, 68, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
	}
}

@keyframes wppPillFadeIn {
	from {
		opacity: 0;
		transform: translateY(-3px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ── 3. Sacred Fabric & Deity Comfort Assurance (4 Pillars) ─────── */
.wpp-fabric-assurance {
	margin: 16px 0;
	padding: 14px 16px;
	background: linear-gradient(180deg, #FFFDF9 0%, #FEF8EE 100%);
	border: 1px solid #EEDFC8;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(217, 119, 6, 0.03);
}

.wpp-fabric-assurance__header {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px dashed rgba(212, 175, 55, 0.25);
}

.wpp-fabric-assurance__icon {
	font-size: 14px;
}

.wpp-fabric-assurance__title {
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #8B1A1A;
}

.wpp-fabric-assurance__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.wpp-fabric-assurance__card {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(238, 223, 200, 0.7);
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.wpp-fabric-assurance__card:hover {
	transform: translateY(-1px);
	background: #ffffff;
	border-color: #D4AF37;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.wpp-fabric-assurance__card-icon {
	font-size: 18px;
	line-height: 1;
	flex-shrink: 0;
	margin-top: 1px;
}

.wpp-fabric-assurance__card-title {
	margin: 0 0 2px;
	font-size: 12px;
	font-weight: 700;
	color: #2D1A16;
	line-height: 1.3;
}

.wpp-fabric-assurance__card-desc {
	margin: 0;
	font-size: 11px;
	color: #555555;
	line-height: 1.35;
}

/* ── 4. Bal Gopal Size Decision Tool & Modal Tabs ───────────────── */
.wpp-size-guide-tabs {
	display: flex;
	border-bottom: 2px solid var(--brand-color-border-warm, #eedfc8);
	margin-bottom: 16px;
	gap: 4px;
}

.wpp-size-guide-tab {
	background: transparent;
	border: none;
	padding: 10px 16px;
	font-size: 13px;
	font-weight: 600;
	color: var(--brand-color-text-muted, #6b7280);
	cursor: pointer;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: color 0.15s, border-color 0.15s;
	font-family: inherit;
}

.wpp-size-guide-tab:hover {
	color: var(--brand-color-primary, #8b1a1a);
}

.wpp-size-guide-tab.is-active {
	color: var(--brand-color-primary, #8b1a1a);
	border-bottom-color: var(--brand-color-primary, #8b1a1a);
	font-weight: 700;
}

.wpp-size-calc {
	padding: 4px 0 8px;
}

.wpp-size-calc__intro {
	margin-bottom: 14px;
}

.wpp-size-calc__badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #d97706;
	background: #fef3c7;
	padding: 3px 10px;
	border-radius: 12px;
	margin-bottom: 6px;
}

.wpp-size-calc__desc {
	margin: 0;
	font-size: 12.5px;
	color: #4b5563;
	line-height: 1.45;
}

.wpp-size-calc__units {
	display: inline-flex;
	background: #f3f4f6;
	border-radius: 6px;
	padding: 3px;
	gap: 4px;
	margin-bottom: 14px;
}

.wpp-size-calc__unit-btn {
	padding: 5px 12px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	color: #4b5563;
	cursor: pointer;
	user-select: none;
	transition: background 0.15s, color 0.15s;
}

.wpp-size-calc__unit-btn input {
	display: none;
}

.wpp-size-calc__unit-btn.is-active {
	background: #ffffff;
	color: #1f2937;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.wpp-size-calc__slider-box {
	background: #fafaf9;
	border: 1px solid #e7e5e4;
	border-radius: 8px;
	padding: 14px 16px;
	margin-bottom: 16px;
}

.wpp-size-calc__val-display {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.wpp-size-calc__val-label {
	font-size: 13px;
	font-weight: 600;
	color: #1c1917;
}

.wpp-size-calc__val-num {
	font-size: 16px;
	color: #8b1a1a;
	font-weight: 700;
}

.wpp-size-calc__range-wrap {
	position: relative;
	padding-bottom: 18px;
}

.wpp-size-calc__range {
	width: 100%;
	-webkit-appearance: none;
	appearance: none;
	height: 6px;
	background: #e5e7eb;
	border-radius: 3px;
	outline: none;
	cursor: pointer;
}

.wpp-size-calc__range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #8b1a1a;
	border: 2px solid #ffffff;
	box-shadow: 0 2px 6px rgba(139, 26, 26, 0.35);
	cursor: pointer;
	transition: transform 0.1s, box-shadow 0.1s;
}

.wpp-size-calc__range::-webkit-slider-thumb:hover {
	transform: scale(1.15);
	box-shadow: 0 3px 10px rgba(139, 26, 26, 0.5);
}

.wpp-size-calc__range-ticks {
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
	font-size: 11px;
	color: #9ca3af;
	font-weight: 500;
}

.wpp-size-calc__result-card {
	display: flex;
	align-items: center;
	gap: 16px;
	background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
	border: 1px solid #fde68a;
	border-radius: 10px;
	padding: 16px;
}

.wpp-size-calc__silhouette-wrap {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #ffffff;
	border: 1px solid #fef08a;
	border-radius: 8px;
	padding: 10px;
	width: 100px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.wpp-size-calc__sil-badge {
	margin-top: 6px;
	font-size: 11px;
	font-weight: 700;
	color: #92400e;
	background: #fef3c7;
	padding: 2px 6px;
	border-radius: 4px;
}

.wpp-size-calc__recommendation {
	flex: 1;
}

.wpp-size-calc__rec-header {
	margin-bottom: 8px;
}

.wpp-size-calc__rec-tag {
	font-size: 10.5px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #b45309;
}

.wpp-size-calc__rec-size {
	margin: 2px 0 0;
	font-size: 20px;
	font-weight: 800;
	color: #8b1a1a;
	line-height: 1.2;
}

.wpp-size-calc__spec-list {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 12.5px;
	color: #4b5563;
}

.wpp-size-calc__spec-list strong {
	color: #1f2937;
}

.wpp-size-calc__apply-btn {
	background: #8b1a1a;
	color: #ffffff;
	border: none;
	border-radius: 6px;
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	box-shadow: 0 2px 6px rgba(139, 26, 26, 0.25);
	transition: background 0.15s, transform 0.1s;
	font-family: inherit;
}

.wpp-size-calc__apply-btn:hover {
	background: #701414;
	transform: translateY(-1px);
}

.wpp-size-calc__apply-btn:active {
	transform: scale(0.98);
}

/* ── Swatch trigger button enhancement ─────────────────────────── */
.wpp-variants__size-calc-trigger {
	background: #fffbeb !important;
	border: 1px solid #fde68a !important;
	color: #92400e !important;
	font-weight: 700 !important;
	border-radius: 16px !important;
	padding: 3px 10px !important;
	box-shadow: 0 1px 3px rgba(217, 119, 6, 0.08);
	transition: background 0.15s, border-color 0.15s !important;
}

.wpp-variants__size-calc-trigger:hover {
	background: #fef3c7 !important;
	border-color: #f59e0b !important;
	color: #78350f !important;
}

/* ── Dark Mode Adjustments ─────────────────────────────────────── */
[data-theme="dark"] .wpp-upi-offer-card {
	background: #064e3b;
	border-color: #059669;
}

[data-theme="dark"] .wpp-upi-offer-card__tag {
	background: #047857;
	color: #d1fae5;
}

[data-theme="dark"] .wpp-upi-offer-card__headline {
	color: #ecfdf5;
}

[data-theme="dark"] .wpp-upi-offer-card__subtext {
	color: #a7f3d0;
}

[data-theme="dark"] .wpp-fabric-assurance {
	background: #27272a;
	border-color: #3f3f46;
}

[data-theme="dark"] .wpp-fabric-assurance__card {
	background: #18181b;
	border-color: #27272a;
}

[data-theme="dark"] .wpp-fabric-assurance__card-title {
	color: #f4f4f5;
}

[data-theme="dark"] .wpp-fabric-assurance__card-desc {
	color: #a1a1aa;
}

[data-theme="dark"] .wpp-size-calc__slider-box {
	background: #27272a;
	border-color: #3f3f46;
}

[data-theme="dark"] .wpp-size-calc__val-label {
	color: #f4f4f5;
}

[data-theme="dark"] .wpp-size-calc__result-card {
	background: #292524;
	border-color: #44403c;
}

[data-theme="dark"] .wpp-size-calc__silhouette-wrap {
	background: #1c1917;
	border-color: #292524;
}

/* ── Mobile Responsive Refinements ─────────────────────────────── */
@media (max-width: 640px) {
	.wpp-fabric-assurance__grid {
		grid-template-columns: 1fr;
	}

	.wpp-size-calc__result-card {
		flex-direction: column;
		text-align: center;
	}

	.wpp-size-calc__spec-list {
		align-items: center;
	}

	.wpp-upi-offer-card__body {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.wpp-upi-offer-card .wpp-upi-copy-btn {
		width: 100%;
		justify-content: center;
	}
}

/* ── Luxury Accordion & Bento Presentations ─────────────────────── */
.wpp-accordion__trigger-title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: -0.1px;
}

.wpp-accordion__trigger-icon-prefix {
	font-size: 16px;
	line-height: 1;
}

.wpp-accordion__content--editorial {
	font-size: 14.5px;
	line-height: 1.8;
	color: var(--wpc-text-secondary, #4a403a);
}

/* ── 2-Column Bento Specs Grid ── */
.wpp-specs-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin: 8px 0;
}

.wpp-specs-grid__card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 14px;
	background: #FFFDF9;
	border: 1px solid #EEDFC8;
	border-radius: 8px;
	transition: border-color .2s ease, transform .2s ease;
}

.wpp-specs-grid__card:hover {
	border-color: #D4AF37;
	transform: translateY(-1px);
}

.wpp-specs-grid__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 6px;
	background: #FDF4E7;
	color: #8B1A1A;
	flex-shrink: 0;
}

.wpp-specs-grid__info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.wpp-specs-grid__label {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #8C7565;
}

.wpp-specs-grid__value {
	font-size: 13.5px;
	font-weight: 600;
	color: #2D1A16;
	word-break: break-word;
}

/* ── 3-Card Visual Seva Grid ── */
.wpp-care-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin: 8px 0;
}

.wpp-care-grid__card {
	padding: 16px 14px;
	background: #FFFDF9;
	border: 1px solid #EEDFC8;
	border-radius: 8px;
	text-align: left;
	transition: border-color .2s ease;
}

.wpp-care-grid__card:hover {
	border-color: #D4AF37;
}

.wpp-care-grid__icon {
	font-size: 22px;
	display: inline-block;
	margin-bottom: 8px;
}

.wpp-care-grid__title {
	font-size: 13.5px;
	font-weight: 700;
	color: #8B1A1A;
	margin: 0 0 6px 0;
}

.wpp-care-grid__desc {
	font-size: 12.5px;
	line-height: 1.6;
	color: #5C4B40;
	margin: 0;
}

/* ── 3-Step Visual Delivery & Exchange Timeline ── */
.wpp-shipping-flow {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin: 8px 0;
}

.wpp-shipping-flow__step {
	padding: 16px 14px;
	background: #FFFDF9;
	border: 1px solid #EEDFC8;
	border-radius: 8px;
	position: relative;
	transition: border-color .2s ease;
}

.wpp-shipping-flow__step:hover {
	border-color: #D4AF37;
}

.wpp-shipping-flow__badge {
	display: inline-block;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 2px 8px;
	border-radius: 12px;
	background: #FDF4E7;
	color: #8B1A1A;
	margin-bottom: 8px;
}

.wpp-shipping-flow__header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
}

.wpp-shipping-flow__icon {
	font-size: 18px;
	line-height: 1;
}

.wpp-shipping-flow__title {
	font-size: 13.5px;
	font-weight: 700;
	color: #2D1A16;
	margin: 0;
}

.wpp-shipping-flow__desc {
	font-size: 12px;
	line-height: 1.6;
	color: #5C4B40;
	margin: 0;
}

/* ── Dark Mode Overrides for Accordion Grids ── */
[data-theme="dark"] .wpp-specs-grid__card,
[data-theme="dark"] .wpp-care-grid__card,
[data-theme="dark"] .wpp-shipping-flow__step {
	background: #1c1917;
	border-color: #292524;
}

[data-theme="dark"] .wpp-specs-grid__icon {
	background: #292524;
	color: #f59e0b;
}

[data-theme="dark"] .wpp-specs-grid__label {
	color: #a8a29e;
}

[data-theme="dark"] .wpp-specs-grid__value,
[data-theme="dark"] .wpp-shipping-flow__title {
	color: #fafaf9;
}

[data-theme="dark"] .wpp-care-grid__title {
	color: #f59e0b;
}

[data-theme="dark"] .wpp-care-grid__desc,
[data-theme="dark"] .wpp-shipping-flow__desc,
[data-theme="dark"] .wpp-accordion__content--editorial {
	color: #d6d3d1;
}

[data-theme="dark"] .wpp-shipping-flow__badge {
	background: #292524;
	color: #f59e0b;
}

@media (max-width: 768px) {
	.wpp-specs-grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.wpp-care-grid {
		display: flex !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory !important;
		gap: 10px !important;
		padding: 2px 2px 8px 2px !important;
		margin: 8px 0 !important;
		scrollbar-width: none !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.wpp-care-grid::-webkit-scrollbar {
		display: none;
	}

	.wpp-care-grid__card {
		flex: 0 0 78% !important;
		min-width: 220px !important;
		max-width: 280px !important;
		scroll-snap-align: start !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	.wpp-shipping-flow {
		display: flex !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory !important;
		gap: 10px !important;
		padding: 2px 2px 8px 2px !important;
		margin: 8px 0 !important;
		scrollbar-width: none !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.wpp-shipping-flow::-webkit-scrollbar {
		display: none;
	}

	.wpp-shipping-flow__step {
		flex: 0 0 78% !important;
		min-width: 220px !important;
		max-width: 280px !important;
		scroll-snap-align: start !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
}

/* ── Mobile Tab Nav — Compact 2-row tabs, short vertical footprint ── */
@media (max-width: 600px) {
	.wpp-tabs__nav {
		padding: 3px;
		gap: 3px;
		border-radius: 8px;
		margin-bottom: 14px;
	}

	.wpp-tabs__tab {
		flex: 1 1 0;
		min-width: 0;
		padding: 6px 4px;
		font-size: 11px;
		letter-spacing: 0;
		gap: 2px;
		white-space: normal;
		text-align: center;
		line-height: 2;
		flex-direction: column;
		border-radius: 6px;
	}

	.wpp-tabs__tab-icon {
		font-size: 13px;
	}
}

@media (max-width: 380px) {
	.wpp-tabs__tab {
		font-size: 10px;
		padding: 5px 3px;
		gap: 2px;
	}

	.wpp-tabs__tab-icon {
		font-size: 12px;
	}
}



/* ── Sticky bar suppression when Cart Drawer, Filter Drawer, or Modals are open ── */
body.pk-scroll-locked .wpp-sticky-bar,
body.wcd-no-scroll .wpp-sticky-bar,
body.wcd-open .wpp-sticky-bar,
body.wcd-drawer--open .wpp-sticky-bar,
body.wcd-offers-open .wpp-sticky-bar,
body.wwl-no-scroll .wpp-sticky-bar,
body.wwl-drawer-open .wpp-sticky-bar,
body.wcp-filter-open .wpp-sticky-bar,
body.wsp-search-active .wpp-sticky-bar,
body.whn-nav-open-active .wpp-sticky-bar,
body.whn-scroll-locked .wpp-sticky-bar,
body:has(#wcd-drawer.wcd-open) .wpp-sticky-bar,
body:has(#wcp-filter-panel.is-open) .wpp-sticky-bar,
body:has(#wwl-drawer.wwl-drawer--open) .wpp-sticky-bar,
body:has(.wpp-size-chart-modal.is-open) .wpp-sticky-bar {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}