:root {
	--bh-bg: #f5f0e9;
	--bh-surface: #fffdf9;
	--bh-surface-soft: #ebe1d5;
	--bh-text: #28211d;
	--bh-text-soft: #70645c;
	--bh-red: #9f372f;
	--bh-red-deep: #74261f;
	--bh-beige: #d7c1a3;
	--bh-gold: #b4884b;
	--bh-border: rgba(54, 41, 33, 0.12);
	--bh-shadow: 0 28px 90px rgba(63, 39, 24, 0.09);
	--bh-serif: "EB Garamond", Georgia, serif;
	--bh-sans: "Manrope", Arial, sans-serif;
	--bh-radius-sm: 12px;
	--bh-radius-md: 18px;
	--bh-radius-lg: 26px;
	--bh-container: 1320px;
	--bh-header-height: 78px;
	--bh-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--bh-ease-soft: cubic-bezier(0.22, 0.72, 0.2, 1);
	--bh-ease-spring: cubic-bezier(0.2, 0.9, 0.2, 1);
	--bh-glass: color-mix(in srgb, var(--bh-surface) 88%, transparent);
	--bh-glass-strong: color-mix(in srgb, var(--bh-surface) 95%, transparent);
	--bh-glass-edge: rgba(255, 255, 255, 0.58);
	--bh-glass-border: color-mix(in srgb, var(--bh-border) 76%, rgba(255, 255, 255, 0.36));
	--bh-metal: #a77d43;
	--bh-metal-soft: #c8a36a;
	--bh-ember: #8f3029;
	--bh-control-shadow: 0 8px 24px rgba(55, 38, 28, 0.07);
	--bh-elevation-soft: 0 18px 54px rgba(55, 38, 28, 0.09);
	--bh-elevation-float: 0 24px 72px rgba(45, 30, 22, 0.13);
}

html[data-theme="dark"] {
	--bh-bg: #161311;
	--bh-surface: #1f1a17;
	--bh-surface-soft: #2a231f;
	--bh-text: #f5eee7;
	--bh-text-soft: #b8aaa0;
	--bh-red: #c4594f;
	--bh-red-deep: #e16b60;
	--bh-beige: #806d59;
	--bh-gold: #c79a5a;
	--bh-border: rgba(255, 245, 235, 0.11);
	--bh-shadow: 0 30px 90px rgba(0, 0, 0, 0.28);
	--bh-glass: color-mix(in srgb, var(--bh-surface) 84%, transparent);
	--bh-glass-strong: color-mix(in srgb, var(--bh-surface) 94%, transparent);
	--bh-glass-edge: rgba(255, 245, 235, 0.09);
	--bh-glass-border: rgba(255, 245, 235, 0.12);
	--bh-metal: #c39a60;
	--bh-metal-soft: #d8b57b;
	--bh-ember: #c4594f;
	--bh-control-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
	--bh-elevation-soft: 0 22px 58px rgba(0, 0, 0, 0.24);
	--bh-elevation-float: 0 28px 78px rgba(0, 0, 0, 0.33);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--bh-bg);
	color: var(--bh-text);
	font-family: var(--bh-sans);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	transition: background 420ms var(--bh-ease), color 420ms var(--bh-ease);
}

body.menu-open {
	overflow: hidden;
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input,
textarea,
select {
	font: inherit;
}

button {
	color: inherit;
}

:focus-visible {
	outline: 2px solid var(--bh-red);
	outline-offset: 4px;
}

.bhraaj-skip-link {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 9999;
	padding: 10px 14px;
	border-radius: 999px;
	background: var(--bh-text);
	color: var(--bh-bg);
	font-size: 12px;
	font-weight: 700;
	transform: translateY(-150%);
	transition: transform 220ms ease;
}

.bhraaj-skip-link:focus {
	transform: translateY(0);
}

.bhraaj-site {
	min-height: 100vh;
	overflow: clip;
}

.bhraaj-container {
	width: min(calc(100% - 48px), var(--bh-container));
	margin-inline: auto;
}

.bhraaj-announcement {
	position: relative;
	z-index: 50;
	overflow: hidden;
	min-height: var(--bh-ribbon-height, 34px);
	border-bottom: 1px solid color-mix(in srgb, var(--bh-ribbon-text, var(--bh-text)) 14%, transparent);
	background: var(--bh-ribbon-bg, var(--bh-bg));
	color: var(--bh-ribbon-text, var(--bh-text));
	font-size: var(--bh-ribbon-font-size, 11px);
	font-weight: var(--bh-ribbon-font-weight, 700);
	letter-spacing: 0.075em;
	line-height: 1;
	text-transform: var(--bh-ribbon-transform, uppercase);
	transition: background 420ms var(--bh-ease), color 420ms var(--bh-ease), border-color 420ms var(--bh-ease);
}

.bhraaj-announcement-viewport {
	width: 100%;
	min-height: inherit;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.bhraaj-announcement-track {
	--bh-ribbon-duration: 34s;
	display: flex;
	flex: 0 0 auto;
	width: max-content;
	min-width: 100%;
	will-change: transform;
	animation: bhraaj-ribbon-scroll var(--bh-ribbon-duration) linear infinite;
}

.bhraaj-announcement.is-direction-right .bhraaj-announcement-track {
	animation-direction: reverse;
}

.bhraaj-announcement.is-pause-hover:hover .bhraaj-announcement-track,
.bhraaj-announcement.is-pause-hover:focus-within .bhraaj-announcement-track {
	animation-play-state: paused;
}

.bhraaj-announcement-group {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-around;
	gap: var(--bh-ribbon-gap, 40px);
	padding-right: var(--bh-ribbon-gap, 40px);
	min-width: 100vw;
	min-height: var(--bh-ribbon-height, 34px);
	white-space: nowrap;
}

.bhraaj-announcement-item {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 8px;
	min-height: var(--bh-ribbon-height, 34px);
	color: inherit;
}

a.bhraaj-announcement-item {
	transition: opacity 180ms ease;
}

a.bhraaj-announcement-item:hover {
	opacity: 0.72;
}

.bhraaj-announcement-icon {
	width: var(--bh-ribbon-icon-size, 18px);
	height: var(--bh-ribbon-icon-size, 18px);
	flex: 0 0 auto;
	display: block;
	object-fit: contain;
	border-radius: 999px;
}

.bhraaj-announcement-separator {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	color: var(--bh-ribbon-accent, var(--bh-red));
}

.bhraaj-announcement-separator.is-dot::before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: currentColor;
}

.bhraaj-announcement-separator.is-line::before {
	content: "";
	width: 1px;
	height: 14px;
	background: currentColor;
	opacity: 0.72;
}

/* Safe fallback for a temporarily mismatched header/functions deployment. */
.bhraaj-announcement > .bhraaj-container {
	min-height: var(--bh-ribbon-height, 34px);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.bhraaj-announcement-dot {
	width: 4px;
	height: 4px;
	flex: 0 0 4px;
	border-radius: 50%;
	background: var(--bh-ribbon-accent, var(--bh-red));
}

@keyframes bhraaj-ribbon-scroll {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		transform: translate3d(-50%, 0, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.bhraaj-announcement-viewport {
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.bhraaj-announcement-viewport::-webkit-scrollbar {
		display: none;
	}

	.bhraaj-announcement-track {
		animation: none !important;
		transform: none !important;
	}

	.bhraaj-announcement-group[aria-hidden="true"] {
		display: none;
	}
}

@media (max-width: 700px) {
	.bhraaj-announcement {
		min-height: var(--bh-ribbon-mobile-height, 30px);
		font-size: var(--bh-ribbon-mobile-font-size, 10px);
	}

	.bhraaj-announcement-group,
	.bhraaj-announcement-item {
		min-height: var(--bh-ribbon-mobile-height, 30px);
	}

	.bhraaj-announcement.is-mobile-icons-hidden .bhraaj-announcement-icon {
		display: none;
	}

	.bhraaj-announcement.is-mobile-hidden {
		display: none !important;
	}
}


.bhraaj-header {
	position: sticky;
	top: 0;
	z-index: 45;
	border-bottom: 1px solid var(--bh-border);
	background: color-mix(in srgb, var(--bh-bg) 92%, transparent);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	transition: background 420ms var(--bh-ease), border-color 420ms var(--bh-ease), box-shadow 350ms ease;
}

.bhraaj-header.is-scrolled {
	box-shadow: 0 14px 44px rgba(40, 25, 16, 0.07);
}

html[data-theme="dark"] .bhraaj-header.is-scrolled {
	box-shadow: 0 14px 44px rgba(0, 0, 0, 0.22);
}

.bhraaj-header-inner {
	min-height: var(--bh-header-height);
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 32px;
}

.bhraaj-brand {
	display: inline-flex;
	align-items: center;
	justify-self: center;
}

.bhraaj-brand .custom-logo {
	display: block;
	width: auto;
	max-width: min(190px, 30vw);
	max-height: 48px;
}

.bhraaj-wordmark,
.bhraaj-footer-wordmark {
	font-family: var(--bh-serif);
	font-weight: 600;
	letter-spacing: 0.17em;
}

.bhraaj-wordmark {
	font-size: clamp(25px, 2.05vw, 32px);
}

.bhraaj-desktop-nav {
	display: flex;
	align-items: center;
	gap: clamp(22px, 2.7vw, 40px);
	justify-self: start;
}

.bhraaj-desktop-nav a {
	position: relative;
	padding: 7px 0;
	font-size: 12px;
	font-weight: 650;
	letter-spacing: 0.025em;
}

.bhraaj-desktop-nav a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 320ms var(--bh-ease);
}

.bhraaj-desktop-nav a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

.bhraaj-header-actions {
	justify-self: end;
	display: flex;
	align-items: center;
	gap: 4px;
}

.bhraaj-theme-toggle,
.bhraaj-account-link,
.bhraaj-cart-link {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: background 220ms ease, border-color 220ms ease, transform 220ms var(--bh-ease);
}

.bhraaj-theme-toggle:hover,
.bhraaj-account-link:hover,
.bhraaj-cart-link:hover {
	background: var(--bh-surface);
	border-color: var(--bh-border);
	transform: translateY(-1px);
}

.bhraaj-theme-glyph {
	position: relative;
	width: 16px;
	height: 16px;
	border: 1.5px solid currentColor;
	border-radius: 50%;
}

.bhraaj-theme-glyph::after {
	content: "";
	position: absolute;
	top: -2px;
	right: -2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--bh-bg);
	transition: background 420ms var(--bh-ease);
}

html[data-theme="dark"] .bhraaj-theme-glyph::after {
	top: 3px;
	right: 3px;
	width: 3px;
	height: 3px;
	background: var(--bh-text);
}

.bhraaj-account-icon {
	position: relative;
	width: 17px;
	height: 17px;
	border: 1.45px solid currentColor;
	border-radius: 50%;
}

.bhraaj-account-icon::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -6px;
	width: 13px;
	height: 7px;
	border: 1.45px solid currentColor;
	border-top: 0;
	border-radius: 0 0 10px 10px;
	transform: translateX(-50%);
}

.bhraaj-cart-link {
	position: relative;
}

.bhraaj-bag-icon {
	width: 17px;
	height: 17px;
	border: 1.45px solid currentColor;
	border-radius: 3px;
	position: relative;
}

.bhraaj-bag-icon::before {
	content: "";
	position: absolute;
	width: 7px;
	height: 5px;
	border: 1.45px solid currentColor;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	left: 50%;
	top: -6px;
	transform: translateX(-50%);
}

.bhraaj-cart-count {
	position: absolute;
	top: 1px;
	right: 0;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--bh-red);
	color: #fff;
	font-size: 9px;
	font-weight: 700;
}

.bhraaj-menu-toggle {
	display: none;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	padding: 10px;
	cursor: pointer;
}

.bhraaj-menu-toggle span {
	display: block;
	width: 20px;
	height: 1.5px;
	background: currentColor;
	margin: 5px 0;
	transform-origin: center;
	transition: transform 320ms var(--bh-ease), opacity 220ms ease;
}

.bhraaj-menu-toggle[aria-expanded="true"] span:first-child {
	transform: translateY(3.25px) rotate(45deg);
}

.bhraaj-menu-toggle[aria-expanded="true"] span:last-child {
	transform: translateY(-3.25px) rotate(-45deg);
}

.bhraaj-mobile-nav {
	display: none;
}

.bhraaj-hero {
	position: relative;
	min-height: calc(100svh - 118px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(46px, 5.4vw, 78px) 0 28px;
}

.bhraaj-hero-glow {
	position: absolute;
	width: 640px;
	height: 640px;
	border-radius: 50%;
	right: -170px;
	top: -160px;
	background: radial-gradient(circle, color-mix(in srgb, var(--bh-red) 10%, transparent), transparent 67%);
	pointer-events: none;
}

.bhraaj-hero-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(430px, 1fr);
	align-items: center;
	gap: clamp(52px, 6.6vw, 102px);
}

.bhraaj-eyebrow {
	margin: 0 0 22px;
	color: var(--bh-red);
	font-size: 10px;
	font-weight: 750;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.bhraaj-hero-copy h1 {
	max-width: 720px;
	margin: 0;
	font-family: var(--bh-serif);
	font-size: clamp(70px, 7.7vw, 126px);
	font-weight: 400;
	line-height: 0.82;
	letter-spacing: -0.055em;
}

.bhraaj-hero-copy h1 span {
	display: block;
	margin-left: clamp(22px, 5.2vw, 84px);
	color: var(--bh-red);
	font-style: italic;
}

.bhraaj-hero-description {
	max-width: 500px;
	margin: 34px 0 0;
	color: var(--bh-text-soft);
	font-size: clamp(15px, 1.25vw, 18px);
	line-height: 1.78;
}

.bhraaj-hero-actions {
	margin-top: 34px;
	display: flex;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
}

.bhraaj-button {
	min-height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 0 23px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 650;
	transition: transform 260ms var(--bh-ease), box-shadow 260ms ease, background 260ms ease;
}

.bhraaj-button-primary {
	background: var(--bh-text);
	color: var(--bh-bg);
	box-shadow: 0 14px 30px rgba(35, 25, 20, 0.12);
}

.bhraaj-button-primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 20px 42px rgba(35, 25, 20, 0.18);
}

.bhraaj-button-arrow {
	display: inline-block;
	transition: transform 260ms var(--bh-ease);
}

.bhraaj-button-primary:hover .bhraaj-button-arrow {
	transform: translate(2px, -2px);
}

.bhraaj-text-link {
	position: relative;
	font-size: 12px;
	font-weight: 650;
}

.bhraaj-text-link::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
	height: 1px;
	background: var(--bh-border);
	transition: background 220ms ease, transform 220ms var(--bh-ease);
	transform-origin: left;
}

.bhraaj-text-link:hover::after {
	background: currentColor;
	transform: scaleX(0.72);
}

.bhraaj-hero-art {
	position: relative;
	aspect-ratio: 0.92;
	max-height: 670px;
	border-radius: var(--bh-radius-lg);
	background: linear-gradient(145deg, var(--bh-surface), var(--bh-surface-soft));
	border: 1px solid var(--bh-border);
	box-shadow: var(--bh-shadow);
	overflow: hidden;
	isolation: isolate;
	transition: background 420ms var(--bh-ease), border-color 420ms var(--bh-ease);
}

.bhraaj-hero-art::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 45%);
	pointer-events: none;
}

.bhraaj-orbit {
	position: absolute;
	left: 50%;
	top: 48%;
	border: 1px solid var(--bh-border);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.bhraaj-orbit-one { width: 74%; aspect-ratio: 1; }
.bhraaj-orbit-two { width: 50%; aspect-ratio: 1; }

.bhraaj-ritual-object {
	position: absolute;
	left: 50%;
	top: 47%;
	width: 47%;
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	animation: bhraaj-float 7s ease-in-out infinite;
}

.bhraaj-bead {
	position: absolute;
	width: 56px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle at 34% 28%, #cc7567, var(--bh-red) 58%, var(--bh-red-deep));
	box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 16px 32px rgba(85, 39, 30, 0.12);
}

.bhraaj-bead-1 { left: 50%; top: 0; transform: translateX(-50%); }
.bhraaj-bead-2 { right: 5%; top: 17%; }
.bhraaj-bead-3 { right: -2%; top: 50%; transform: translateY(-50%); }
.bhraaj-bead-4 { right: 14%; bottom: 9%; }
.bhraaj-bead-5 { left: 14%; bottom: 9%; }
.bhraaj-bead-6 { left: -2%; top: 50%; transform: translateY(-50%); }
.bhraaj-bead-7 { left: 5%; top: 17%; }

.bhraaj-object-anchor {
	position: absolute;
	left: 50%;
	bottom: -11%;
	width: 76px;
	height: 104px;
	border-radius: 38px 38px 24px 24px;
	transform: translateX(-50%);
	background: linear-gradient(145deg, var(--bh-gold), color-mix(in srgb, var(--bh-gold) 62%, #51351f));
	box-shadow: 0 18px 36px rgba(45, 27, 15, 0.16);
}

.bhraaj-object-anchor::before {
	content: "";
	position: absolute;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	top: 17px;
	left: 50%;
	transform: translateX(-50%);
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.bhraaj-art-caption {
	position: absolute;
	left: 28px;
	bottom: 21px;
	margin: 0;
	font-size: 9px;
	font-weight: 750;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--bh-text-soft);
}

.bhraaj-scroll-cue {
	width: min(calc(100% - 48px), var(--bh-container));
	margin: 28px auto 0;
	display: flex;
	align-items: center;
	gap: 11px;
	color: var(--bh-text-soft);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.bhraaj-scroll-cue span {
	display: block;
	width: 40px;
	height: 1px;
	background: var(--bh-border);
}

.bhraaj-intro-section {
	padding: clamp(78px, 8.5vw, 122px) 0;
	border-top: 1px solid var(--bh-border);
}

.bhraaj-section-heading {
	display: grid;
	grid-template-columns: 0.62fr 1.38fr;
	gap: 40px;
	align-items: end;
	margin-bottom: 54px;
}

.bhraaj-section-heading h2 {
	margin: 0;
	max-width: 760px;
	font-family: var(--bh-serif);
	font-size: clamp(52px, 5.7vw, 86px);
	line-height: 0.96;
	font-weight: 400;
	letter-spacing: -0.04em;
}

.bhraaj-principles {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid var(--bh-border);
}

.bhraaj-principle {
	padding: 30px 30px 10px 0;
	border-right: 1px solid var(--bh-border);
}

.bhraaj-principle + .bhraaj-principle { padding-left: 30px; }
.bhraaj-principle:last-child { border-right: 0; }

.bhraaj-principle > span {
	display: block;
	margin-bottom: 56px;
	color: var(--bh-red);
	font-family: var(--bh-serif);
	font-size: 17px;
}

.bhraaj-principle h3 {
	margin: 0 0 13px;
	font-family: var(--bh-serif);
	font-size: 30px;
	font-weight: 500;
}

.bhraaj-principle p {
	margin: 0;
	max-width: 330px;
	color: var(--bh-text-soft);
	font-size: 14px;
	line-height: 1.72;
}

.bhraaj-category-section {
	padding: 0 0 clamp(96px, 10.5vw, 148px);
}

.bhraaj-category-grid {
	display: grid;
	grid-template-columns: 1.18fr 0.82fr;
	gap: 16px;
}

.bhraaj-category-card {
	position: relative;
	min-height: 440px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: var(--bh-radius-md);
	overflow: hidden;
	background: var(--bh-surface);
	border: 1px solid var(--bh-border);
	transition: transform 420ms var(--bh-ease), box-shadow 420ms var(--bh-ease), border-color 420ms var(--bh-ease);
}

.bhraaj-category-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--bh-shadow);
	border-color: color-mix(in srgb, var(--bh-border) 55%, var(--bh-red));
}

.bhraaj-category-card-large {
	grid-row: span 2;
	min-height: 896px;
}

.bhraaj-category-visual {
	flex: 1;
	position: relative;
	display: grid;
	place-items: center;
	background: linear-gradient(145deg, var(--bh-surface-soft), var(--bh-surface));
	overflow: hidden;
}

.bhraaj-category-visual-red {
	background: linear-gradient(145deg, color-mix(in srgb, var(--bh-red) 84%, #d9806d), var(--bh-red-deep));
}

.bhraaj-category-visual-dark {
	background: linear-gradient(145deg, #2c2621, #151210);
}

.bhraaj-category-circle {
	width: min(60%, 460px);
	aspect-ratio: 1;
	border-radius: 50%;
	border: 1px solid var(--bh-border);
	box-shadow: inset 0 0 0 34px color-mix(in srgb, var(--bh-red) 8%, transparent);
	transition: transform 520ms var(--bh-ease);
}

.bhraaj-category-card:hover .bhraaj-category-circle { transform: scale(1.025); }

.bhraaj-category-ring {
	width: 178px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 28px solid rgba(255, 238, 228, 0.92);
	box-shadow: 0 30px 70px rgba(50, 20, 16, 0.18);
	transition: transform 520ms var(--bh-ease);
}

.bhraaj-category-card:hover .bhraaj-category-ring { transform: rotate(-6deg) scale(1.03); }

.bhraaj-category-pendant {
	width: 102px;
	height: 150px;
	border-radius: 51px 51px 30px 30px;
	background: linear-gradient(145deg, #d1a25c, #7f5930);
	box-shadow: 0 36px 74px rgba(0, 0, 0, 0.24);
	transition: transform 520ms var(--bh-ease);
}

.bhraaj-category-card:hover .bhraaj-category-pendant { transform: translateY(-6px); }

.bhraaj-category-content {
	padding: 25px 28px 27px;
}

.bhraaj-category-content p {
	margin: 0 0 9px;
	color: var(--bh-text-soft);
	font-size: 9px;
	font-weight: 750;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.bhraaj-category-content h3 {
	margin: 0 0 19px;
	font-family: var(--bh-serif);
	font-size: clamp(37px, 3.8vw, 56px);
	font-weight: 400;
}

.bhraaj-category-content span {
	font-size: 11px;
	font-weight: 650;
}

.bhraaj-footer {
	padding: 62px 0 22px;
	border-top: 1px solid var(--bh-border);
}

.bhraaj-footer-top {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 70px;
	padding-bottom: 56px;
}

.bhraaj-footer-brand {
	align-self: start;
}

.bhraaj-footer-wordmark {
	display: inline-block;
	margin-bottom: 22px;
	font-size: clamp(40px, 4.6vw, 64px);
}

.bhraaj-footer-brand p {
	margin: 0;
	color: var(--bh-text-soft);
	font-size: 13px;
	line-height: 1.75;
}

.bhraaj-footer-links {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 34px;
}

.bhraaj-footer-links > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.bhraaj-footer-label {
	margin: 0 0 11px;
	color: var(--bh-text-soft);
	font-size: 9px;
	font-weight: 750;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.bhraaj-footer-links a {
	position: relative;
	font-family: var(--bh-serif);
	font-size: 19px;
}

.bhraaj-footer-links a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 280ms var(--bh-ease);
}

.bhraaj-footer-links a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

.bhraaj-footer-bottom {
	padding-top: 20px;
	border-top: 1px solid var(--bh-border);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	color: var(--bh-text-soft);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

[data-reveal] {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 820ms var(--bh-ease), transform 820ms var(--bh-ease);
}

[data-reveal].is-visible {
	opacity: 1;
	transform: translateY(0);
}

@keyframes bhraaj-float {
	0%, 100% { transform: translate(-50%, -50%) translateY(0); }
	50% { transform: translate(-50%, -50%) translateY(-10px); }
}

@media (max-width: 1000px) {
	:root { --bh-header-height: 74px; }
	.bhraaj-desktop-nav { display: none; }
	.bhraaj-menu-toggle { display: block; justify-self: start; }
	.bhraaj-header-inner { grid-template-columns: 1fr auto 1fr; }
	.bhraaj-mobile-nav {
		position: fixed;
		top: calc(34px + var(--bh-header-height));
		left: 0;
		right: 0;
		z-index: 44;
		padding: 32px 24px 44px;
		background: var(--bh-bg);
		border-bottom: 1px solid var(--bh-border);
		flex-direction: column;
		gap: 24px;
		transform: translateY(-16px);
		opacity: 0;
		pointer-events: none;
		transition: transform 360ms var(--bh-ease), opacity 260ms ease, background 420ms var(--bh-ease);
	}
	.bhraaj-mobile-nav.is-open {
		display: flex;
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto;
	}
	.bhraaj-mobile-nav a {
		font-family: var(--bh-serif);
		font-size: 34px;
		line-height: 1;
	}
	.bhraaj-hero { min-height: auto; padding-top: 74px; }
	.bhraaj-hero-grid { grid-template-columns: 1fr; }
	.bhraaj-hero-art { width: min(100%, 610px); margin-inline: auto; }
	.bhraaj-section-heading { grid-template-columns: 1fr; }
	.bhraaj-principles { grid-template-columns: 1fr; }
	.bhraaj-principle,
	.bhraaj-principle + .bhraaj-principle {
		padding: 30px 0;
		border-right: 0;
		border-bottom: 1px solid var(--bh-border);
	}
	.bhraaj-principle > span { margin-bottom: 38px; }
	.bhraaj-category-grid { grid-template-columns: 1fr; }
	.bhraaj-category-card-large { grid-row: auto; min-height: 640px; }
	.bhraaj-footer-top { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
	:root { --bh-header-height: 68px; }
	.bhraaj-container { width: min(calc(100% - 30px), var(--bh-container)); }
	.bhraaj-announcement .bhraaj-container {
		justify-content: flex-start;
		overflow: hidden;
		white-space: nowrap;
	}
	.bhraaj-announcement .bhraaj-container span:last-child,
	.bhraaj-announcement-dot { display: none; }
	.bhraaj-account-link { display: none; }
	.bhraaj-header-actions { gap: 0; }
	.bhraaj-hero { padding: 62px 0 36px; }
	.bhraaj-hero-grid { gap: 50px; }
	.bhraaj-hero-copy h1 { font-size: clamp(60px, 20vw, 84px); }
	.bhraaj-hero-copy h1 span { margin-left: 16px; }
	.bhraaj-hero-description { margin-top: 28px; font-size: 15px; }
	.bhraaj-hero-actions {
		align-items: flex-start;
		flex-direction: column;
		gap: 20px;
	}
	.bhraaj-button { width: 100%; }
	.bhraaj-hero-art { aspect-ratio: 0.9; }
	.bhraaj-bead { width: 41px; }
	.bhraaj-object-anchor { width: 60px; height: 86px; }
	.bhraaj-scroll-cue { width: calc(100% - 30px); margin-top: 30px; }
	.bhraaj-intro-section { padding: 94px 0; }
	.bhraaj-section-heading { margin-bottom: 46px; }
	.bhraaj-category-card,
	.bhraaj-category-card-large { min-height: 500px; }
	.bhraaj-footer { padding-top: 64px; }
	.bhraaj-footer-top { padding-bottom: 60px; }
	.bhraaj-footer-links { grid-template-columns: 1fr 1fr; }
	.bhraaj-footer-bottom {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	[data-reveal] {
		opacity: 1;
		transform: none;
	}
}


/* V3 optical polish */
html:not([data-theme="dark"]) .bhraaj-category-card {
	background: #fbf7f1;
}

html:not([data-theme="dark"]) .bhraaj-category-content {
	background: rgba(255, 253, 249, 0.72);
}

html:not([data-theme="dark"]) .bhraaj-footer {
	background:
		linear-gradient(
			180deg,
			rgba(255, 253, 249, 0.18),
			rgba(231, 221, 209, 0.22)
		);
}

@media (min-width: 1001px) {
	.bhraaj-hero-copy {
		padding-bottom: 10px;
	}

	.bhraaj-category-card-large .bhraaj-category-content {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}


/* V4 — screenshot-led refinement */

/* Prevent the sticky header from sitting underneath the WordPress admin bar while logged in. */
body.admin-bar .bhraaj-header {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar .bhraaj-header {
		top: 46px;
	}
}

/* Give the hero object panel slightly more visual definition in light mode. */
html:not([data-theme="dark"]) .bhraaj-hero-art {
	background:
		radial-gradient(
			circle at 72% 18%,
			rgba(159, 55, 47, 0.08),
			transparent 32%
		),
		linear-gradient(
			145deg,
			#f8f3ed,
			#e9dfd4
		);
	border-color: rgba(82, 60, 47, 0.14);
}

/* Keep collection copy visually anchored and reduce the "floating white" effect. */
html:not([data-theme="dark"]) .bhraaj-category-content {
	background:
		linear-gradient(
			180deg,
			rgba(255, 253, 249, 0.88),
			rgba(248, 241, 233, 0.94)
		);
}

/* Small optical correction to the large Mala card on desktop. */
@media (min-width: 1001px) {
	.bhraaj-category-card-large .bhraaj-category-visual {
		min-height: 700px;
	}

	.bhraaj-category-card-large .bhraaj-category-circle {
		transform: translateY(-8px);
	}

	.bhraaj-category-card-large:hover .bhraaj-category-circle {
		transform: translateY(-8px) scale(1.025);
	}
}

/* =========================================================
   BHRAAJ Official Brand Lock V13
   Use the supplied official wordmark in the header without
   allowing its original 2048px transparent canvas to affect scale.
   ========================================================= */

.bhraaj-brand {
    min-width: 0;
    line-height: 0;
}

.bhraaj-brand-logo {
    display: block;
    width: clamp(136px, 11.6vw, 166px);
    height: auto;
    max-width: 100%;
    object-fit: contain;
    transform: translateZ(0);
    transition:
        filter 420ms var(--bh-ease),
        opacity 220ms ease,
        transform 260ms var(--bh-ease);
}

/* The supplied master artwork is gold. On the warm light canvas,
   a dark wordmark gives stronger contrast and a quieter luxury read.
   Dark mode restores the official gold artwork exactly. */
html:not([data-theme="dark"]) .bhraaj-brand-logo {
    filter: brightness(0) saturate(100%) opacity(0.92);
}

html[data-theme="dark"] .bhraaj-brand-logo {
    filter: none;
}

.bhraaj-brand:hover .bhraaj-brand-logo {
    opacity: 0.82;
}

@media (max-width: 1000px) {
    .bhraaj-brand-logo {
        width: clamp(132px, 20vw, 154px);
    }
}

@media (max-width: 640px) {
    .bhraaj-brand-logo {
        width: 132px;
    }
}

/* =========================================================
   BHRAAJ Brand Palette + Official Wordmark V14
   Default: warm off-white + antique bronze
   Dark: charcoal + warm brass
   Uses the supplied official wordmark PNG as an alpha mask so
   the exact lettering remains intact while colour adapts by theme.
   ========================================================= */

:root {
    --bh-bg: #f4efe6;
    --bh-surface: #fbf7f1;
    --bh-text: #1b1916;
    --bh-text-soft: #6f665d;
    --bh-brand-accent: #8b5e2e;
    --bh-brand-accent-soft: rgba(139, 94, 46, 0.12);
    --bh-brand-accent-line: rgba(139, 94, 46, 0.28);
}

html[data-theme="dark"] {
    --bh-bg: #171513;
    --bh-surface: #1f1b18;
    --bh-text: #f3ede3;
    --bh-text-soft: #b9ada2;
    --bh-brand-accent: #c07a45;
    --bh-brand-accent-soft: rgba(192, 122, 69, 0.13);
    --bh-brand-accent-line: rgba(192, 122, 69, 0.34);
}

/* Official BHRAAJ wordmark — exact supplied artwork silhouette. */
.bhraaj-brand-logo-mark,
.bhraaj-footer-logo-mark {
    display: block;
    background-color: var(--bh-brand-accent);
    -webkit-mask-image: url("../images/bhraaj-wordmark-gold.png");
    mask-image: url("../images/bhraaj-wordmark-gold.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition:
        background-color 420ms var(--bh-ease),
        opacity 220ms ease,
        transform 260ms var(--bh-ease);
}

.bhraaj-brand-logo-mark {
    width: clamp(136px, 11.6vw, 166px);
    aspect-ratio: 925 / 194;
}

.bhraaj-brand:hover .bhraaj-brand-logo-mark,
.bhraaj-footer-brand-link:hover .bhraaj-footer-logo-mark {
    opacity: 0.82;
}

/* Footer now uses the same official identity as the header. */
.bhraaj-footer-brand-link {
    display: inline-flex;
    align-items: center;
    margin-bottom: 22px;
    line-height: 0;
}

.bhraaj-footer-logo-mark {
    width: clamp(220px, 24vw, 340px);
    aspect-ratio: 925 / 194;
}

/* Retire the old typeset footer wordmark if an older cached footer
   happens to render during transition. */
.bhraaj-footer-wordmark {
    color: var(--bh-brand-accent);
}

/* Brand micro-accents: bronze/brass rather than unrelated red. */
.bhraaj-announcement-dot,
.bhraaj-cart-count {
    background: var(--bh-brand-accent);
}

/* Selected checkout controls should read as the same brand metal.
   Keep the existing carefully-fixed single-edge card structure. */
body .wc-block-checkout .wc-block-components-radio-control__input:checked {
    border-color: var(--bh-brand-accent) !important;
    background-image: radial-gradient(
        circle at center,
        var(--bh-brand-accent) 0 2.1px,
        transparent 2.45px
    ) !important;
}

body .wc-block-checkout .wc-block-components-radio-control__input:focus-visible {
    outline-color: var(--bh-brand-accent) !important;
}

/* Keep focus states premium and visible without flooding controls. */
.bhraaj-brand:focus-visible,
.bhraaj-footer-brand-link:focus-visible {
    outline: 2px solid var(--bh-brand-accent);
    outline-offset: 5px;
    border-radius: 4px;
}

/* Light theme remains the deliberate default visual system. */
html:not([data-theme="dark"]) .bhraaj-footer {
    background:
        linear-gradient(
            180deg,
            rgba(255, 253, 249, 0.18),
            rgba(232, 222, 209, 0.28)
        );
}

/* Dark mode keeps the same brand family, optically lifted. */
html[data-theme="dark"] .bhraaj-footer {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.012),
            rgba(192, 122, 69, 0.025)
        );
}

@media (max-width: 1000px) {
    .bhraaj-brand-logo-mark {
        width: clamp(132px, 20vw, 154px);
    }

    .bhraaj-footer-logo-mark {
        width: clamp(205px, 34vw, 300px);
    }
}

@media (max-width: 640px) {
    .bhraaj-brand-logo-mark {
        width: 132px;
    }

    .bhraaj-footer-logo-mark {
        width: min(250px, 74vw);
    }
}

/* =========================================================
   BHRAAJ FINAL GOLD LOCK — V17
   Final selected brand direction.
   Light theme: antique bronze / muted gold.
   Dark theme: warm brass gold.
   Scope is deliberately restrained for a premium finish.
   ========================================================= */

:root {
    --bh-brand-accent: #8b5e2e;
    --bh-brand-accent-soft: rgba(139, 94, 46, 0.12);
    --bh-brand-accent-line: rgba(139, 94, 46, 0.28);
}

html[data-theme="dark"] {
    --bh-brand-accent: #c07a45;
    --bh-brand-accent-soft: rgba(192, 122, 69, 0.13);
    --bh-brand-accent-line: rgba(192, 122, 69, 0.34);
}

/* Official BHRAAJ header wordmark uses the adaptive selected gold. */
.bhraaj-header .bhraaj-brand-logo-mark {
    background-color: var(--bh-brand-accent) !important;
}

/* Cart quantity is a controlled brand micro-accent, not a loud badge. */
.bhraaj-header .bhraaj-cart-count {
    background: var(--bh-brand-accent) !important;
}

/* Keep interactive focus states in the same brand family. */
.bhraaj-header .bhraaj-brand:focus-visible,
.bhraaj-header .bhraaj-cart-link:focus-visible {
    outline-color: var(--bh-brand-accent) !important;
}

/* Footer uses the supplied full Sacred Treasures artwork as-is. */
.bhraaj-footer-brand-link {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin-bottom: 22px;
    line-height: 0;
}

.bhraaj-footer-brand-image {
    display: block;
    width: clamp(330px, 36vw, 540px);
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
    filter: none;
    opacity: 1;
    transform: translateZ(0);
    transition:
        opacity 220ms ease,
        transform 320ms var(--bh-ease);
}

.bhraaj-footer-brand-link:hover .bhraaj-footer-brand-image {
    opacity: 0.9;
    transform: translateY(-1px);
}

.bhraaj-footer-brand-link:focus-visible {
    outline: 2px solid var(--bh-brand-accent);
    outline-offset: 6px;
    border-radius: 6px;
}

.bhraaj-footer-logo-mark {
    display: none !important;
}

@media (max-width: 1000px) {
    .bhraaj-footer-brand-image {
        width: clamp(300px, 48vw, 470px);
    }
}

@media (max-width: 640px) {
    .bhraaj-footer-brand-image {
        width: min(390px, 88vw);
    }
}
/* =========================================================
   BHRAAJ GOLD MATCH — V18
   Footer artwork now uses the same adaptive brand accent as
   the header, eliminating the light/dark mismatch.
   ========================================================= */

.bhraaj-footer-brand-image {
    display: none !important;
}

.bhraaj-footer-brand-mask {
    display: block;
    width: clamp(330px, 36vw, 540px);
    aspect-ratio: 1892 / 533;
    max-width: 100%;
    background-color: var(--bh-brand-accent);
    -webkit-mask-image: url("../images/bhraaj-footer-logo.png");
    mask-image: url("../images/bhraaj-footer-logo.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left center;
    mask-position: left center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transform: translateZ(0);
    transition:
        opacity 220ms ease,
        transform 320ms var(--bh-ease),
        background-color 220ms ease;
}

.bhraaj-footer-brand-link:hover .bhraaj-footer-brand-mask {
    opacity: 0.90;
    transform: translateY(-1px);
}

@media (max-width: 1000px) {
    .bhraaj-footer-brand-mask {
        width: clamp(300px, 48vw, 470px);
    }
}

@media (max-width: 640px) {
    .bhraaj-footer-brand-mask {
        width: min(390px, 88vw);
    }
}

/* =========================================================
   BHRAAJ V20.1 — OPTICAL PRODUCT POLISH

   Locked architecture
   Desktop: vertical image rail + sticky purchase column
   Mobile: horizontal swipe gallery + normal purchase flow

   This pass is intentionally optical, not structural:
   - starts meaningful content sooner
   - top-aligns media and commerce information
   - refines availability, quantity, CTA and trust hierarchy
   - compacts the one-image / placeholder state
   - keeps long-form content outside the sticky grid
   ========================================================= */

body.single-product.bhraaj-single-product-v20 {
    --bh-product-max: 1380px;
    --bh-product-gutter: clamp(22px, 3vw, 52px);
    --bh-product-gap: clamp(50px, 5.6vw, 88px);
    --bh-product-summary: minmax(420px, .80fr);
    --bh-product-control-height: 56px;
    --bh-product-stage-top: clamp(16px, 1.55vw, 24px);
}

/* ---------- Product stage ---------- */
body.single-product.bhraaj-single-product-v20 #primary,
body.single-product.bhraaj-single-product-v20 main.site-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-notices-wrapper:empty {
    display: none !important;
}

body.single-product.bhraaj-single-product-v20 div.product {
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) var(--bh-product-summary) !important;
    align-items: start !important;
    column-gap: var(--bh-product-gap) !important;
    width: min(calc(100% - (var(--bh-product-gutter) * 2)), var(--bh-product-max)) !important;
    margin: 0 auto !important;
    padding: var(--bh-product-stage-top) 0 clamp(44px, 5vw, 70px) !important;
    isolation: isolate;
}

body.single-product.bhraaj-single-product-v20 div.product::before,
body.single-product.bhraaj-single-product-v20 div.product::after {
    display: none !important;
    content: none !important;
}

/* ---------- Desktop vertical image rail ---------- */
body.single-product.bhraaj-single-product-v20 div.product .woocommerce-product-gallery {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    align-self: start !important;
    z-index: 1;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(18px, 2vw, 28px) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image {
    position: relative !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: clamp(18px, 1.7vw, 24px) !important;
    background: var(--bh-surface) !important;
    opacity: 0;
    transform: translateY(14px);
    transition:
        opacity 620ms var(--bh-ease),
        transform 720ms var(--bh-ease),
        border-color 360ms var(--bh-ease),
        background 360ms var(--bh-ease);
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image.is-bhraaj-visible {
    opacity: 1;
    transform: translateY(0);
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image a {
    display: block !important;
    width: 100% !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__trigger {
    top: 18px !important;
    right: 18px !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-bg) 88%, transparent) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* ---------- Temporary no-photo state ----------
   Reliable PHP body class; no dependency on a particular placeholder filename. */
body.single-product.bhraaj-single-product-v20.bhraaj-product-no-media
.woocommerce-product-gallery__image:first-child {
    display: grid !important;
    place-items: center !important;
    min-height: clamp(420px, 43vw, 560px) !important;
    background:
        radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--bh-gold) 6%, transparent), transparent 40%),
        linear-gradient(145deg, var(--bh-surface), var(--bh-surface-soft)) !important;
}

body.single-product.bhraaj-single-product-v20.bhraaj-product-no-media
.woocommerce-product-gallery__image:first-child img {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.single-product.bhraaj-single-product-v20.bhraaj-product-no-media
.woocommerce-product-gallery__image:first-child::before {
    content: "BHRAAJ";
    color: var(--bh-gold);
    font-family: var(--bh-serif);
    font-size: clamp(38px, 3.8vw, 56px);
    font-weight: 500;
    letter-spacing: .20em;
    line-height: 1;
    opacity: .48;
    transform: translateX(.10em);
}

body.single-product.bhraaj-single-product-v20.bhraaj-product-no-media
.woocommerce-product-gallery__image:first-child::after {
    content: "PRODUCT IMAGE COMING SOON";
    position: absolute;
    left: 50%;
    top: calc(50% + 52px);
    transform: translateX(-50%);
    color: var(--bh-text-soft);
    font-family: var(--bh-sans);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .18em;
    white-space: nowrap;
    opacity: .58;
}

body.single-product.bhraaj-single-product-v20.bhraaj-product-no-media
.woocommerce-product-gallery__trigger {
    display: none !important;
}

/* ---------- Sticky purchase column ---------- */
body.single-product.bhraaj-single-product-v20 div.product .summary {
    position: sticky !important;
    top: calc(var(--bh-header-height) + 22px) !important;
    float: none !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
    justify-self: end !important;
    z-index: 3;
    background: var(--bh-bg);
}

body.admin-bar.single-product.bhraaj-single-product-v20 div.product .summary {
    top: calc(var(--bh-header-height) + 54px) !important;
}

body.single-product.bhraaj-single-product-v20 div.product .summary::before,
body.single-product.bhraaj-single-product-v20 div.product .summary::after {
    display: none !important;
    content: none !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-eyebrow {
    margin: 0 0 12px !important;
    color: var(--bh-red) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .19em !important;
    text-transform: uppercase !important;
}

body.single-product.bhraaj-single-product-v20 div.product .product_title {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 0 17px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(45px, 3.55vw, 60px) !important;
    font-weight: 500 !important;
    line-height: .99 !important;
    letter-spacing: -.032em !important;
    text-wrap: balance !important;
}

body.single-product.bhraaj-single-product-v20 div.product p.price,
body.single-product.bhraaj-single-product-v20 div.product span.price {
    display: block !important;
    margin: 0 0 22px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: clamp(19px, 1.35vw, 22px) !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    letter-spacing: -.012em !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-rating {
    margin: 0 0 18px !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-details__short-description {
    max-width: 45ch !important;
    margin: 0 0 24px !important;
    color: var(--bh-text-soft) !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-details__short-description p {
    margin: 0 !important;
}

/* Availability is subtle, but must still be noticed before purchase. */
body.single-product.bhraaj-single-product-v20 div.product p.stock {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    color: color-mix(in srgb, var(--bh-text) 74%, var(--bh-bg)) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
    letter-spacing: .025em !important;
}

body.single-product.bhraaj-single-product-v20 div.product p.stock::before {
    content: "" !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    flex: 0 0 6px !important;
    border-radius: 999px !important;
    background: var(--bh-gold) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--bh-gold) 10%, transparent) !important;
}

/* ---------- Quantity + Add to bag ---------- */
body.single-product.bhraaj-single-product-v20 div.product form.cart {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    clear: both !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart::before,
body.single-product.bhraaj-single-product-v20 div.product form.cart::after {
    display: none !important;
    content: none !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
    display: block !important;
    float: none !important;
    width: 84px !important;
    min-width: 84px !important;
    height: var(--bh-product-control-height) !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
    display: block !important;
    width: 84px !important;
    min-width: 84px !important;
    height: var(--bh-product-control-height) !important;
    min-height: var(--bh-product-control-height) !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid color-mix(in srgb, var(--bh-text) 16%, transparent) !important;
    border-radius: 5px !important;
    background: color-mix(in srgb, var(--bh-surface) 76%, transparent) !important;
    color: var(--bh-text) !important;
    text-align: center !important;
    box-shadow: none !important;
    outline: none !important;
    transition:
        border-color 200ms ease,
        background 200ms ease,
        box-shadow 200ms ease;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .qty:hover {
    border-color: color-mix(in srgb, var(--bh-text) 26%, transparent) !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .qty:focus {
    border-color: color-mix(in srgb, var(--bh-gold) 78%, var(--bh-text)) !important;
    background: color-mix(in srgb, var(--bh-gold) 4%, var(--bh-surface)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: var(--bh-product-control-height) !important;
    min-height: var(--bh-product-control-height) !important;
    margin: 0 !important;
    padding: 0 30px !important;
    border: 1px solid var(--bh-text) !important;
    border-radius: 5px !important;
    background: var(--bh-text) !important;
    color: var(--bh-bg) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--bh-text) 7%, transparent) !important;
    transition:
        transform 220ms var(--bh-ease),
        background 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        box-shadow 220ms ease !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button:hover {
    transform: translateY(-1px);
    border-color: var(--bh-gold) !important;
    background: var(--bh-gold) !important;
    color: #fffaf2 !important;
    box-shadow: 0 10px 28px color-mix(in srgb, var(--bh-gold) 16%, transparent) !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button:active {
    transform: translateY(0) scale(.995);
}

body.single-product.bhraaj-single-product-v20 div.product form.variations_form {
    display: block !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.variations_form table.variations {
    width: 100% !important;
    margin: 0 0 18px !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.variations_form .woocommerce-variation-add-to-cart {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    gap: 10px !important;
}

/* ---------- Trust rail ---------- */
body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px 18px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 0 0 !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-text) 10%, transparent) !important;
    color: color-mix(in srgb, var(--bh-text) 68%, var(--bh-bg)) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.42 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-mark {
    width: 6px !important;
    height: 6px !important;
    flex: 0 0 6px !important;
    margin: 0 !important;
    border-radius: 1px !important;
    background: var(--bh-gold) !important;
    transform: rotate(45deg) !important;
    opacity: .82 !important;
}

body.single-product.bhraaj-single-product-v20 .product_meta {
    display: none !important;
}

body.single-product.bhraaj-single-product-v20 div.product .summary > hr,
body.single-product.bhraaj-single-product-v20 div.product .summary > .clear {
    display: none !important;
}

/* ---------- Long-form product story ---------- */
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs {
    display: block !important;
    width: min(calc(100% - (var(--bh-product-gutter) * 2)), 1160px) !important;
    margin: 0 auto !important;
    padding: clamp(38px, 4.2vw, 58px) 0 clamp(68px, 7vw, 100px) !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-text) 10%, transparent) !important;
    clear: both !important;
}

/* Compact the artificial one-photo/placeholder state without changing the
   future multi-image editorial scroll. */
body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
    padding-bottom: clamp(24px, 2.6vw, 38px) !important;
}

body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media .woocommerce-tabs {
    padding-top: clamp(28px, 3vw, 40px) !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs::before,
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs::after {
    display: none !important;
    content: none !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 28px !important;
    width: 100% !important;
    margin: 0 0 32px !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
    overflow: visible !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs::before,
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs::after {
    display: none !important;
    content: none !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li {
    position: relative !important;
    z-index: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li::before,
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li::after {
    display: none !important;
    content: none !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li a {
    position: relative !important;
    display: inline-block !important;
    padding: 0 0 9px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--bh-gold);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 240ms var(--bh-ease);
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li.active a {
    color: var(--bh-text) !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li.active a::after {
    transform: scaleX(1);
    transform-origin: left;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel {
    width: min(100%, 720px) !important;
    max-width: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel h2 {
    margin: 0 0 22px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(36px, 3.5vw, 48px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.026em !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel p:first-of-type {
    margin-top: 0 !important;
}

/* ---------- Recommendations ---------- */
body.single-product.bhraaj-single-product-v20 .related.products,
body.single-product.bhraaj-single-product-v20 .upsells.products {
    width: min(calc(100% - (var(--bh-product-gutter) * 2)), var(--bh-product-max)) !important;
    margin: 0 auto !important;
    padding: clamp(54px, 6vw, 84px) 0 clamp(88px, 8vw, 126px) !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-text) 10%, transparent) !important;
    clear: both !important;
}

body.single-product.bhraaj-single-product-v20 .related.products > h2,
body.single-product.bhraaj-single-product-v20 .upsells.products > h2 {
    margin: 0 0 clamp(28px, 3vw, 40px) !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(38px, 4vw, 54px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
}

body.single-product.bhraaj-single-product-v20 .related.products ul.products,
body.single-product.bhraaj-single-product-v20 .upsells.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(16px, 2vw, 28px) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .related.products ul.products::before,
body.single-product.bhraaj-single-product-v20 .related.products ul.products::after,
body.single-product.bhraaj-single-product-v20 .upsells.products ul.products::before,
body.single-product.bhraaj-single-product-v20 .upsells.products ul.products::after {
    display: none !important;
    content: none !important;
}

body.single-product.bhraaj-single-product-v20 .related.products ul.products li.product,
body.single-product.bhraaj-single-product-v20 .upsells.products ul.products li.product {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    clear: none !important;
}

/* ---------- Gallery pager: desktop hidden ---------- */
body.single-product.bhraaj-single-product-v20 .bhraaj-gallery-pager {
    display: none;
}

/* ---------- Medium desktop / tablet ---------- */
@media (min-width: 761px) and (max-width: 1120px) {
    body.single-product.bhraaj-single-product-v20 {
        --bh-product-gap: clamp(32px, 4vw, 50px);
        --bh-product-summary: minmax(360px, .90fr);
    }

    body.single-product.bhraaj-single-product-v20 div.product {
        grid-template-columns: minmax(0, 1fr) var(--bh-product-summary) !important;
        padding-top: 18px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .summary {
        max-width: 440px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        font-size: clamp(39px, 4.4vw, 50px) !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}

/* ---------- Mobile: horizontal swipe gallery ---------- */
@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20 {
        --bh-product-gutter: 0px;
    }

    body.single-product.bhraaj-single-product-v20 div.product {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 0 62px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .woocommerce-product-gallery {
        width: 100% !important;
        margin: 0 0 28px !important;
        overflow: hidden !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__wrapper {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc(100vw - 32px) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 16px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-left: 16px !important;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__wrapper::-webkit-scrollbar {
        display: none;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image {
        width: auto !important;
        min-width: 0 !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
        border-radius: 18px !important;
    }

    body.single-product.bhraaj-single-product-v20.bhraaj-product-no-media
    .woocommerce-product-gallery__image:first-child {
        min-height: min(112vw, 520px) !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-gallery-pager {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        min-height: 16px !important;
        margin: 12px 0 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-gallery-dot {
        display: block !important;
        width: 5px !important;
        min-width: 5px !important;
        height: 5px !important;
        min-height: 5px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: color-mix(in srgb, var(--bh-text) 24%, transparent) !important;
        box-shadow: none !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        cursor: pointer !important;
        transition: width 240ms var(--bh-ease), background 240ms ease, transform 240ms var(--bh-ease) !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-gallery-dot.is-active {
        width: 13px !important;
        min-width: 13px !important;
        background: color-mix(in srgb, var(--bh-text) 66%, transparent) !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-gallery-dot:focus-visible {
        outline: 1px solid var(--bh-gold) !important;
        outline-offset: 3px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .summary {
        position: static !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 18px !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        max-width: 15ch !important;
        font-size: clamp(40px, 11.5vw, 54px) !important;
        line-height: 1 !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-details__short-description {
        max-width: 38em !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 9px !important;
        max-width: none !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity,
    body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
        width: 82px !important;
        min-width: 82px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding-top: 17px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item {
        font-size: 11px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs {
        width: auto !important;
        margin: 0 18px !important;
        padding: 34px 0 66px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs {
        flex-wrap: nowrap !important;
        gap: 24px !important;
        margin-bottom: 28px !important;
        overflow-x: auto !important;
        scrollbar-width: none;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs::-webkit-scrollbar {
        display: none;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel h2 {
        font-size: clamp(34px, 9.6vw, 44px) !important;
    }

    body.single-product.bhraaj-single-product-v20 .related.products,
    body.single-product.bhraaj-single-product-v20 .upsells.products {
        width: 100% !important;
        padding: 52px 0 78px !important;
    }

    body.single-product.bhraaj-single-product-v20 .related.products > h2,
    body.single-product.bhraaj-single-product-v20 .upsells.products > h2 {
        margin: 0 18px 28px !important;
        font-size: clamp(36px, 10vw, 48px) !important;
    }

    body.single-product.bhraaj-single-product-v20 .related.products ul.products,
    body.single-product.bhraaj-single-product-v20 .upsells.products ul.products {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(240px, 78vw) !important;
        grid-template-columns: none !important;
        gap: 12px !important;
        padding: 0 18px 6px !important;
        overflow-x: auto !important;
        scroll-snap-type: x proximity !important;
        scroll-padding-left: 18px !important;
        scrollbar-width: none;
    }

    body.single-product.bhraaj-single-product-v20 .related.products ul.products::-webkit-scrollbar,
    body.single-product.bhraaj-single-product-v20 .upsells.products ul.products::-webkit-scrollbar {
        display: none;
    }

    body.single-product.bhraaj-single-product-v20 .related.products ul.products li.product,
    body.single-product.bhraaj-single-product-v20 .upsells.products ul.products li.product {
        scroll-snap-align: start !important;
    }
}

/* ---------- Very small mobile ---------- */
@media (max-width: 420px) {
    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 76px minmax(0, 1fr) !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity,
    body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
        width: 76px !important;
        min-width: 76px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
        padding-inline: 18px !important;
        font-size: 10.5px !important;
    }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button,
    body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
        transition: none !important;
    }
}

/* =========================================================
   BHRAAJ V20.2 — STICKY + ALIGNMENT LOCK
   Final structural correction before real product photography.

   Goals:
   - visually align media and commerce information at the top
   - normalize WooCommerce placeholder media into a premium BHRAAJ state
   - disable unnecessary sticky behavior when there is only one image
   - preserve sticky purchase behavior only for true multi-image desktop galleries
   - prevent partial purchase controls from floating beneath the header
   - preserve desktop vertical / mobile horizontal architecture
   ========================================================= */

/* ---------- Optical stage tightening ---------- */
@media (min-width: 761px) {
    body.single-product.bhraaj-single-product-v20 {
        --bh-product-stage-top: clamp(10px, .9vw, 16px);
    }

    body.single-product.bhraaj-single-product-v20 div.product {
        align-items: start !important;
        padding-top: var(--bh-product-stage-top) !important;
    }

    body.single-product.bhraaj-single-product-v20
    div.product .woocommerce-product-gallery,
    body.single-product.bhraaj-single-product-v20
    div.product .summary {
        align-self: start !important;
        margin-top: 0 !important;
    }
}

/* ---------- Premium placeholder normalization ----------
   V20 JS already identifies WooCommerce placeholder slides.
   This styling makes the media AREA itself visible from the top rather than
   leaving a tiny generic image icon floating in a large blank canvas. */
body.single-product.bhraaj-single-product-v20
.woocommerce-product-gallery__image.is-bhraaj-placeholder {
    display: grid !important;
    place-items: center !important;
    min-height: clamp(400px, 34vw, 480px) !important;
    border: 1px solid color-mix(in srgb, var(--bh-text) 9%, transparent) !important;
    border-radius: clamp(18px, 1.7vw, 24px) !important;
    background:
        radial-gradient(
            circle at 50% 43%,
            color-mix(in srgb, var(--bh-gold) 7%, transparent),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 4%),
            var(--bh-surface-soft)
        ) !important;
}

body.single-product.bhraaj-single-product-v20
.woocommerce-product-gallery__image.is-bhraaj-placeholder img {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 1px !important;
    min-height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.single-product.bhraaj-single-product-v20
.woocommerce-product-gallery__image.is-bhraaj-placeholder::before {
    content: "BHRAAJ";
    color: var(--bh-gold);
    font-family: var(--bh-serif);
    font-size: clamp(36px, 3.6vw, 54px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: .20em;
    opacity: .50;
    transform: translateX(.10em);
}

body.single-product.bhraaj-single-product-v20
.woocommerce-product-gallery__image.is-bhraaj-placeholder::after {
    content: "PRODUCT PHOTOGRAPHY";
    position: absolute;
    left: 50%;
    top: calc(50% + 50px);
    transform: translateX(-50%);
    color: color-mix(in srgb, var(--bh-text) 48%, transparent);
    font-family: var(--bh-sans);
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .18em;
    white-space: nowrap;
}

body.single-product.bhraaj-single-product-v20
.woocommerce-product-gallery.has-bhraaj-placeholder
.woocommerce-product-gallery__trigger {
    display: none !important;
}

/* ---------- Sticky behavior ----------
   A one-image product does not need a sticky column. Disabling it removes the
   awkward state where only quantity / CTA / trust information remains floating
   under the fixed header as the product frame ends.

   Once the client adds 2+ images, the normal V20 sticky desktop behavior
   automatically returns. */
@media (min-width: 761px) {
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media
    div.product .summary {
        position: static !important;
        top: auto !important;
        z-index: auto !important;
    }

    body.admin-bar.single-product.bhraaj-single-product-v20.bhraaj-product-single-media
    div.product .summary {
        top: auto !important;
    }

    /* True multi-image products keep the complete purchase panel together. */
    body.single-product.bhraaj-single-product-v20:not(.bhraaj-product-single-media)
    div.product .summary {
        position: sticky !important;
        top: calc(var(--bh-header-height) + 16px) !important;
    }

    body.admin-bar.single-product.bhraaj-single-product-v20:not(.bhraaj-product-single-media)
    div.product .summary {
        top: calc(var(--bh-header-height) + 48px) !important;
    }
}

/* ---------- Single-image composition ----------
   Keep the demo / temporary state compact so empty placeholder space does not
   dominate the product story. */
@media (min-width: 761px) {
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media
    div.product {
        padding-bottom: clamp(20px, 2vw, 30px) !important;
    }

    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media
    .woocommerce-tabs {
        padding-top: clamp(24px, 2.5vw, 34px) !important;
    }
}

/* ---------- Purchase block optical lock ---------- */
body.single-product.bhraaj-single-product-v20 div.product p.stock {
    margin-bottom: 16px !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 12px !important;
    max-width: 490px !important;
    margin-bottom: 18px !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity,
body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
    width: 82px !important;
    min-width: 82px !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
    border-color: color-mix(in srgb, var(--bh-text) 13%, transparent) !important;
    background: color-mix(in srgb, var(--bh-surface) 68%, transparent) !important;
}

body.single-product.bhraaj-single-product-v20
div.product form.cart .single_add_to_cart_button {
    letter-spacing: .075em !important;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--bh-text) 6%, transparent) !important;
}

/* ---------- Trust rail final readability ---------- */
body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
    gap: 10px 20px !important;
    padding-top: 17px !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item {
    font-size: 11.25px !important;
    line-height: 1.45 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-mark {
    width: 5px !important;
    height: 5px !important;
    flex-basis: 5px !important;
}

/* ---------- Long-form transition ----------
   Keep a clear but restrained transition into The piece. */
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs {
    border-top-color: color-mix(in srgb, var(--bh-text) 8%, transparent) !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs {
    margin-bottom: 28px !important;
}

/* ---------- Mobile remains intentionally different ----------
   Horizontal gallery, non-sticky commerce panel, normal vertical information. */
@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20
    .woocommerce-product-gallery__image.is-bhraaj-placeholder {
        min-height: min(108vw, 500px) !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 80px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity,
    body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
        width: 80px !important;
        min-width: 80px !important;
    }
}

/* =========================================================
   BHRAAJ V21 — PREMIUM CART EXPERIENCE
   Free-only implementation: WooCommerce core + BHRAAJ theme code.
   No paid theme, page builder, cart plugin, or animation library.
   ========================================================= */

body.bhraaj-cart-v21 {
	--bh-cart-max: 1220px;
	--bh-cart-panel: color-mix(in srgb, var(--bh-surface) 82%, transparent);
	--bh-cart-panel-strong: color-mix(in srgb, var(--bh-surface) 94%, transparent);
}

/* The block itself becomes the page composition. */
body.bhraaj-cart-v21 .wc-block-cart {
	width: min(calc(100% - 48px), var(--bh-cart-max));
	margin: 0 auto !important;
	padding: clamp(42px, 5vw, 78px) 0 clamp(72px, 8vw, 118px) !important;
	color: var(--bh-text);
}

/* JS-injected, semantic premium masthead. */
body.bhraaj-cart-v21 .bhraaj-cart-masthead {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 30px;
	margin-bottom: clamp(34px, 4vw, 58px);
	padding-bottom: clamp(22px, 2.6vw, 34px);
	border-bottom: 1px solid var(--bh-border);
}

body.bhraaj-cart-v21 .bhraaj-cart-masthead-copy {
	max-width: 700px;
}

body.bhraaj-cart-v21 .bhraaj-cart-kicker {
	margin: 0 0 10px;
	color: var(--bh-gold);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .18em;
	text-transform: uppercase;
}

body.bhraaj-cart-v21 .bhraaj-cart-masthead h1 {
	margin: 0;
	color: var(--bh-text);
	font-family: var(--bh-serif);
	font-size: clamp(46px, 5.3vw, 76px);
	font-weight: 500;
	line-height: .95;
	letter-spacing: -.035em;
	text-wrap: balance;
}

body.bhraaj-cart-v21 .bhraaj-cart-intro {
	max-width: 520px;
	margin: 18px 0 0;
	color: var(--bh-text-soft);
	font-size: 14px;
	line-height: 1.75;
}

body.bhraaj-cart-v21 .bhraaj-cart-count-note {
	margin: 0 0 4px;
	color: var(--bh-text-soft);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Kill generic outer borders and let the BHRAAJ panel system lead. */
body.bhraaj-cart-v21 .wc-block-cart__main,
body.bhraaj-cart-v21 .wc-block-cart__sidebar {
	border: 0 !important;
}

body.bhraaj-cart-v21 .wc-block-cart__main {
	padding-right: clamp(24px, 4vw, 64px) !important;
}

body.bhraaj-cart-v21 .wc-block-cart__sidebar {
	position: sticky;
	top: calc(var(--bh-header-height) + 22px);
	align-self: start;
	padding: clamp(24px, 2.4vw, 34px) !important;
	border: 1px solid var(--bh-border) !important;
	border-radius: var(--bh-radius-lg);
	background: var(--bh-cart-panel);
	box-shadow: 0 18px 52px color-mix(in srgb, var(--bh-text) 6%, transparent);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	transition:
		background 420ms var(--bh-ease),
		border-color 420ms var(--bh-ease),
		box-shadow 320ms var(--bh-ease),
		transform 320ms var(--bh-ease);
}

body.admin-bar.bhraaj-cart-v21 .wc-block-cart__sidebar {
	top: calc(var(--bh-header-height) + 54px);
}

html[data-theme="dark"] body.bhraaj-cart-v21 .wc-block-cart__sidebar {
	box-shadow: 0 22px 60px rgba(0, 0, 0, .22);
}

/* Cart table: editorial, not spreadsheet-like. */
body.bhraaj-cart-v21 table.wc-block-cart-items {
	margin: 0 !important;
	border: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	background: transparent !important;
}

body.bhraaj-cart-v21 table.wc-block-cart-items thead {
	display: none !important;
}

body.bhraaj-cart-v21 table.wc-block-cart-items tbody {
	display: grid;
	gap: 0;
}

body.bhraaj-cart-v21 table.wc-block-cart-items tr.wc-block-cart-items__row {
	display: grid;
	grid-template-columns: minmax(118px, 26%) minmax(0, 1fr) auto;
	gap: clamp(18px, 2.4vw, 32px);
	align-items: center;
	min-height: 188px;
	padding: 26px 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--bh-border) !important;
	background: transparent !important;
	transition:
		opacity 240ms var(--bh-ease),
		transform 300ms var(--bh-ease);
}

body.bhraaj-cart-v21 table.wc-block-cart-items tr.wc-block-cart-items__row:first-child {
	padding-top: 0 !important;
}

body.bhraaj-cart-v21 table.wc-block-cart-items tr.wc-block-cart-items__row:last-child {
	border-bottom: 0 !important;
}

/* Product image */
body.bhraaj-cart-v21 .wc-block-cart-item__image {
	width: 100% !important;
	padding: 0 !important;
}

body.bhraaj-cart-v21 .wc-block-cart-item__image a {
	display: block;
	overflow: hidden;
	border-radius: var(--bh-radius-md);
	background: var(--bh-surface-soft);
}

body.bhraaj-cart-v21 .wc-block-cart-item__image img {
	display: block;
	width: 100% !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border: 0 !important;
	border-radius: inherit;
	background: var(--bh-surface-soft);
	transition:
		transform 650ms var(--bh-ease),
		opacity 300ms ease;
}

@media (hover: hover) {
	body.bhraaj-cart-v21 .wc-block-cart-item__image a:hover img {
		transform: scale(1.025);
	}
}

/* Product copy */
body.bhraaj-cart-v21 .wc-block-cart-item__product {
	padding: 0 !important;
	min-width: 0;
}

body.bhraaj-cart-v21 .wc-block-components-product-name {
	display: inline-block;
	margin: 0 0 8px !important;
	color: var(--bh-text) !important;
	font-family: var(--bh-serif);
	font-size: clamp(25px, 2.1vw, 34px) !important;
	font-weight: 500 !important;
	line-height: 1.03 !important;
	letter-spacing: -.025em;
	transition: color 220ms ease, opacity 220ms ease;
}

body.bhraaj-cart-v21 .wc-block-components-product-name:hover {
	color: var(--bh-gold) !important;
}

body.bhraaj-cart-v21 .wc-block-components-product-metadata,
body.bhraaj-cart-v21 .wc-block-components-product-details,
body.bhraaj-cart-v21 .wc-block-components-product-metadata__description {
	margin: 0 0 14px !important;
	color: var(--bh-text-soft) !important;
	font-size: 11.5px !important;
	line-height: 1.65 !important;
}

body.bhraaj-cart-v21 .wc-block-cart-item__prices,
body.bhraaj-cart-v21 .wc-block-components-product-price {
	color: var(--bh-text) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

/* Quantity selector */
body.bhraaj-cart-v21 .wc-block-components-quantity-selector {
	display: inline-grid !important;
	grid-template-columns: 34px 42px 34px;
	align-items: center;
	width: auto !important;
	min-width: 110px !important;
	height: 40px;
	margin: 4px 0 0 !important;
	border: 1px solid color-mix(in srgb, var(--bh-text) 14%, transparent) !important;
	border-radius: 999px !important;
	background: color-mix(in srgb, var(--bh-surface) 66%, transparent) !important;
	overflow: hidden;
}

body.bhraaj-cart-v21 .wc-block-components-quantity-selector::after {
	display: none !important;
}

body.bhraaj-cart-v21 .wc-block-components-quantity-selector input,
body.bhraaj-cart-v21 .wc-block-components-quantity-selector button {
	height: 38px !important;
	min-height: 38px !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--bh-text) !important;
	box-shadow: none !important;
}

body.bhraaj-cart-v21 .wc-block-components-quantity-selector input {
	width: 42px !important;
	padding: 0 !important;
	text-align: center !important;
	font-size: 12px !important;
	font-weight: 700;
}

body.bhraaj-cart-v21 .wc-block-components-quantity-selector button {
	width: 34px !important;
	padding: 0 !important;
	font-size: 17px !important;
	transition: background 200ms ease, color 200ms ease;
}

@media (hover: hover) {
	body.bhraaj-cart-v21 .wc-block-components-quantity-selector button:hover {
		background: color-mix(in srgb, var(--bh-gold) 10%, transparent) !important;
		color: var(--bh-gold) !important;
	}
}

/* Remove action becomes quiet text, not destructive UI. */
body.bhraaj-cart-v21 .wc-block-cart-item__remove-link {
	margin-top: 11px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--bh-text-soft) !important;
	font-size: 10.5px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	text-decoration: underline !important;
	text-decoration-color: color-mix(in srgb, var(--bh-text-soft) 36%, transparent) !important;
	text-underline-offset: 4px;
	transition: color 200ms ease, text-decoration-color 200ms ease;
}

body.bhraaj-cart-v21 .wc-block-cart-item__remove-link:hover {
	color: var(--bh-text) !important;
	text-decoration-color: currentColor !important;
}

/* Item total */
body.bhraaj-cart-v21 .wc-block-cart-item__total {
	align-self: center;
	padding: 0 !important;
	text-align: right !important;
}

body.bhraaj-cart-v21 .wc-block-cart-item__total-price-and-sale-badge-wrapper {
	justify-content: flex-end !important;
}

body.bhraaj-cart-v21 .wc-block-cart-item__total .wc-block-components-product-price {
	font-size: 14px !important;
}

/* Sidebar hierarchy */
body.bhraaj-cart-v21 .wc-block-cart__totals-title {
	margin: 0 0 18px !important;
	padding: 0 0 18px !important;
	border-bottom: 1px solid var(--bh-border) !important;
	color: var(--bh-text) !important;
	font-family: var(--bh-serif) !important;
	font-size: clamp(28px, 2.2vw, 34px) !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: -.025em !important;
	text-transform: none !important;
}

body.bhraaj-cart-v21 .wc-block-components-totals-wrapper {
	padding: 16px 0 !important;
	border-top: 1px solid var(--bh-border) !important;
}

body.bhraaj-cart-v21 .wc-block-components-totals-wrapper:first-of-type {
	border-top: 0 !important;
}

body.bhraaj-cart-v21 .wc-block-components-totals-item__label,
body.bhraaj-cart-v21 .wc-block-components-totals-item__value {
	color: var(--bh-text) !important;
	font-size: 12px !important;
}

body.bhraaj-cart-v21 .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.bhraaj-cart-v21 .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--bh-serif);
	font-size: clamp(23px, 2vw, 30px) !important;
	font-weight: 500 !important;
	line-height: 1.1;
}

/* Coupon becomes a quiet disclosure. */
body.bhraaj-cart-v21 .wc-block-components-totals-coupon {
	margin: 0 !important;
}

body.bhraaj-cart-v21 .wc-block-components-totals-coupon__button,
body.bhraaj-cart-v21 .wc-block-components-panel__button {
	color: var(--bh-text) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .03em;
}

body.bhraaj-cart-v21 .wc-block-components-totals-coupon__content {
	padding-top: 12px !important;
}

body.bhraaj-cart-v21 .wc-block-components-totals-coupon__content input {
	min-height: 46px !important;
	border: 1px solid var(--bh-border) !important;
	border-radius: var(--bh-radius-sm) !important;
	background: var(--bh-surface) !important;
	color: var(--bh-text) !important;
	box-shadow: none !important;
}

body.bhraaj-cart-v21 .wc-block-components-totals-coupon__content button {
	min-height: 46px !important;
	border-radius: var(--bh-radius-sm) !important;
	background: var(--bh-text) !important;
	color: var(--bh-bg) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

/* Proceed to checkout: one dominant action. */
body.bhraaj-cart-v21 .wc-block-cart__submit-container {
	margin-top: 22px !important;
}

body.bhraaj-cart-v21 .wc-block-cart__submit-button {
	min-height: 58px !important;
	width: 100% !important;
	border: 1px solid var(--bh-text) !important;
	border-radius: 999px !important;
	background: var(--bh-text) !important;
	color: var(--bh-bg) !important;
	box-shadow: 0 14px 34px color-mix(in srgb, var(--bh-text) 10%, transparent) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: .075em !important;
	text-transform: uppercase;
	transition:
		transform 240ms var(--bh-ease),
		box-shadow 240ms var(--bh-ease),
		background 240ms ease,
		color 240ms ease !important;
}

@media (hover: hover) {
	body.bhraaj-cart-v21 .wc-block-cart__submit-button:hover {
		transform: translateY(-2px);
		box-shadow: 0 18px 42px color-mix(in srgb, var(--bh-text) 15%, transparent) !important;
	}
}

body.bhraaj-cart-v21 .wc-block-cart__submit-button:active {
	transform: translateY(0);
}

/* Semantic reassurance added by JS below CTA. */
body.bhraaj-cart-v21 .bhraaj-cart-assurance {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--bh-border);
}

body.bhraaj-cart-v21 .bhraaj-cart-assurance-item {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	min-width: 0;
	color: var(--bh-text-soft);
	font-size: 9.5px;
	font-weight: 600;
	line-height: 1.45;
}

body.bhraaj-cart-v21 .bhraaj-cart-assurance-mark {
	width: 4px;
	height: 4px;
	margin-top: 5px;
	flex: 0 0 4px;
	border-radius: 50%;
	background: var(--bh-gold);
}

/* Shipping calculator / ancillary components */
body.bhraaj-cart-v21 .wc-block-components-shipping-rates-control,
body.bhraaj-cart-v21 .wc-block-components-totals-shipping {
	color: var(--bh-text) !important;
}

body.bhraaj-cart-v21 .wc-block-components-radio-control__option {
	border-color: var(--bh-border) !important;
}

body.bhraaj-cart-v21 .wc-block-components-address-card,
body.bhraaj-cart-v21 .wc-block-components-shipping-address {
	background: transparent !important;
	border-color: var(--bh-border) !important;
}

/* Cross-sells / recommendations, if WooCommerce has enough products. */
body.bhraaj-cart-v21 .wp-block-woocommerce-cart-cross-sells-block {
	margin-top: clamp(64px, 8vw, 112px) !important;
	padding-top: clamp(38px, 4vw, 56px) !important;
	border-top: 1px solid var(--bh-border);
}

body.bhraaj-cart-v21 .wp-block-woocommerce-cart-cross-sells-block > h2,
body.bhraaj-cart-v21 .wc-block-cart__cross-sells-title {
	margin: 0 0 30px !important;
	color: var(--bh-text) !important;
	font-family: var(--bh-serif) !important;
	font-size: clamp(38px, 4vw, 56px) !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: -.035em !important;
}

/* ---------- Empty bag ----------
   WooCommerce Blocks uses a separate empty-cart block. Keep it calm,
   intentional and useful instead of looking like an error state. */
body.bhraaj-cart-v21 .wp-block-woocommerce-empty-cart-block {
	width: min(calc(100% - 48px), 960px);
	margin: 0 auto !important;
	padding: clamp(76px, 10vw, 150px) 0 clamp(90px, 12vw, 170px) !important;
	text-align: center;
}

body.bhraaj-cart-v21 .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title,
body.bhraaj-cart-v21 .wp-block-woocommerce-empty-cart-block h2:first-child {
	margin: 0 auto 18px !important;
	color: var(--bh-text) !important;
	font-family: var(--bh-serif) !important;
	font-size: clamp(48px, 6vw, 82px) !important;
	font-weight: 500 !important;
	line-height: .95 !important;
	letter-spacing: -.04em !important;
}

body.bhraaj-cart-v21 .wp-block-woocommerce-empty-cart-block p {
	max-width: 520px;
	margin-inline: auto;
	color: var(--bh-text-soft);
	line-height: 1.75;
}

body.bhraaj-cart-v21 .wp-block-woocommerce-empty-cart-block .wp-block-button__link,
body.bhraaj-cart-v21 .wp-block-woocommerce-empty-cart-block a.wc-block-components-button {
	min-height: 54px;
	padding: 0 28px !important;
	border-radius: 999px !important;
	background: var(--bh-text) !important;
	color: var(--bh-bg) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 54px !important;
	letter-spacing: .07em;
	text-transform: uppercase;
}

/* ---------- Dark mode ---------- */
html[data-theme="dark"] body.bhraaj-cart-v21 .wc-block-cart-item__image a,
html[data-theme="dark"] body.bhraaj-cart-v21 .wc-block-cart-item__image img {
	background: #211c19;
}

html[data-theme="dark"] body.bhraaj-cart-v21 .wc-block-components-quantity-selector {
	background: color-mix(in srgb, var(--bh-surface) 82%, transparent) !important;
}

/* ---------- Tablet ---------- */
@media (max-width: 980px) {
	body.bhraaj-cart-v21 .wc-block-cart {
		width: min(calc(100% - 36px), var(--bh-cart-max));
	}

	body.bhraaj-cart-v21 .wc-block-cart__main {
		padding-right: 26px !important;
	}

	body.bhraaj-cart-v21 .wc-block-cart__sidebar {
		padding: 24px !important;
	}
}

/* ---------- Mobile ---------- */
@media (max-width: 700px) {
	body.bhraaj-cart-v21 .wc-block-cart {
		width: min(calc(100% - 28px), var(--bh-cart-max));
		padding-top: 30px !important;
		padding-bottom: 72px !important;
	}

	body.bhraaj-cart-v21 .bhraaj-cart-masthead {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 16px;
		margin-bottom: 28px;
		padding-bottom: 22px;
	}

	body.bhraaj-cart-v21 .bhraaj-cart-intro {
		margin-top: 14px;
		font-size: 13px;
		line-height: 1.7;
	}

	body.bhraaj-cart-v21 .bhraaj-cart-count-note {
		justify-self: start;
	}

	body.bhraaj-cart-v21 .wc-block-cart__main {
		padding-right: 0 !important;
	}

	body.bhraaj-cart-v21 .wc-block-cart__sidebar {
		position: static !important;
		top: auto !important;
		margin-top: 34px !important;
		padding: 22px !important;
		border-radius: 22px;
	}

	body.bhraaj-cart-v21 table.wc-block-cart-items tr.wc-block-cart-items__row {
		grid-template-columns: 98px minmax(0, 1fr);
		gap: 16px;
		min-height: 0;
		padding: 20px 0 !important;
	}

	body.bhraaj-cart-v21 .wc-block-cart-item__image {
		grid-column: 1;
		grid-row: 1 / span 2;
		align-self: start;
	}

	body.bhraaj-cart-v21 .wc-block-cart-item__product {
		grid-column: 2;
		grid-row: 1;
	}

	body.bhraaj-cart-v21 .wc-block-cart-item__total {
		grid-column: 2;
		grid-row: 2;
		justify-self: start;
		align-self: end;
		text-align: left !important;
	}

	body.bhraaj-cart-v21 .wc-block-cart-item__total-price-and-sale-badge-wrapper {
		justify-content: flex-start !important;
	}

	body.bhraaj-cart-v21 .wc-block-components-product-name {
		font-size: 25px !important;
	}

	body.bhraaj-cart-v21 .wc-block-components-quantity-selector {
		grid-template-columns: 32px 38px 32px;
		min-width: 102px !important;
		height: 38px;
	}

	body.bhraaj-cart-v21 .wc-block-components-quantity-selector input,
	body.bhraaj-cart-v21 .wc-block-components-quantity-selector button {
		height: 36px !important;
		min-height: 36px !important;
	}

	body.bhraaj-cart-v21 .wc-block-components-quantity-selector input {
		width: 38px !important;
	}

	body.bhraaj-cart-v21 .wc-block-components-quantity-selector button {
		width: 32px !important;
	}

	body.bhraaj-cart-v21 .bhraaj-cart-assurance {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	body.bhraaj-cart-v21 .bhraaj-cart-assurance-item {
		font-size: 10px;
	}
}

/* Motion accessibility */
@media (prefers-reduced-motion: reduce) {
	body.bhraaj-cart-v21 *,
	body.bhraaj-cart-v21 *::before,
	body.bhraaj-cart-v21 *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* =========================================================
   BHRAAJ V22.9 — CART CONTENT VERTICAL ALIGN
   Collection + Cart
   21 Aug 2026

   Purpose:
   - correct the V22 escaped-tab CSS defect
   - rebalance the collection masthead
   - remove the remaining generic WooCommerce cart artifacts
   - improve optical spacing without redesigning stable pages
   - preserve homepage, header, footer, product and checkout architecture
   ========================================================= */

/* Gold/bronze is the selected BHRAAJ interaction accent. */
:focus-visible {
	outline-color: var(--bh-brand-accent, var(--bh-gold));
}

/* =========================================================
   CART — FINAL CLOSE-UP QA
   ========================================================= */

/* The count becomes its own quiet status badge rather than sitting on the
   introductory sentence baseline. */
body.bhraaj-cart-v211 .bhraaj-cart-masthead {
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: start !important;
	gap: 28px !important;
}

body.bhraaj-cart-v211 .bhraaj-cart-count-note {
	align-self: start;
	justify-self: end;
	margin: 5px 0 0 !important;
	padding: 8px 11px;
	border: 1px solid var(--bh-border);
	border-radius: 999px;
	background: color-mix(in srgb, var(--bh-surface) 62%, transparent);
	color: var(--bh-text-soft);
	font-size: 9px !important;
	font-weight: 700 !important;
	line-height: 1;
	letter-spacing: .09em !important;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Product media. JS adds is-bhraaj-cart-placeholder; :has() is a modern
   Chrome/Safari fallback if WooCommerce changes the class around the image. */
body.bhraaj-cart-v211 .wc-block-cart-item__image.is-bhraaj-cart-placeholder a,
body.bhraaj-cart-v211 .wc-block-cart-item__image:has(img.woocommerce-placeholder) a,
body.bhraaj-cart-v211 .wc-block-cart-item__image:has(img[src*="placeholder"]) a {
	position: relative;
	display: grid !important;
	place-items: center;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--bh-text) 7%, transparent);
	border-radius: var(--bh-radius-md);
	background:
		radial-gradient(
			circle at 50% 40%,
			color-mix(in srgb, var(--bh-brand-accent, var(--bh-gold)) 8%, transparent),
			transparent 38%
		),
		linear-gradient(
			145deg,
			color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 4%),
			var(--bh-surface-soft)
		);
}

body.bhraaj-cart-v211 .wc-block-cart-item__image.is-bhraaj-cart-placeholder img,
body.bhraaj-cart-v211 .wc-block-cart-item__image img.woocommerce-placeholder,
body.bhraaj-cart-v211 .wc-block-cart-item__image img[src*="placeholder"] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

body.bhraaj-cart-v211 .wc-block-cart-item__image.is-bhraaj-cart-placeholder a::before,
body.bhraaj-cart-v211 .wc-block-cart-item__image:has(img.woocommerce-placeholder) a::before,
body.bhraaj-cart-v211 .wc-block-cart-item__image:has(img[src*="placeholder"]) a::before {
	content: "B";
	color: var(--bh-brand-accent, var(--bh-gold));
	font-family: var(--bh-serif);
	font-size: clamp(42px, 4vw, 62px);
	font-weight: 500;
	line-height: 1;
	opacity: .54;
}

body.bhraaj-cart-v211 .wc-block-cart-item__image.is-bhraaj-cart-placeholder a::after,
body.bhraaj-cart-v211 .wc-block-cart-item__image:has(img.woocommerce-placeholder) a::after,
body.bhraaj-cart-v211 .wc-block-cart-item__image:has(img[src*="placeholder"]) a::after {
	content: "BHRAAJ";
	position: absolute;
	left: 50%;
	top: calc(50% + 34px);
	transform: translateX(-50%);
	color: color-mix(in srgb, var(--bh-text) 42%, transparent);
	font-family: var(--bh-sans);
	font-size: 7px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .18em;
}

/* Editorial product-row hierarchy — single source of truth.
   WooCommerce can place borders on individual cart cells, which caused the
   image rule and product-copy rule to drift apart. V22.7 removes every cell
   separator and lets the ROW own one continuous horizontal rule. */
body.bhraaj-cart-v211 table.wc-block-cart-items tr.wc-block-cart-items__row {
	grid-template-columns: minmax(132px, 24%) minmax(0, 1fr) minmax(88px, auto) !important;
	gap: clamp(20px, 2.25vw, 30px) !important;
	align-items: start !important;
	min-height: 174px !important;
	padding: 18px 0 23px !important;
	border: 0 !important;
	border-top: 1px solid var(--bh-border) !important;
	background: transparent !important;
}

/* Neutralize WooCommerce's per-cell borders/padding so there is only one
   separator across image, product information and item total. */
body.bhraaj-cart-v211 table.wc-block-cart-items tr.wc-block-cart-items__row > td,
body.bhraaj-cart-v211 table.wc-block-cart-items tr.wc-block-cart-items__row > th,
body.bhraaj-cart-v211 .wc-block-cart-item__image,
body.bhraaj-cart-v211 .wc-block-cart-item__product,
body.bhraaj-cart-v211 .wc-block-cart-item__total {
	border: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

body.bhraaj-cart-v211 .wc-block-cart-item__image {
	position: relative !important;
	align-self: start !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.bhraaj-cart-v211 .wc-block-cart-item__image > a {
	position: relative !important;
	top: 14px !important;
	margin: 0 !important;
}

body.bhraaj-cart-v211 .wc-block-cart-item__product {
	position: relative !important;
	top: 14px !important;
	align-self: start !important;
	min-width: 0;
	padding: 0 !important;
}

body.bhraaj-cart-v211 .wc-block-cart-item__total {
	position: relative !important;
	top: 14px !important;
	align-self: start !important;
	padding: 4px 0 0 !important;
}

body.bhraaj-cart-v211 .wc-block-components-product-name {
	margin-bottom: 6px !important;
}

body.bhraaj-cart-v211 .wc-block-components-product-metadata,
body.bhraaj-cart-v211 .wc-block-components-product-details,
body.bhraaj-cart-v211 .wc-block-components-product-metadata__description {
	max-width: 390px;
	margin-bottom: 10px !important;
	font-size: 10.75px !important;
	line-height: 1.55 !important;
}

/* Remove the utility-trash visual and replace it with restrained text. */
body.bhraaj-cart-v211 .wc-block-cart-item__remove-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	min-width: 0 !important;
	min-height: 24px !important;
	width: auto !important;
	margin: 8px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	overflow: visible !important;
}

body.bhraaj-cart-v211 .wc-block-cart-item__remove-link > *,
body.bhraaj-cart-v211 .wc-block-cart-item__remove-link svg,
body.bhraaj-cart-v211 .wc-block-cart-item__remove-link img {
	display: none !important;
}

body.bhraaj-cart-v211 .wc-block-cart-item__remove-link::after {
	content: "Remove";
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 1px solid color-mix(in srgb, var(--bh-text-soft) 30%, transparent);
	color: var(--bh-text-soft);
	font-size: 9.75px;
	font-weight: 650;
	line-height: 1;
	letter-spacing: .035em;
	transition: color 180ms ease, border-color 180ms ease;
}

@media (hover: hover) {
	body.bhraaj-cart-v211 .wc-block-cart-item__remove-link:hover::after {
		border-color: currentColor;
		color: var(--bh-text);
	}
}

body.bhraaj-cart-v211 .wc-block-cart__totals-title {
	font-size: clamp(29px, 2.25vw, 35px) !important;
}

/* Reassurance is deliberately stacked so every line is readable. */
body.bhraaj-cart-v211 .bhraaj-cart-assurance {
	grid-template-columns: 1fr !important;
	gap: 8px !important;
	margin-top: 16px !important;
	padding-top: 16px !important;
}

body.bhraaj-cart-v211 .bhraaj-cart-assurance-item {
	gap: 8px !important;
	color: var(--bh-text-soft);
	font-size: 10.25px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
}

body.bhraaj-cart-v211 .bhraaj-cart-assurance-mark {
	width: 4px !important;
	height: 4px !important;
	flex-basis: 4px !important;
	background: var(--bh-brand-accent, var(--bh-gold)) !important;
}

body.bhraaj-cart-v211 .wc-block-cart__sidebar {
	background: color-mix(in srgb, var(--bh-surface) 88%, transparent) !important;
	box-shadow: 0 20px 58px color-mix(in srgb, var(--bh-text) 5.5%, transparent) !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

/* Intermediate widths: keep the category controls intentional rather than
   allowing one awkward orphan pill. */
@media (min-width: 761px) and (max-width: 1020px) {
	body.bhraaj-shop-v22 .bhraaj-shop-categories {
		gap: 6px !important;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-chip {
		min-height: 35px !important;
		padding-inline: 13px !important;
	}
}

@media (max-width: 760px) {
	body.bhraaj-shop-v22 #primary,
	body.bhraaj-shop-v22 main.site-main {
		width: min(calc(100% - 28px), var(--bh-container));
		padding-top: 26px !important;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-masthead-copy {
		display: block !important;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-kicker {
		margin: 0 0 13px !important;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-masthead h1,
	body.bhraaj-shop-v22 .bhraaj-shop-description {
		grid-column: auto;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-masthead h1 {
		max-width: 100% !important;
		font-size: clamp(43px, 13vw, 62px) !important;
		line-height: 1.015 !important;
		letter-spacing: -.032em !important;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-description {
		max-width: 470px !important;
		margin-top: 14px !important;
		font-size: 12.5px !important;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-categories {
		flex-wrap: nowrap;
		gap: 6px !important;
		margin-top: 19px !important;
		padding-bottom: 4px;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-categories::-webkit-scrollbar {
		display: none;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-chip {
		flex: 0 0 auto;
		min-height: 35px !important;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-toolbar {
		align-items: flex-start;
		min-height: 0;
		margin-bottom: 18px;
		padding: 12px 0 14px;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-sort-label {
		display: none;
	}

	body.bhraaj-shop-v22 .bhraaj-shop-sort .woocommerce-ordering select {
		max-width: 165px;
	}

	body.bhraaj-cart-v211 .bhraaj-cart-masthead {
		grid-template-columns: 1fr !important;
		gap: 13px !important;
	}

	body.bhraaj-cart-v211 .bhraaj-cart-count-note {
		justify-self: start;
		margin-top: 0 !important;
	}

	body.bhraaj-cart-v211 table.wc-block-cart-items tr.wc-block-cart-items__row {
		grid-template-columns: 98px minmax(0, 1fr) !important;
		gap: 16px !important;
		min-height: 0 !important;
		padding: 14px 0 20px !important;
		border-top: 1px solid var(--bh-border) !important;
	}

	body.bhraaj-cart-v211 .wc-block-cart-item__image {
		grid-column: 1;
		grid-row: 1 / span 2;
		align-self: start !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.bhraaj-cart-v211 .wc-block-cart-item__image > a {
		top: 10px !important;
	}

	body.bhraaj-cart-v211 .wc-block-cart-item__product,
	body.bhraaj-cart-v211 .wc-block-cart-item__total {
		top: 10px !important;
	}

	body.bhraaj-cart-v211 .wc-block-cart-item__product {
		grid-column: 2;
		grid-row: 1;
	}

	body.bhraaj-cart-v211 .wc-block-cart-item__total {
		grid-column: 2;
		grid-row: 2;
		justify-self: start;
		text-align: left !important;
	}
}

/* =========================================================
   MOTION ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
	body.bhraaj-shop-v22 .bhraaj-shop-masthead-copy,
	body.bhraaj-shop-v22 .bhraaj-shop-categories,
	body.bhraaj-shop-v22 .bhraaj-shop-toolbar {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
	}

	body.bhraaj-shop-v22 *,
	body.bhraaj-cart-v211 *,
	body.bhraaj-shop-v22 *::before,
	body.bhraaj-shop-v22 *::after,
	body.bhraaj-cart-v211 *::before,
	body.bhraaj-cart-v211 *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}



/* =========================================================
   BHRAAJ V23 — PREMIUM MY ACCOUNT EXPERIENCE
   Login / Register / Dashboard / Orders / Addresses / Details
   One coherent account system; WooCommerce remains functional owner.
   ========================================================= */

body.woocommerce-account {
	--bh-account-rail: 252px;
}

body.woocommerce-account .woocommerce {
	width: min(calc(100% - 48px), var(--bh-container));
	margin: 0 auto;
}

.bhraaj-account-masthead {
	width: min(calc(100% - 48px), var(--bh-container));
	margin: 0 auto;
	padding: clamp(58px, 7vw, 94px) 0 clamp(34px, 4vw, 52px);
	border-bottom: 1px solid var(--bh-border);
}

.bhraaj-account-masthead-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 32px;
}

.bhraaj-account-kicker {
	margin: 0 0 12px;
	color: var(--bh-red);
	font-size: 10px;
	font-weight: 750;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.bhraaj-account-masthead h1 {
	max-width: 760px;
	margin: 0;
	color: var(--bh-text);
	font-family: var(--bh-serif);
	font-size: clamp(52px, 6vw, 88px);
	font-weight: 400;
	line-height: .95;
	letter-spacing: -.038em;
	text-wrap: balance;
}

.bhraaj-account-intro {
	max-width: 560px;
	margin: 18px 0 0;
	color: var(--bh-text-soft);
	font-size: clamp(13px, 1.05vw, 15px);
	line-height: 1.8;
}

.bhraaj-account-state {
	align-self: end;
	margin: 0 0 8px;
	padding: 9px 13px;
	border: 1px solid var(--bh-border);
	border-radius: 999px;
	color: var(--bh-text-soft);
	background: color-mix(in srgb, var(--bh-surface) 78%, transparent);
	font-size: 9px;
	font-weight: 750;
	letter-spacing: .12em;
	text-transform: uppercase;
}

/* ---------- Logged-out: login / registration ---------- */

body.woocommerce-account:not(.logged-in) .woocommerce {
	padding: clamp(34px, 4vw, 54px) 0 clamp(82px, 9vw, 124px);
}

body.woocommerce-account:not(.logged-in) .woocommerce > h2,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column1 > h2,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 > h2 {
	margin: 0 0 24px;
	font-family: var(--bh-serif);
	font-size: clamp(34px, 3.5vw, 50px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -.025em;
}

body.woocommerce-account:not(.logged-in) .woocommerce .u-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(18px, 3vw, 38px);
	align-items: stretch;
}

body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2,
body.woocommerce-account:not(.logged-in) form.login,
body.woocommerce-account:not(.logged-in) form.register,
body.woocommerce-account form.woocommerce-ResetPassword {
	width: 100%;
	margin: 0;
}

body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 {
	padding: clamp(28px, 3.3vw, 46px);
	border: 1px solid var(--bh-border);
	border-radius: var(--bh-radius-lg);
	background:
		linear-gradient(
			145deg,
			color-mix(in srgb, var(--bh-surface) 95%, transparent),
			color-mix(in srgb, var(--bh-surface-soft) 58%, var(--bh-surface))
		);
	box-shadow: 0 22px 70px rgba(63, 39, 24, .055);
}

html[data-theme="dark"] body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
html[data-theme="dark"] body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 {
	box-shadow: 0 24px 74px rgba(0, 0, 0, .18);
}

body.woocommerce-account form.login,
body.woocommerce-account form.register {
	padding: 0;
	border: 0;
	background: transparent;
}

body.woocommerce-account .form-row {
	margin: 0 0 18px;
	padding: 0;
}

body.woocommerce-account .form-row label {
	display: block;
	margin: 0 0 8px;
	color: var(--bh-text-soft);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .075em;
}

body.woocommerce-account .required {
	color: var(--bh-red);
}

body.woocommerce-account input.input-text,
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="tel"],
body.woocommerce-account input[type="password"],
body.woocommerce-account select,
body.woocommerce-account textarea {
	width: 100%;
	min-height: 52px;
	padding: 13px 15px;
	border: 1px solid var(--bh-border);
	border-radius: 12px;
	outline: 0;
	background: var(--bh-surface);
	color: var(--bh-text);
	-webkit-text-fill-color: var(--bh-text);
	font-family: var(--bh-sans);
	font-size: 14px;
	line-height: 1.4;
	transition:
		border-color 220ms ease,
		box-shadow 220ms ease,
		background 320ms var(--bh-ease);
}

body.woocommerce-account textarea {
	min-height: 118px;
	resize: vertical;
}

body.woocommerce-account input.input-text:focus,
body.woocommerce-account input[type="text"]:focus,
body.woocommerce-account input[type="email"]:focus,
body.woocommerce-account input[type="tel"]:focus,
body.woocommerce-account input[type="password"]:focus,
body.woocommerce-account select:focus,
body.woocommerce-account textarea:focus {
	border-color: color-mix(in srgb, var(--bh-gold) 76%, var(--bh-text));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 12%, transparent);
}

body.woocommerce-account .password-input {
	display: block;
	position: relative;
}

body.woocommerce-account .show-password-input {
	right: 14px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: var(--bh-text-soft);
	opacity: .8;
}

body.woocommerce-account .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 2px 0 18px;
	color: var(--bh-text-soft);
	font-size: 12px;
}

body.woocommerce-account input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--bh-gold);
}

body.woocommerce-account button.button,
body.woocommerce-account a.button,
body.woocommerce-account input.button,
body.woocommerce-account .woocommerce-Button {
	min-height: 48px;
	padding: 13px 20px !important;
	border: 1px solid var(--bh-text) !important;
	border-radius: 999px !important;
	background: var(--bh-text) !important;
	color: var(--bh-bg) !important;
	font-family: var(--bh-sans) !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: .085em !important;
	text-transform: uppercase;
	cursor: pointer;
	transition:
		transform 240ms var(--bh-ease),
		box-shadow 240ms ease,
		background 240ms ease,
		color 240ms ease !important;
}

body.woocommerce-account button.button:hover,
body.woocommerce-account a.button:hover,
body.woocommerce-account input.button:hover,
body.woocommerce-account .woocommerce-Button:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 30px rgba(40, 25, 16, .12);
}

html[data-theme="dark"] body.woocommerce-account button.button:hover,
html[data-theme="dark"] body.woocommerce-account a.button:hover,
html[data-theme="dark"] body.woocommerce-account input.button:hover,
html[data-theme="dark"] body.woocommerce-account .woocommerce-Button:hover {
	box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
}

body.woocommerce-account .woocommerce-LostPassword {
	margin: 16px 0 0;
	font-size: 12px;
}

body.woocommerce-account .woocommerce-LostPassword a,
body.woocommerce-account .woocommerce-privacy-policy-link,
body.woocommerce-account .woocommerce-terms-and-conditions-link {
	position: relative;
	color: var(--bh-text);
}

body.woocommerce-account .woocommerce-LostPassword a::after,
body.woocommerce-account .woocommerce-privacy-policy-link::after,
body.woocommerce-account .woocommerce-terms-and-conditions-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1px;
	background: currentColor;
	transform: scaleX(.35);
	transform-origin: left;
	transition: transform 220ms var(--bh-ease);
}

body.woocommerce-account .woocommerce-LostPassword a:hover::after,
body.woocommerce-account .woocommerce-privacy-policy-link:hover::after,
body.woocommerce-account .woocommerce-terms-and-conditions-link:hover::after {
	transform: scaleX(1);
}

body.woocommerce-account .woocommerce-form-register p,
body.woocommerce-account .woocommerce-form-login p,
body.woocommerce-account .woocommerce-ResetPassword p {
	color: var(--bh-text-soft);
	font-size: 12px;
	line-height: 1.75;
}

/* ---------- Logged-in account shell ---------- */

body.woocommerce-account.logged-in .woocommerce {
	display: grid;
	grid-template-columns: var(--bh-account-rail) minmax(0, 1fr);
	gap: clamp(38px, 5.4vw, 82px);
	padding: clamp(38px, 4.5vw, 62px) 0 clamp(88px, 9vw, 132px);
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
	width: 100%;
	float: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	position: sticky;
	top: calc(var(--bh-header-height) + 28px);
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin: 0;
	padding: 10px;
	list-style: none;
	border: 1px solid var(--bh-border);
	border-radius: var(--bh-radius-md);
	background: color-mix(in srgb, var(--bh-surface) 88%, transparent);
	box-shadow: 0 18px 55px rgba(63, 39, 24, .045);
}

html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	box-shadow: 0 18px 55px rgba(0, 0, 0, .16);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 46px;
	padding: 11px 13px 11px 15px;
	border: 1px solid transparent;
	border-radius: 11px;
	color: var(--bh-text-soft);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .015em;
	transition:
		background 220ms ease,
		border-color 220ms ease,
		color 220ms ease,
		transform 220ms var(--bh-ease);
}

body.woocommerce-account .woocommerce-MyAccount-navigation a::before {
	content: "";
	width: 5px;
	height: 5px;
	margin-right: 11px;
	border-radius: 50%;
	background: var(--bh-border);
	transition: transform 220ms var(--bh-ease), background 220ms ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li:hover a {
	color: var(--bh-text);
	background: color-mix(in srgb, var(--bh-surface-soft) 58%, transparent);
	transform: translateX(2px);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	border-color: color-mix(in srgb, var(--bh-gold) 38%, var(--bh-border));
	background: color-mix(in srgb, var(--bh-gold) 9%, var(--bh-surface));
	color: var(--bh-text);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before {
	background: var(--bh-gold);
	transform: scale(1.3);
}

body.woocommerce-account .woocommerce-MyAccount-content {
	width: 100%;
	float: none;
	min-width: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
	max-width: 790px;
	margin-top: 0;
	color: var(--bh-text-soft);
	font-size: 14px;
	line-height: 1.8;
}

body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-Address-title h3,
body.woocommerce-account legend {
	margin: 0 0 20px;
	color: var(--bh-text);
	font-family: var(--bh-serif);
	font-size: clamp(30px, 3.1vw, 46px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -.025em;
}

body.woocommerce-account .woocommerce-MyAccount-content a:not(.button) {
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

/* Dashboard opening text */
.bhraaj-account-welcome {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 28px;
	align-items: start;
	margin: 0 0 32px;
	padding: 0 0 28px;
	border-bottom: 1px solid var(--bh-border);
}

.bhraaj-account-welcome-kicker {
	margin: 0 0 8px;
	color: var(--bh-red);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.bhraaj-account-welcome-title {
	margin: 0;
	font-family: var(--bh-serif);
	font-size: clamp(34px, 4vw, 58px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -.03em;
}

.bhraaj-account-welcome-mark {
	width: 46px;
	height: 46px;
	display: grid;
	place-items: center;
	border: 1px solid color-mix(in srgb, var(--bh-gold) 42%, var(--bh-border));
	border-radius: 50%;
	color: var(--bh-gold);
	font-family: var(--bh-serif);
	font-size: 22px;
}

/* Orders */
body.woocommerce-account table.shop_table,
body.woocommerce-account .woocommerce-orders-table {
	width: 100%;
	margin: 0;
	border: 1px solid var(--bh-border);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--bh-radius-md);
	overflow: hidden;
	background: var(--bh-surface);
}

body.woocommerce-account table.shop_table thead th,
body.woocommerce-account .woocommerce-orders-table thead th {
	padding: 13px 16px;
	border: 0;
	border-bottom: 1px solid var(--bh-border);
	background: color-mix(in srgb, var(--bh-surface-soft) 48%, var(--bh-surface));
	color: var(--bh-text-soft);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .11em;
	text-transform: uppercase;
}

body.woocommerce-account table.shop_table tbody td,
body.woocommerce-account .woocommerce-orders-table tbody td {
	padding: 17px 16px;
	border: 0;
	border-bottom: 1px solid var(--bh-border);
	color: var(--bh-text);
	font-size: 12px;
	line-height: 1.55;
	vertical-align: middle;
}

body.woocommerce-account table.shop_table tbody tr:last-child td,
body.woocommerce-account .woocommerce-orders-table tbody tr:last-child td {
	border-bottom: 0;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
	font-family: var(--bh-serif);
	font-size: 19px;
	font-weight: 500;
	text-decoration: none !important;
}

body.woocommerce-account .woocommerce-orders-table .button {
	min-height: 38px;
	padding: 9px 14px !important;
}

/* Addresses */
body.woocommerce-account .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 24px;
}

body.woocommerce-account .woocommerce-Address {
	width: 100%;
	float: none;
	min-height: 240px;
	padding: clamp(24px, 2.8vw, 36px);
	border: 1px solid var(--bh-border);
	border-radius: var(--bh-radius-md);
	background: var(--bh-surface);
}

body.woocommerce-account .woocommerce-Address-title {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 22px;
}

body.woocommerce-account .woocommerce-Address-title h3 {
	margin: 0;
	font-size: clamp(27px, 2.5vw, 38px);
}

body.woocommerce-account .woocommerce-Address-title .edit {
	flex: 0 0 auto;
	padding: 7px 10px;
	border: 1px solid var(--bh-border);
	border-radius: 999px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none !important;
}

body.woocommerce-account address {
	margin: 0;
	color: var(--bh-text-soft);
	font-style: normal;
	font-size: 13px;
	line-height: 1.85;
}

/* Account details / edit-address forms */
body.woocommerce-account .woocommerce-EditAccountForm,
body.woocommerce-account form.woocommerce-address-fields {
	max-width: 820px;
}

body.woocommerce-account fieldset {
	margin: 34px 0 0;
	padding: 28px 0 0;
	border: 0;
	border-top: 1px solid var(--bh-border);
}

body.woocommerce-account legend {
	width: 100%;
	padding: 0 0 6px;
	font-size: clamp(27px, 2.6vw, 38px);
}

body.woocommerce-account .woocommerce-address-fields__field-wrapper,
body.woocommerce-account .woocommerce-EditAccountForm {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 16px;
}

body.woocommerce-account .form-row-wide,
body.woocommerce-account fieldset,
body.woocommerce-account .clear,
body.woocommerce-account .woocommerce-address-fields > p:last-child,
body.woocommerce-account .woocommerce-EditAccountForm > p:last-child {
	grid-column: 1 / -1;
}

body.woocommerce-account .form-row-first,
body.woocommerce-account .form-row-last {
	width: 100%;
	float: none;
}

/* Notices / validation */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
	margin: 0 0 24px !important;
	padding: 14px 16px 14px 44px !important;
	border: 1px solid var(--bh-border) !important;
	border-top: 1px solid var(--bh-border) !important;
	border-radius: 12px;
	background: var(--bh-surface);
	color: var(--bh-text);
	font-size: 12px;
	line-height: 1.65;
}

body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-error::before {
	top: 14px;
	left: 16px;
	color: var(--bh-gold);
}

body.woocommerce-account .woocommerce-error::before {
	color: var(--bh-red);
}

/* No-orders / downloads / empty states */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
	min-height: 60px;
}

/* Subtle account entrance motion */
body.woocommerce-account .bhraaj-account-masthead-inner,
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 {
	opacity: 0;
	transform: translateY(16px);
}

body.woocommerce-account.bhraaj-account-ready .bhraaj-account-masthead-inner,
body.woocommerce-account.bhraaj-account-ready .woocommerce-MyAccount-navigation,
body.woocommerce-account.bhraaj-account-ready .woocommerce-MyAccount-content,
body.woocommerce-account.bhraaj-account-ready:not(.logged-in) .woocommerce .u-column1,
body.woocommerce-account.bhraaj-account-ready:not(.logged-in) .woocommerce .u-column2 {
	opacity: 1;
	transform: none;
	transition:
		opacity 720ms var(--bh-ease),
		transform 720ms var(--bh-ease);
}

body.woocommerce-account.bhraaj-account-ready .woocommerce-MyAccount-content,
body.woocommerce-account.bhraaj-account-ready:not(.logged-in) .woocommerce .u-column2 {
	transition-delay: 80ms;
}

/* ---------- Responsive account experience ---------- */

@media (max-width: 920px) {
	body.woocommerce-account {
		--bh-account-rail: 100%;
	}

	.bhraaj-account-masthead-inner {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 18px;
	}

	.bhraaj-account-state {
		justify-self: start;
		margin: 0;
	}

	body.woocommerce-account.logged-in .woocommerce {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		position: static;
		flex-direction: row;
		gap: 6px;
		padding: 7px;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
		display: none;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation li {
		flex: 0 0 auto;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation a {
		min-height: 40px;
		padding: 9px 12px;
		white-space: nowrap;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation a::before {
		display: none;
	}
}

@media (max-width: 700px) {
	body.woocommerce-account .woocommerce,
	.bhraaj-account-masthead {
		width: min(calc(100% - 30px), var(--bh-container));
	}

	.bhraaj-account-masthead {
		padding: 38px 0 26px;
	}

	.bhraaj-account-masthead h1 {
		font-size: clamp(46px, 15vw, 64px);
		line-height: .98;
	}

	.bhraaj-account-intro {
		margin-top: 14px;
		font-size: 13px;
		line-height: 1.7;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce {
		padding: 26px 0 72px;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce .u-columns {
		grid-template-columns: 1fr;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
	body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 {
		padding: 24px 20px;
	}

	body.woocommerce-account.logged-in .woocommerce {
		padding: 24px 0 74px;
	}

	.bhraaj-account-welcome {
		grid-template-columns: 1fr;
	}

	.bhraaj-account-welcome-mark {
		display: none;
	}

	body.woocommerce-account .woocommerce-Addresses,
	body.woocommerce-account .woocommerce-address-fields__field-wrapper,
	body.woocommerce-account .woocommerce-EditAccountForm {
		grid-template-columns: 1fr;
	}

	body.woocommerce-account .form-row-first,
	body.woocommerce-account .form-row-last,
	body.woocommerce-account .form-row-wide,
	body.woocommerce-account fieldset,
	body.woocommerce-account .woocommerce-address-fields > p:last-child,
	body.woocommerce-account .woocommerce-EditAccountForm > p:last-child {
		grid-column: 1;
	}

	body.woocommerce-account table.shop_table,
	body.woocommerce-account .woocommerce-orders-table {
		border-radius: 14px;
	}

	body.woocommerce-account .woocommerce-orders-table thead {
		display: none;
	}

	body.woocommerce-account .woocommerce-orders-table tbody,
	body.woocommerce-account .woocommerce-orders-table tr,
	body.woocommerce-account .woocommerce-orders-table td {
		display: block;
		width: 100%;
	}

	body.woocommerce-account .woocommerce-orders-table tr {
		padding: 17px;
		border-bottom: 1px solid var(--bh-border);
	}

	body.woocommerce-account .woocommerce-orders-table tr:last-child {
		border-bottom: 0;
	}

	body.woocommerce-account .woocommerce-orders-table tbody td {
		display: grid;
		grid-template-columns: minmax(105px, 38%) 1fr;
		gap: 12px;
		align-items: center;
		padding: 7px 0;
		border: 0;
		text-align: right !important;
	}

	body.woocommerce-account .woocommerce-orders-table tbody td::before {
		color: var(--bh-text-soft);
		font-size: 9px;
		font-weight: 800;
		letter-spacing: .08em;
		text-align: left;
		text-transform: uppercase;
	}

	body.woocommerce-account .woocommerce-orders-table .button {
		justify-self: end;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.woocommerce-account .bhraaj-account-masthead-inner,
	body.woocommerce-account .woocommerce-MyAccount-navigation,
	body.woocommerce-account .woocommerce-MyAccount-content,
	body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
	body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}


/* =========================================================
   BHRAAJ V23.1 — ACCOUNT DASHBOARD GRID LOCK
   Desktop structure correction only.
   ========================================================= */

@media (min-width: 921px) {
	/* Force WooCommerce's two account children into one deliberate desktop grid.
	   !important is intentional here because WooCommerce core can re-apply
	   float/width rules to these exact nodes. */
	body.woocommerce-account.logged-in .woocommerce {
		display: grid !important;
		grid-template-columns: minmax(214px, 238px) minmax(0, 1fr) !important;
		grid-template-areas: "account-nav account-content" !important;
		column-gap: clamp(52px, 5.25vw, 78px) !important;
		row-gap: 0 !important;
		align-items: start !important;
	}

	body.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation {
		grid-area: account-nav !important;
		grid-column: 1 !important;
		grid-row: 1 !important;
		width: auto !important;
		max-width: 238px !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		clear: none !important;
		align-self: start !important;
	}

	body.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-content {
		grid-area: account-content !important;
		grid-column: 2 !important;
		grid-row: 1 !important;
		width: 100% !important;
		max-width: 860px !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		clear: none !important;
		align-self: start !important;
		justify-self: start !important;
	}

	/* Tighten the rail so it feels like navigation, not a large empty card. */
	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		width: 100% !important;
		padding: 7px !important;
		gap: 2px !important;
		border-radius: 15px !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation a {
		min-height: 42px !important;
		padding: 9px 11px 9px 13px !important;
		border-radius: 9px !important;
	}

	/* Dashboard hierarchy: wide, readable editorial heading. */
	body.woocommerce-account .bhraaj-account-welcome {
		grid-template-columns: minmax(0, 1fr) 46px !important;
		gap: 24px !important;
		align-items: start !important;
		margin: 0 0 30px !important;
		padding: 0 0 26px !important;
	}

	body.woocommerce-account .bhraaj-account-welcome-title {
		max-width: 720px !important;
		font-size: clamp(42px, 4.1vw, 58px) !important;
		line-height: .98 !important;
		letter-spacing: -.032em !important;
		text-wrap: balance;
	}

	body.woocommerce-account .bhraaj-account-welcome-mark {
		align-self: start !important;
		margin-top: 2px !important;
	}

	/* Keep the native dashboard copy readable and visually attached to the heading. */
	body.woocommerce-account .woocommerce-MyAccount-content > p {
		max-width: 760px !important;
		margin-right: 0 !important;
	}

	/* Prevent legacy clearfix/floats from creating artificial vertical breaks. */
	body.woocommerce-account.logged-in .woocommerce::before,
	body.woocommerce-account.logged-in .woocommerce::after {
		display: none !important;
		content: none !important;
	}
}

/* Medium desktop: preserve the two-column hierarchy without squeezing content. */
@media (min-width: 921px) and (max-width: 1180px) {
	body.woocommerce-account.logged-in .woocommerce {
		grid-template-columns: 205px minmax(0, 1fr) !important;
		column-gap: 42px !important;
	}

	body.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation {
		max-width: 205px !important;
	}

	body.woocommerce-account .bhraaj-account-welcome-title {
		font-size: clamp(38px, 4vw, 50px) !important;
	}
}


/* =========================================================
   BHRAAJ V23.2 — MY ACCOUNT FINAL REFINEMENT
   Addresses / Login-Register / Account Details / Dashboard
   ========================================================= */

/* ---------------------------------------------------------
   1. Dashboard: tighten vertical rhythm and heading lockup
   --------------------------------------------------------- */

@media (min-width: 921px) {
	body.woocommerce-account.logged-in .woocommerce {
		padding-top: clamp(30px, 3.2vw, 46px) !important;
	}

	body.woocommerce-account .bhraaj-account-welcome {
		grid-template-columns: minmax(0, 1fr) 42px !important;
		gap: 18px !important;
		margin-bottom: 26px !important;
		padding-bottom: 23px !important;
	}

	body.woocommerce-account .bhraaj-account-welcome-mark {
		width: 42px !important;
		height: 42px !important;
		margin-top: 0 !important;
		font-size: 20px !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
		max-width: 710px !important;
	}
}

/* ---------------------------------------------------------
   2. Physical-product account navigation:
      remove irrelevant Downloads entry
   --------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads {
	display: none !important;
}

/* ---------------------------------------------------------
   3. Address page: balanced, same-baseline premium cards
   --------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-content > p:first-child + .woocommerce-Addresses,
body.woocommerce-account .woocommerce-Addresses {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: clamp(18px, 2.4vw, 30px) !important;
	align-items: stretch !important;
	margin: 30px 0 0 !important;
}

body.woocommerce-account .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-Addresses::after {
	display: none !important;
	content: none !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	min-height: 285px !important;
	margin: 0 !important;
	padding: clamp(26px, 3vw, 38px) !important;
	float: none !important;
	border: 1px solid var(--bh-border) !important;
	border-radius: var(--bh-radius-md) !important;
	background:
		linear-gradient(
			145deg,
			color-mix(in srgb, var(--bh-surface) 96%, transparent),
			color-mix(in srgb, var(--bh-surface-soft) 44%, var(--bh-surface))
		) !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 18px !important;
	margin: 0 0 26px !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3 {
	max-width: 260px !important;
	margin: 0 !important;
	font-size: clamp(34px, 3.2vw, 48px) !important;
	line-height: .96 !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	min-height: 34px !important;
	margin: 2px 0 0 !important;
	padding: 8px 11px !important;
	border: 1px solid var(--bh-border) !important;
	border-radius: 999px !important;
	color: var(--bh-text) !important;
	background: transparent !important;
	font-size: 8px !important;
	font-weight: 800 !important;
	letter-spacing: .085em !important;
	line-height: 1.15 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit:hover {
	border-color: color-mix(in srgb, var(--bh-gold) 48%, var(--bh-border)) !important;
	background: color-mix(in srgb, var(--bh-gold) 7%, var(--bh-surface)) !important;
}

body.woocommerce-account .woocommerce-Addresses address {
	margin-top: auto !important;
	padding-top: 28px !important;
	border-top: 1px solid var(--bh-border) !important;
	color: var(--bh-text-soft) !important;
	font-size: 13px !important;
	line-height: 1.8 !important;
}

/* ---------------------------------------------------------
   4. Account details: restrained luxury form proportions
   --------------------------------------------------------- */

body.woocommerce-account .woocommerce-EditAccountForm {
	max-width: 790px !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	column-gap: 18px !important;
	row-gap: 0 !important;
}

body.woocommerce-account .woocommerce-EditAccountForm .form-row {
	margin-bottom: 17px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm input.input-text,
body.woocommerce-account .woocommerce-EditAccountForm input[type="email"],
body.woocommerce-account .woocommerce-EditAccountForm input[type="password"] {
	min-height: 50px !important;
	padding: 12px 14px !important;
	border-radius: 11px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row em {
	display: block !important;
	margin-top: 7px !important;
	color: var(--bh-text-soft) !important;
	font-size: 11px !important;
	line-height: 1.55 !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset {
	margin-top: 38px !important;
	padding-top: 31px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
	margin-bottom: 24px !important;
	font-size: clamp(34px, 3.15vw, 46px) !important;
}

body.woocommerce-account .woocommerce-EditAccountForm > p:last-child {
	margin-top: 7px !important;
	padding-top: 5px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm > p:last-child .button {
	min-width: 142px !important;
}

/* ---------------------------------------------------------
   5. Logged-out Login + Register:
      coordinated two-card desktop composition
   --------------------------------------------------------- */

@media (min-width: 801px) {
	body.woocommerce-account:not(.logged-in) .woocommerce {
		padding-top: clamp(34px, 3.4vw, 48px) !important;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce .u-columns {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: clamp(22px, 3vw, 38px) !important;
		align-items: start !important;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
	body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 {
		width: 100% !important;
		margin: 0 !important;
		float: none !important;
		align-self: start !important;
		min-height: 100% !important;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce .u-column1 {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 {
		grid-column: 2 !important;
		grid-row: 1 !important;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce form.login,
	body.woocommerce-account:not(.logged-in) .woocommerce form.register {
		margin: 0 !important;
		padding: 0 !important;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce .u-column1 > h2,
	body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 > h2 {
		margin: 0 0 25px !important;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
	body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 {
		padding: clamp(28px, 3vw, 42px) !important;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce .u-column1::before,
	body.woocommerce-account:not(.logged-in) .woocommerce .u-column2::before {
		content: none !important;
	}
}

/* ---------------------------------------------------------
   6. Login controls: clearer hierarchy and alignment
   --------------------------------------------------------- */

body.woocommerce-account:not(.logged-in) .woocommerce-form-login__submit {
	margin-right: 10px !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme {
	min-height: 48px !important;
	margin: 0 !important;
	vertical-align: middle !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword {
	margin-top: 14px !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-privacy-policy-text {
	max-width: 580px !important;
	margin-top: 12px !important;
}

/* ---------------------------------------------------------
   7. Tablet / mobile: preserve clarity and correct stack order
   --------------------------------------------------------- */

@media (max-width: 800px) {
	body.woocommerce-account:not(.logged-in) .woocommerce .u-columns {
		display: flex !important;
		flex-direction: column !important;
		gap: 18px !important;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce .u-column1 {
		order: 1 !important;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 {
		order: 2 !important;
	}
}

@media (max-width: 700px) {
	body.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
		margin-top: 22px !important;
	}

	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
		min-height: 230px !important;
		padding: 24px 20px !important;
	}

	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3 {
		font-size: 34px !important;
	}

	body.woocommerce-account .woocommerce-EditAccountForm {
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
	}

	body.woocommerce-account .woocommerce-EditAccountForm fieldset {
		margin-top: 26px !important;
		padding-top: 24px !important;
	}
}


/* =========================================================
   BHRAAJ V23.3 — ADDRESS BOOK + ACCOUNT PROFILE REDESIGN
   Final focused refinement for My Account.
   ========================================================= */

/* ---------------------------------------------------------
   ADDRESS BOOK — desktop luxury two-card system
   --------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: clamp(22px, 2.5vw, 34px) !important;
	align-items: stretch !important;
	margin-top: 28px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 320px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: clamp(30px, 3vw, 42px) !important;
	float: none !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
	border-radius: 24px !important;
	background:
		linear-gradient(
			155deg,
			color-mix(in srgb, var(--bh-surface) 97%, transparent) 0%,
			color-mix(in srgb, var(--bh-surface-soft) 54%, var(--bh-surface)) 100%
		) !important;
	box-shadow:
		0 20px 50px color-mix(in srgb, var(--bh-text) 4%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 42%, transparent) !important;
	overflow: hidden !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 auto 0 0 !important;
	width: 2px !important;
	background: linear-gradient(
		to bottom,
		color-mix(in srgb, var(--bh-gold) 76%, transparent),
		color-mix(in srgb, var(--bh-gold) 18%, transparent)
	) !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 22px !important;
	align-items: start !important;
	margin: 0 0 34px !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3 {
	margin: 0 !important;
	max-width: 280px !important;
	font-size: clamp(38px, 3.2vw, 50px) !important;
	line-height: .95 !important;
	letter-spacing: -.03em !important;
	text-wrap: balance;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit {
	position: static !important;
	align-self: start !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 36px !important;
	padding: 9px 12px !important;
	margin: 1px 0 0 !important;
	border: 1px solid color-mix(in srgb, var(--bh-gold) 35%, var(--bh-border)) !important;
	border-radius: 999px !important;
	background: color-mix(in srgb, var(--bh-gold) 5%, var(--bh-surface)) !important;
	color: var(--bh-text) !important;
	font-size: 8px !important;
	font-weight: 800 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit:hover {
	background: color-mix(in srgb, var(--bh-gold) 12%, var(--bh-surface)) !important;
	border-color: color-mix(in srgb, var(--bh-gold) 60%, var(--bh-border)) !important;
	transform: translateY(-1px);
}

body.woocommerce-account .woocommerce-Addresses address {
	margin: auto 0 0 !important;
	padding: 26px 0 0 !important;
	border-top: 1px solid var(--bh-border) !important;
	color: var(--bh-text-soft) !important;
	font-size: 13px !important;
	line-height: 1.75 !important;
	font-style: normal !important;
	max-width: 300px !important;
}

/* Intro copy above addresses */
body.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
	max-width: 760px !important;
	margin-bottom: 0 !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
	color: var(--bh-text-soft) !important;
}

/* ---------------------------------------------------------
   ACCOUNT DETAILS — premium profile + security composition
   --------------------------------------------------------- */

body.woocommerce-account .woocommerce-EditAccountForm {
	position: relative !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	column-gap: 20px !important;
	row-gap: 0 !important;
	max-width: 860px !important;
	padding: clamp(28px, 3vw, 42px) !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 84%, transparent) !important;
	border-radius: 24px !important;
	background:
		linear-gradient(
			155deg,
			color-mix(in srgb, var(--bh-surface) 98%, transparent),
			color-mix(in srgb, var(--bh-surface-soft) 48%, var(--bh-surface))
		) !important;
	box-shadow:
		0 20px 50px color-mix(in srgb, var(--bh-text) 4%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 36%, transparent) !important;
}

body.woocommerce-account .woocommerce-EditAccountForm::before {
	content: "ACCOUNT PROFILE" !important;
	grid-column: 1 / -1 !important;
	display: block !important;
	margin: 0 0 8px !important;
	color: var(--bh-gold) !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
}

body.woocommerce-account .woocommerce-EditAccountForm::after {
	content: "Keep your identity and contact information current." !important;
	grid-column: 1 / -1 !important;
	display: block !important;
	order: -1 !important;
	margin: 0 0 26px !important;
	color: var(--bh-text-soft) !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

/* Ensure primary profile fields remain clean */
body.woocommerce-account .woocommerce-EditAccountForm .form-row {
	margin-bottom: 18px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm label {
	display: block !important;
	margin-bottom: 8px !important;
	font-size: 10px !important;
	font-weight: 750 !important;
	letter-spacing: .035em !important;
	color: var(--bh-text) !important;
}

body.woocommerce-account .woocommerce-EditAccountForm input.input-text,
body.woocommerce-account .woocommerce-EditAccountForm input[type="email"],
body.woocommerce-account .woocommerce-EditAccountForm input[type="password"] {
	min-height: 52px !important;
	padding: 13px 15px !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 88%, transparent) !important;
	border-radius: 12px !important;
	background: color-mix(in srgb, var(--bh-surface) 88%, transparent) !important;
	box-shadow: inset 0 1px 0 color-mix(in srgb, white 28%, transparent) !important;
	transition:
		border-color .22s ease,
		box-shadow .22s ease,
		background-color .22s ease !important;
}

body.woocommerce-account .woocommerce-EditAccountForm input:focus {
	outline: none !important;
	border-color: color-mix(in srgb, var(--bh-gold) 58%, var(--bh-border)) !important;
	box-shadow:
		0 0 0 3px color-mix(in srgb, var(--bh-gold) 9%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 30%, transparent) !important;
	background: var(--bh-surface) !important;
}

body.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row em {
	margin-top: 7px !important;
	font-size: 11px !important;
	line-height: 1.55 !important;
	color: var(--bh-text-soft) !important;
}

/* Security section */
body.woocommerce-account .woocommerce-EditAccountForm fieldset {
	grid-column: 1 / -1 !important;
	position: relative !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 0 !important;
	margin: 30px 0 0 !important;
	padding: 36px 0 0 !important;
	border: 0 !important;
	border-top: 1px solid var(--bh-border) !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset::before {
	content: "SECURITY" !important;
	display: block !important;
	margin: 0 0 8px !important;
	color: var(--bh-gold) !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset::after {
	content: "Update your password whenever you need." !important;
	display: block !important;
	margin: 0 0 24px !important;
	color: var(--bh-text-soft) !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
	margin: 0 0 22px !important;
	padding: 0 !important;
	font-size: clamp(36px, 3vw, 46px) !important;
	line-height: 1 !important;
	letter-spacing: -.025em !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset .form-row {
	max-width: 760px !important;
	margin-bottom: 17px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm .password-input {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}

body.woocommerce-account .woocommerce-EditAccountForm .show-password-input {
	top: 50% !important;
	right: 14px !important;
	transform: translateY(-50%) !important;
}

/* Save area */
body.woocommerce-account .woocommerce-EditAccountForm > p:last-child {
	grid-column: 1 / -1 !important;
	margin: 10px 0 0 !important;
	padding-top: 8px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm > p:last-child .button {
	min-width: 154px !important;
	min-height: 48px !important;
	border-radius: 999px !important;
	padding: 0 22px !important;
	letter-spacing: .065em !important;
}

/* ---------------------------------------------------------
   Mobile / tablet refinement
   --------------------------------------------------------- */

@media (max-width: 820px) {
	body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
		min-height: 255px !important;
	}

	body.woocommerce-account .woocommerce-EditAccountForm {
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
		padding: 24px 20px !important;
	}

	body.woocommerce-account .woocommerce-EditAccountForm fieldset {
		padding-top: 28px !important;
	}
}

@media (max-width: 560px) {
	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}

	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit {
		justify-self: start !important;
	}
}


/* =========================================================
   BHRAAJ V23.4 — ADDRESS BOOK + ADDRESS FORMS FINAL POLISH
   Focused refinement only:
   - Address overview cards
   - Billing / Shipping edit forms
   - Account-details hierarchy
   - Successful account notices
   ========================================================= */

/* ---------------------------------------------------------
   1. ADDRESS BOOK — remove heavy side accent and rebuild
      the internal hierarchy without changing WooCommerce HTML
   --------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
	gap: clamp(18px, 2.2vw, 28px) !important;
	margin-top: 26px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-auto-rows: max-content !important;
	align-content: start !important;
	min-height: 250px !important;
	padding: clamp(28px, 2.7vw, 36px) !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 90%, transparent) !important;
	border-radius: 22px !important;
	background:
		linear-gradient(
			150deg,
			color-mix(in srgb, var(--bh-surface) 98%, transparent) 0%,
			color-mix(in srgb, var(--bh-surface-soft) 32%, var(--bh-surface)) 100%
		) !important;
	box-shadow:
		0 14px 34px color-mix(in srgb, var(--bh-text) 3.5%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 34%, transparent) !important;
	overflow: hidden !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address::before {
	content: none !important;
	display: none !important;
}

/* Let the title children participate directly in the card grid.
   This allows premium reading order without editing WooCommerce PHP:
   heading -> empty/saved address -> action. */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title {
	display: contents !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3 {
	order: 1 !important;
	max-width: none !important;
	margin: 0 0 20px !important;
	font-size: clamp(34px, 2.7vw, 44px) !important;
	line-height: .98 !important;
	letter-spacing: -.025em !important;
	text-wrap: balance !important;
}

body.woocommerce-account .woocommerce-Addresses address {
	order: 2 !important;
	max-width: 360px !important;
	margin: 0 0 26px !important;
	padding: 0 !important;
	border: 0 !important;
	color: var(--bh-text-soft) !important;
	font-size: 13px !important;
	line-height: 1.72 !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit {
	order: 3 !important;
	justify-self: start !important;
	align-self: end !important;
	position: static !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 40px !important;
	margin: auto 0 0 !important;
	padding: 10px 15px !important;
	border: 1px solid color-mix(in srgb, var(--bh-gold) 34%, var(--bh-border)) !important;
	border-radius: 999px !important;
	background: color-mix(in srgb, var(--bh-gold) 6%, var(--bh-surface)) !important;
	color: var(--bh-text) !important;
	font-size: 8.5px !important;
	font-weight: 800 !important;
	letter-spacing: .075em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transform: none !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit:hover {
	background: color-mix(in srgb, var(--bh-gold) 11%, var(--bh-surface)) !important;
	border-color: color-mix(in srgb, var(--bh-gold) 55%, var(--bh-border)) !important;
	transform: translateY(-1px) !important;
}

/* ---------------------------------------------------------
   2. BILLING / SHIPPING EDIT FORMS — premium, restrained,
      readable at normal browser zoom and still clean at 67%
   --------------------------------------------------------- */

body.woocommerce-account form.woocommerce-address-fields {
	max-width: 860px !important;
	padding: clamp(28px, 3vw, 40px) !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 88%, transparent) !important;
	border-radius: 24px !important;
	background:
		linear-gradient(
			150deg,
			color-mix(in srgb, var(--bh-surface) 98%, transparent),
			color-mix(in srgb, var(--bh-surface-soft) 32%, var(--bh-surface))
		) !important;
	box-shadow:
		0 16px 38px color-mix(in srgb, var(--bh-text) 3.5%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 32%, transparent) !important;
}

body.woocommerce-account .woocommerce-address-fields__field-wrapper {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	column-gap: 18px !important;
	row-gap: 0 !important;
}

body.woocommerce-account .woocommerce-address-fields .form-row {
	margin: 0 0 17px !important;
}

body.woocommerce-account .woocommerce-address-fields label {
	display: block !important;
	margin: 0 0 8px !important;
	color: var(--bh-text) !important;
	font-size: 10px !important;
	font-weight: 750 !important;
	letter-spacing: .035em !important;
	line-height: 1.35 !important;
}

body.woocommerce-account .woocommerce-address-fields input.input-text,
body.woocommerce-account .woocommerce-address-fields select,
body.woocommerce-account .woocommerce-address-fields .select2-selection {
	min-height: 50px !important;
	padding: 12px 14px !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 90%, transparent) !important;
	border-radius: 11px !important;
	background: color-mix(in srgb, var(--bh-surface) 90%, transparent) !important;
	color: var(--bh-text) !important;
	box-shadow: inset 0 1px 0 color-mix(in srgb, white 26%, transparent) !important;
	transition:
		border-color .2s ease,
		box-shadow .2s ease,
		background-color .2s ease !important;
}

body.woocommerce-account .woocommerce-address-fields input.input-text:focus,
body.woocommerce-account .woocommerce-address-fields select:focus,
body.woocommerce-account .woocommerce-address-fields .select2-container--open .select2-selection {
	outline: none !important;
	border-color: color-mix(in srgb, var(--bh-gold) 58%, var(--bh-border)) !important;
	box-shadow:
		0 0 0 3px color-mix(in srgb, var(--bh-gold) 8%, transparent),
		inset 0 1px 0 color-mix(in srgb, white 28%, transparent) !important;
	background: var(--bh-surface) !important;
}

body.woocommerce-account .woocommerce-address-fields .select2-selection__rendered {
	line-height: 24px !important;
	padding-left: 0 !important;
	color: var(--bh-text) !important;
}

body.woocommerce-account .woocommerce-address-fields .select2-selection__arrow {
	height: 48px !important;
	right: 10px !important;
}

body.woocommerce-account .woocommerce-address-fields > p:last-child {
	margin: 6px 0 0 !important;
	padding: 0 !important;
}

body.woocommerce-account .woocommerce-address-fields > p:last-child .button {
	min-width: 150px !important;
	min-height: 48px !important;
	padding: 0 22px !important;
	border-radius: 999px !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	letter-spacing: .065em !important;
	text-transform: uppercase !important;
}

/* Headline on edit-address pages */
body.woocommerce-account .woocommerce-MyAccount-content > h2:first-child {
	margin: 0 0 26px !important;
	font-size: clamp(36px, 3.2vw, 48px) !important;
	line-height: 1 !important;
	letter-spacing: -.025em !important;
}

/* ---------------------------------------------------------
   3. ACCOUNT DETAILS — correct hierarchy only.
      Preserve the V23.3 visual system.
   --------------------------------------------------------- */

body.woocommerce-account .woocommerce-EditAccountForm::before {
	order: -2 !important;
	margin-bottom: 8px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm::after {
	order: -1 !important;
	margin: 0 0 25px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset::before {
	order: 1 !important;
	margin-bottom: 8px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
	order: 2 !important;
	margin: 0 0 12px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset::after {
	order: 3 !important;
	margin: 0 0 22px !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset .form-row {
	order: 4 !important;
}

/* ---------------------------------------------------------
   4. ACCOUNT NOTICES — distinguish success/information
      from genuine errors.
   --------------------------------------------------------- */

body.woocommerce-account .woocommerce-message {
	border-color: color-mix(in srgb, var(--bh-gold) 34%, var(--bh-border)) !important;
	background: color-mix(in srgb, var(--bh-gold) 5%, var(--bh-surface)) !important;
	color: var(--bh-text) !important;
}

body.woocommerce-account .woocommerce-message::before {
	color: var(--bh-gold) !important;
}

body.woocommerce-account .woocommerce-info {
	border-color: var(--bh-border) !important;
	background: var(--bh-surface) !important;
	color: var(--bh-text) !important;
}

body.woocommerce-account .woocommerce-info::before {
	color: var(--bh-gold) !important;
}

body.woocommerce-account .woocommerce-error {
	border-color: color-mix(in srgb, var(--bh-red) 45%, var(--bh-border)) !important;
	background: color-mix(in srgb, var(--bh-red) 4%, var(--bh-surface)) !important;
}

body.woocommerce-account .woocommerce-error::before {
	color: var(--bh-red) !important;
}

/* ---------------------------------------------------------
   5. RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 820px) {
	body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
		min-height: 220px !important;
		padding: 24px 20px !important;
	}

	body.woocommerce-account form.woocommerce-address-fields {
		max-width: 100% !important;
		padding: 24px 20px !important;
	}

	body.woocommerce-account .woocommerce-address-fields__field-wrapper {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 560px) {
	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3 {
		font-size: 32px !important;
	}

	body.woocommerce-account .woocommerce-Addresses address {
		margin-bottom: 20px !important;
	}

	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit {
		min-height: 38px !important;
		padding-inline: 13px !important;
	}
}


/* =========================================================
   BHRAAJ V23.5 — ACCOUNT SECURITY + ADDRESS FORM REFINEMENT
   Surgical polish only:
   - Password strength UI
   - Security hierarchy
   - Address edit form proportions
   - Locked country presentation
   - Address overview micro-spacing
   ========================================================= */

/* ---------------------------------------------------------
   1. ADDRESS OVERVIEW — tiny rhythm refinement only
   --------------------------------------------------------- */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3 {
	margin-bottom: 16px !important;
}

body.woocommerce-account .woocommerce-Addresses address {
	margin-bottom: 20px !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit {
	margin-top: 2px !important;
}

/* ---------------------------------------------------------
   2. BILLING / SHIPPING EDIT FORMS — narrower, calmer,
      more deliberate desktop rhythm
   --------------------------------------------------------- */
body.woocommerce-account form.woocommerce-address-fields {
	max-width: 820px !important;
	padding: clamp(28px, 2.8vw, 38px) !important;
}

body.woocommerce-account .woocommerce-address-fields__field-wrapper {
	column-gap: 16px !important;
}

body.woocommerce-account .woocommerce-address-fields .form-row {
	margin-bottom: 14px !important;
}

body.woocommerce-account .woocommerce-address-fields input.input-text,
body.woocommerce-account .woocommerce-address-fields select,
body.woocommerce-account .woocommerce-address-fields .select2-selection {
	min-height: 48px !important;
}

/* Read-only / locked country value should still look designed */
body.woocommerce-account .woocommerce-address-fields .woocommerce-input-wrapper > strong,
body.woocommerce-account .woocommerce-address-fields .woocommerce-input-wrapper > span:not(.select2) {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 42px !important;
	padding: 9px 13px !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 78%, transparent) !important;
	border-radius: 11px !important;
	background: color-mix(in srgb, var(--bh-surface-soft) 46%, var(--bh-surface)) !important;
	color: var(--bh-text) !important;
	font-size: 13px !important;
	font-weight: 650 !important;
	line-height: 1.2 !important;
}

/* ---------------------------------------------------------
   3. ACCOUNT DETAILS — enforce SECURITY -> Password change
      hierarchy without touching WooCommerce logic
   --------------------------------------------------------- */
body.woocommerce-account .woocommerce-EditAccountForm fieldset {
	display: flex !important;
	flex-direction: column !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset::before {
	content: "SECURITY" !important;
	order: 1 !important;
	margin: 0 0 8px !important;
	color: var(--bh-gold-deep, var(--bh-gold)) !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	letter-spacing: .12em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
	order: 2 !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	font-size: clamp(34px, 3vw, 46px) !important;
	line-height: 1 !important;
	letter-spacing: -.025em !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset::after {
	content: "Update your password whenever you need." !important;
	order: 3 !important;
	margin: 0 0 24px !important;
	color: var(--bh-text-soft) !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset .form-row {
	order: 4 !important;
}

/* ---------------------------------------------------------
   4. PASSWORD STRENGTH — replace generic WooCommerce block
      with a premium compact meter
   --------------------------------------------------------- */
body.woocommerce-account .woocommerce-password-strength {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	min-height: 34px !important;
	margin: 8px 0 6px !important;
	padding: 0 0 9px !important;
	border: 0 !important;
	border-bottom: 4px solid color-mix(in srgb, var(--bh-border) 88%, transparent) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--bh-text) !important;
	font-size: 11px !important;
	font-weight: 750 !important;
	letter-spacing: .015em !important;
	line-height: 1.2 !important;
	text-align: left !important;
	overflow: visible !important;
}

body.woocommerce-account .woocommerce-password-strength::before {
	content: "Password strength" !important;
	color: var(--bh-text-soft) !important;
	font-size: 10px !important;
	font-weight: 650 !important;
	letter-spacing: .02em !important;
}

body.woocommerce-account .woocommerce-password-strength::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	bottom: -4px !important;
	height: 4px !important;
	width: 0 !important;
	border-radius: 999px !important;
	background: var(--bh-border) !important;
	transition: width .22s ease, background-color .22s ease !important;
}

/* Very weak */
body.woocommerce-account .woocommerce-password-strength.short {
	color: #8f4a41 !important;
}
body.woocommerce-account .woocommerce-password-strength.short::after {
	width: 22% !important;
	background: #8f4a41 !important;
}

/* Weak */
body.woocommerce-account .woocommerce-password-strength.bad {
	color: #9a6a3f !important;
}
body.woocommerce-account .woocommerce-password-strength.bad::after {
	width: 42% !important;
	background: #9a6a3f !important;
}

/* Medium */
body.woocommerce-account .woocommerce-password-strength.good {
	color: color-mix(in srgb, var(--bh-gold) 78%, #6d5a33) !important;
}
body.woocommerce-account .woocommerce-password-strength.good::after {
	width: 68% !important;
	background: color-mix(in srgb, var(--bh-gold) 82%, #6d5a33) !important;
}

/* Strong */
body.woocommerce-account .woocommerce-password-strength.strong {
	color: #64705a !important;
}
body.woocommerce-account .woocommerce-password-strength.strong::after {
	width: 100% !important;
	background: #64705a !important;
}

/* Password guidance — quieter and more editorial */
body.woocommerce-account .woocommerce-password-hint {
	display: block !important;
	margin: 8px 0 18px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--bh-text-soft) !important;
	font-size: 12px !important;
	font-style: normal !important;
	line-height: 1.55 !important;
}

/* ---------------------------------------------------------
   5. SAVE CHANGES — retain brand shape even when disabled
   --------------------------------------------------------- */
body.woocommerce-account .woocommerce-EditAccountForm .button:disabled,
body.woocommerce-account .woocommerce-EditAccountForm .button.disabled,
body.woocommerce-account .woocommerce-EditAccountForm button:disabled {
	background: var(--bh-text) !important;
	color: var(--bh-surface) !important;
	opacity: .38 !important;
	filter: none !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
}

/* ---------------------------------------------------------
   6. RESPONSIVE
   --------------------------------------------------------- */
@media (max-width: 820px) {
	body.woocommerce-account form.woocommerce-address-fields {
		max-width: 100% !important;
	}
}

@media (max-width: 560px) {
	body.woocommerce-account .woocommerce-password-strength {
		font-size: 10.5px !important;
	}
	body.woocommerce-account .woocommerce-password-hint {
		font-size: 11.5px !important;
	}
}


/* =========================================================
   BHRAAJ V24 — PREMIUM CHECKOUT EXPERIENCE
   WooCommerce Blocks checkout only
   Goals:
   - calm luxury conversion flow
   - strong two-column desktop composition
   - sticky editorial order summary
   - premium trust / payment / coupon treatment
   - coherent light + dark mode
   - mobile-first collapse without breaking checkout logic
   ========================================================= */

/* ---------------------------------------------------------
   1. PAGE COMPOSITION
   --------------------------------------------------------- */
body.woocommerce-checkout .wp-site-blocks,
body.woocommerce-checkout main,
body.woocommerce-checkout .entry-content {
	overflow: visible !important;
}

body.woocommerce-checkout .wc-block-checkout {
	--bh-checkout-gap: clamp(28px, 4vw, 64px);
	max-width: 1240px !important;
	margin-inline: auto !important;
	padding: clamp(52px, 6vw, 88px) clamp(18px, 4vw, 48px) clamp(80px, 8vw, 120px) !important;
	column-gap: var(--bh-checkout-gap) !important;
	align-items: start !important;
}

body.woocommerce-checkout .wc-block-checkout__main {
	min-width: 0 !important;
}

body.woocommerce-checkout .wc-block-checkout__sidebar {
	position: sticky !important;
	top: calc(var(--bh-header-offset, 96px) + 24px) !important;
	align-self: start !important;
	min-width: 0 !important;
}

/* ---------------------------------------------------------
   2. MAIN CHECKOUT — QUIET EDITORIAL SURFACE
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-checkout__main .wc-block-components-checkout-step {
	position: relative !important;
	margin: 0 0 18px !important;
	padding: clamp(24px, 2.8vw, 34px) !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
	border-radius: 18px !important;
	background: color-mix(in srgb, var(--bh-surface) 88%, transparent) !important;
	box-shadow: 0 1px 0 rgba(0,0,0,.02) !important;
}

body.woocommerce-checkout .wc-block-components-checkout-step__heading {
	margin-bottom: 22px !important;
}

body.woocommerce-checkout .wc-block-components-checkout-step__title {
	font-family: var(--bh-serif) !important;
	font-size: clamp(28px, 2.6vw, 40px) !important;
	font-weight: 400 !important;
	line-height: 1.02 !important;
	letter-spacing: -.03em !important;
	color: var(--bh-text) !important;
}

body.woocommerce-checkout .wc-block-components-checkout-step__description {
	max-width: 58ch !important;
	margin-top: 8px !important;
	color: var(--bh-text-soft) !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

/* Remove default block dividers inside the premium cards. */
body.woocommerce-checkout .wc-block-checkout__main hr,
body.woocommerce-checkout .wc-block-components-checkout-step hr {
	border: 0 !important;
	border-top: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
}

/* ---------------------------------------------------------
   3. INPUTS — CONTROLLED LUXURY SCALE
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-combobox,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-select,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form {
	margin-bottom: 14px !important;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input textarea,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-select .wc-block-components-select__select,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form input,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form textarea,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form select {
	min-height: 52px !important;
	border-radius: 12px !important;
	font-size: 14px !important;
}

/* Red was previously used as checkout focus. Gold is calmer and more on-brand. */
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input textarea:focus,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-select .wc-block-components-select__select:focus,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form input:focus,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form textarea:focus,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form select:focus {
	border-color: var(--bh-gold) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 16%, transparent) !important;
}

/* ---------------------------------------------------------
   4. ORDER SUMMARY — THE CHECKOUT ANCHOR
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-checkout__sidebar {
	padding: 0 !important;
}

body.woocommerce-checkout .wc-block-components-sidebar {
	border: 1px solid color-mix(in srgb, var(--bh-border) 84%, transparent) !important;
	border-radius: 20px !important;
	background:
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--bh-surface) 94%, transparent),
			color-mix(in srgb, var(--bh-surface-soft) 80%, transparent)
		) !important;
	box-shadow:
		0 1px 0 rgba(0,0,0,.02),
		0 20px 60px rgba(39, 30, 24, .05) !important;
	overflow: hidden !important;
}

body.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main {
	padding-right: 0 !important;
}

body.woocommerce-checkout .wc-block-components-order-summary {
	padding: 28px 28px 8px !important;
}

body.woocommerce-checkout .wc-block-components-order-summary__button-text,
body.woocommerce-checkout .wc-block-components-order-summary__title {
	font-family: var(--bh-serif) !important;
	font-size: 28px !important;
	font-weight: 400 !important;
	letter-spacing: -.025em !important;
	color: var(--bh-text) !important;
}

/* Product rows */
body.woocommerce-checkout .wc-block-components-order-summary-item {
	padding: 18px 0 !important;
	border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 74%, transparent) !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image {
	width: 72px !important;
	min-width: 72px !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
	width: 72px !important;
	height: 72px !important;
	object-fit: cover !important;
	border-radius: 12px !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__description {
	padding-left: 14px !important;
}

body.woocommerce-checkout .wc-block-components-product-name {
	font-family: var(--bh-serif) !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.15 !important;
}

body.woocommerce-checkout .wc-block-components-product-price {
	font-size: 13px !important;
	font-weight: 700 !important;
}

/* ---------------------------------------------------------
   5. TOTALS — CLEAN FINANCIAL HIERARCHY
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-totals-wrapper {
	padding: 0 28px !important;
	border-top: 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-item {
	padding: 13px 0 !important;
	border-top: 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-footer-item {
	margin-top: 10px !important;
	padding: 20px 0 24px !important;
	border-top: 1px solid color-mix(in srgb, var(--bh-border) 84%, transparent) !important;
}

body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--bh-serif) !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	letter-spacing: -.02em !important;
}

/* ---------------------------------------------------------
   6. COUPON / DISCOUNT — QUIET ACCORDION
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-totals-coupon {
	margin: 0 28px !important;
	padding: 14px 0 !important;
	border-top: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent) !important;
	border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent) !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__button {
	color: var(--bh-text) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form {
	padding-top: 12px !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__input input {
	border-radius: 10px !important;
}

/* ---------------------------------------------------------
   7. PAYMENT METHODS — PREMIUM RADIO CARDS
   --------------------------------------------------------- */






/* Native radio dot */
body.woocommerce-checkout .wc-block-components-radio-control__input:checked {
	border-color: var(--bh-gold) !important;
	background: var(--bh-gold) !important;
}

/* ---------------------------------------------------------
   8. TERMS / PRIVACY — REDUCE VISUAL NOISE
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-checkout__terms,
body.woocommerce-checkout .wc-block-checkout__terms p,
body.woocommerce-checkout .wc-block-components-checkout-step__content .wc-block-components-checkbox {
	color: var(--bh-text-soft) !important;
	font-size: 12px !important;
	line-height: 1.55 !important;
}

body.woocommerce-checkout .wc-block-checkout__terms a {
	color: var(--bh-text) !important;
	text-decoration-color: color-mix(in srgb, var(--bh-gold) 60%, transparent) !important;
	text-underline-offset: 3px !important;
}

/* ---------------------------------------------------------
   9. PLACE ORDER — PRIMARY CONVERSION CTA
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout button.wc-block-components-checkout-place-order-button {
	min-height: 58px !important;
	margin: 18px 28px 28px !important;
	width: calc(100% - 56px) !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--bh-text) !important;
	color: var(--bh-surface) !important;
	font-family: var(--bh-sans) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
	transition:
		transform 180ms var(--bh-ease),
		opacity 180ms ease,
		box-shadow 180ms ease !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover:not(:disabled) {
	transform: translateY(-1px) !important;
	box-shadow: 0 12px 28px rgba(30, 24, 20, .12) !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button:active:not(:disabled) {
	transform: translateY(0) !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button:disabled {
	opacity: .36 !important;
}

/* ---------------------------------------------------------
   10. TRUST MICROCOPY — NON-INTRUSIVE
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-checkout__sidebar::after {
	content: "Secure checkout  •  Shipping across India  •  Considered packaging";
	display: block;
	margin: -10px 28px 26px;
	padding-top: 16px;
	border-top: 1px solid color-mix(in srgb, var(--bh-border) 55%, transparent);
	color: var(--bh-text-soft);
	font-family: var(--bh-sans);
	font-size: 9px;
	font-weight: 650;
	letter-spacing: .035em;
	line-height: 1.5;
	text-align: center;
}

/* ---------------------------------------------------------
   11. ERRORS / NOTICES — PREMIUM, NOT ADMIN-LIKE
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-notice-banner,
body.woocommerce-checkout .wc-block-store-notice {
	border-radius: 12px !important;
	box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-notice-banner.is-error {
	border: 1px solid color-mix(in srgb, #8f4a41 54%, var(--bh-border)) !important;
	background: color-mix(in srgb, #8f4a41 7%, var(--bh-surface)) !important;
	color: var(--bh-text) !important;
}

body.woocommerce-checkout .wc-block-components-notice-banner.is-success {
	border: 1px solid color-mix(in srgb, var(--bh-gold) 54%, var(--bh-border)) !important;
	background: color-mix(in srgb, var(--bh-gold) 7%, var(--bh-surface)) !important;
	color: var(--bh-text) !important;
}

/* ---------------------------------------------------------
   12. DARK MODE — KEEP DEPTH, AVOID PURE BLACK
   --------------------------------------------------------- */
html[data-theme="dark"] body.woocommerce-checkout .wc-block-checkout__main .wc-block-components-checkout-step {
	background: color-mix(in srgb, var(--bh-surface) 94%, #000 6%) !important;
}

html[data-theme="dark"] body.woocommerce-checkout .wc-block-components-sidebar {
	background:
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--bh-surface) 96%, #000 4%),
			color-mix(in srgb, var(--bh-surface-soft) 88%, #000 12%)
		) !important;
	box-shadow: 0 22px 64px rgba(0,0,0,.26) !important;
}

/* ---------------------------------------------------------
   13. RESPONSIVE — TABLET
   --------------------------------------------------------- */
@media (max-width: 960px) {
	body.woocommerce-checkout .wc-block-checkout {
		display: block !important;
		max-width: 860px !important;
		padding-top: 38px !important;
	}

	body.woocommerce-checkout .wc-block-checkout__sidebar {
		position: static !important;
		margin-top: 24px !important;
	}

	body.woocommerce-checkout .wc-block-components-sidebar {
		border-radius: 18px !important;
	}
}

/* ---------------------------------------------------------
   14. RESPONSIVE — MOBILE
   --------------------------------------------------------- */
@media (max-width: 640px) {
	body.woocommerce-checkout .wc-block-checkout {
		padding: 24px 14px 72px !important;
	}

	body.woocommerce-checkout .wc-block-checkout__main .wc-block-components-checkout-step {
		margin-bottom: 12px !important;
		padding: 20px 16px !important;
		border-radius: 14px !important;
	}

	body.woocommerce-checkout .wc-block-components-checkout-step__title {
		font-size: 28px !important;
	}

	body.woocommerce-checkout .wc-block-components-sidebar {
		border-radius: 15px !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary {
		padding: 22px 18px 6px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-wrapper {
		padding-inline: 18px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon {
		margin-inline: 18px !important;
	}

	body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
	body.woocommerce-checkout button.wc-block-components-checkout-place-order-button {
		width: calc(100% - 36px) !important;
		margin: 16px 18px 22px !important;
		min-height: 56px !important;
	}

	body.woocommerce-checkout .wc-block-checkout__sidebar::after {
		margin: -6px 18px 22px;
		font-size: 8.5px;
	}
}

/* =========================================================
   BHRAAJ V24.1 — Checkout Optical Correction Lock
   Final polish for the current premium checkout pass:
   - quieter shipping/payment radio dots
   - corrected COD label/description alignment
   - repaired order-summary single-card edge treatment
   - square product thumbnail + anchored quantity badge
   - calmer coupon field/button composition
   - improved totals/trust-line spacing
   ========================================================= */

/* ---------------------------------------------------------
   1. ORDER SUMMARY — SINGLE CLEAN CARD
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-sidebar {
	border-color: color-mix(in srgb, var(--bh-border) 78%, transparent) !important;
	border-radius: 20px !important;
	background:
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--bh-surface) 97%, transparent),
			color-mix(in srgb, var(--bh-surface-soft) 72%, transparent)
		) !important;
	box-shadow:
		0 1px 0 rgba(0, 0, 0, 0.02),
		0 18px 52px rgba(39, 30, 24, 0.045) !important;
	background-clip: padding-box !important;
}

body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-components-order-summary__content,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button,
body.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-panel__button {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;
}

body.woocommerce-checkout .wc-block-components-order-summary {
	padding: 30px 28px 10px !important;
}

body.woocommerce-checkout .wc-block-components-order-summary__button-text,
body.woocommerce-checkout .wc-block-components-order-summary__title {
	font-size: 27px !important;
	line-height: 1.08 !important;
}

/* Product row rebuilt as a stable 3-column system. */
body.woocommerce-checkout .wc-block-components-order-summary-item {
	display: grid !important;
	grid-template-columns: 78px minmax(0, 1fr) auto !important;
	column-gap: 16px !important;
	row-gap: 2px !important;
	align-items: start !important;
	padding: 20px 0 !important;
	border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 74%, transparent) !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image {
	position: relative !important;
	width: 78px !important;
	min-width: 78px !important;
	max-width: 78px !important;
	align-self: start !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
	display: block !important;
	width: 78px !important;
	height: 78px !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
	border-radius: 12px !important;
	background: color-mix(in srgb, var(--bh-surface) 94%, transparent) !important;
	box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__description {
	min-width: 0 !important;
	padding-left: 0 !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__total-price,
body.woocommerce-checkout .wc-block-components-order-summary-item > .wc-block-components-product-price,
body.woocommerce-checkout .wc-block-components-order-summary-item > .wc-block-components-product-name + .wc-block-components-product-price {
	justify-self: end !important;
	align-self: start !important;
	white-space: nowrap !important;
	font-family: var(--bh-sans) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: var(--bh-text) !important;
}

body.woocommerce-checkout .wc-block-components-product-name {
	display: block !important;
	margin: 1px 0 6px !important;
	font-family: var(--bh-serif) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.18 !important;
	letter-spacing: -0.02em !important;
	color: var(--bh-text) !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-price,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-details {
	display: block !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-price {
	margin: 0 0 5px !important;
	font-family: var(--bh-sans) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: var(--bh-text) !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-details {
	max-width: 28ch !important;
	margin: 0 !important;
	font-size: 12.5px !important;
	line-height: 1.55 !important;
	color: var(--bh-text-soft) !important;
}

/* Quantity badge visibly attached to the thumbnail rather than floating away. */
body.woocommerce-checkout .wc-block-components-order-summary-item__image .wc-block-components-order-summary-item__quantity,
body.woocommerce-checkout .wc-block-components-order-summary-item__quantity {
	position: absolute !important;
	top: -6px !important;
	right: -6px !important;
	left: auto !important;
	margin: 0 !important;
	z-index: 3 !important;
	min-width: 22px !important;
	height: 22px !important;
	padding: 0 6px !important;
	border-width: 2px !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

body.woocommerce-checkout .wc-block-components-totals-wrapper {
	padding: 0 28px !important;
}

body.woocommerce-checkout .wc-block-components-totals-item {
	padding: 12px 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-footer-item {
	margin-top: 12px !important;
	padding: 22px 0 24px !important;
}

/* ---------------------------------------------------------
   2. COUPON / DISCOUNT — CONTROLLED INPUT + BUTTON PAIR
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-totals-coupon {
	margin: 0 28px !important;
	padding: 16px 0 !important;
	border-top: 1px solid color-mix(in srgb, var(--bh-border) 74%, transparent) !important;
	border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 74%, transparent) !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__button,
body.woocommerce-checkout .wc-block-components-panel__button {
	color: var(--bh-text) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	text-decoration: none !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form,
body.woocommerce-checkout .wc-block-components-totals-coupon__content {
	padding-top: 14px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 108px !important;
	gap: 12px !important;
	align-items: stretch !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__input,
body.woocommerce-checkout .wc-block-components-totals-coupon__input input {
	width: 100% !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__input input {
	min-height: 48px !important;
	padding: 0 16px !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 84%, transparent) !important;
	border-radius: 12px !important;
	background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
	box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form button,
body.woocommerce-checkout .wc-block-components-totals-coupon__content button {
	min-width: 108px !important;
	min-height: 48px !important;
	padding: 0 18px !important;
	border: 1px solid var(--bh-text) !important;
	border-radius: 12px !important;
	background: var(--bh-text) !important;
	color: var(--bh-bg) !important;
	font-family: var(--bh-sans) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form button:hover,
body.woocommerce-checkout .wc-block-components-totals-coupon__content button:hover {
	filter: none !important;
	opacity: 0.94 !important;
	transform: translateY(-1px) !important;
}

/* ---------------------------------------------------------
   3. SHIPPING + PAYMENT OPTIONS — QUIETER RADIO SYSTEM
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__input,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__input:checked {
	width: 12px !important;
	height: 12px !important;
	min-width: 12px !important;
	min-height: 12px !important;
	border-width: 1px !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

html:not([data-theme="dark"]) body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__input,
html:not([data-theme="dark"]) body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__input:checked {
	border-color: rgba(54, 41, 33, 0.30) !important;
}

html[data-theme="dark"] body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__input,
html[data-theme="dark"] body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__input:checked {
	border-color: rgba(255, 245, 235, 0.30) !important;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__input:checked {
	background-image: radial-gradient(circle at center, color-mix(in srgb, var(--bh-gold) 78%, var(--bh-text)) 0 2.1px, transparent 2.45px) !important;
}

/* Shipping card keeps the same structure but the indicator becomes calmer. */




/* Cash on delivery / payment options: reserve a clean left rail so the radio
   never collides with the label or description. */












/* ---------------------------------------------------------
   4. TRUST LINE — GIVE IT ROOM TO BREATHE
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-checkout__sidebar::after {
	margin: 8px 28px 24px !important;
	padding-top: 6px !important;
	font-size: 9.5px !important;
	line-height: 1.55 !important;
}

/* ---------------------------------------------------------
   5. MOBILE SAFETY
   --------------------------------------------------------- */
@media (max-width: 640px) {
	body.woocommerce-checkout .wc-block-components-order-summary {
		padding: 24px 18px 8px !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary-item {
		grid-template-columns: 70px minmax(0, 1fr) !important;
		column-gap: 14px !important;
		row-gap: 2px !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary-item__image,
	body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
		width: 70px !important;
		height: 70px !important;
		min-width: 70px !important;
		max-width: 70px !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary-item__total-price,
	body.woocommerce-checkout .wc-block-components-order-summary-item > .wc-block-components-product-price,
	body.woocommerce-checkout .wc-block-components-order-summary-item > .wc-block-components-product-name + .wc-block-components-product-price {
		grid-column: 2 !important;
		justify-self: start !important;
		margin-top: 6px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-wrapper {
		padding: 0 18px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon {
		margin: 0 18px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon__form,
	body.woocommerce-checkout .wc-block-components-totals-coupon__content {
		grid-template-columns: 1fr !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon__form button,
	body.woocommerce-checkout .wc-block-components-totals-coupon__content button {
		width: 100% !important;
		min-width: 0 !important;
	}

	

	

	

	body.woocommerce-checkout .wc-block-checkout__sidebar::after {
		margin: 6px 18px 22px !important;
		font-size: 8.8px !important;
	}
}

/* =========================================================
   BHRAAJ V24.2 — CHECKOUT SUMMARY FINAL COMPOSITION
   Surgical override of V24.1 only. Keeps the approved
   checkout shell, shipping and payment cards intact while
   repairing product hierarchy, coupon controls and trust row.
   ========================================================= */

/* ---------------------------------------------------------
   1. ORDER SUMMARY — QUIETER EDGE + BETTER INTERNAL RHYTHM
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-sidebar {
	border-color: color-mix(in srgb, var(--bh-border) 64%, transparent) !important;
	box-shadow:
		0 1px 0 rgba(0, 0, 0, 0.015),
		0 16px 44px rgba(39, 30, 24, 0.032) !important;
}

body.woocommerce-checkout .wc-block-components-order-summary {
	padding: 30px 28px 8px !important;
}

body.woocommerce-checkout .wc-block-components-order-summary__button-text,
body.woocommerce-checkout .wc-block-components-order-summary__title {
	margin-bottom: 4px !important;
}

/* Product confirmation should read as one compact unit:
   thumbnail | identity | final line price. */
body.woocommerce-checkout .wc-block-components-order-summary-item {
	display: grid !important;
	grid-template-columns: 76px minmax(108px, 1fr) max-content !important;
	column-gap: 14px !important;
	row-gap: 0 !important;
	align-items: start !important;
	padding: 20px 0 22px !important;
	min-width: 0 !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image {
	position: relative !important;
	grid-column: 1 !important;
	grid-row: 1 !important;
	width: 76px !important;
	height: 76px !important;
	min-width: 76px !important;
	max-width: 76px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* WooCommerce wraps the image; make that wrapper the badge anchor. */
body.woocommerce-checkout .wc-block-components-order-summary-item__image > div,
body.woocommerce-checkout .wc-block-components-order-summary-item__image > a {
	position: relative !important;
	display: block !important;
	width: 76px !important;
	height: 76px !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
	display: block !important;
	width: 76px !important;
	height: 76px !important;
	min-width: 76px !important;
	max-width: 76px !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: contain !important;
	margin: 0 !important;
	padding: 7px !important;
	box-sizing: border-box !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 64%, transparent) !important;
	border-radius: 12px !important;
	background: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
	box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__description {
	grid-column: 2 !important;
	grid-row: 1 !important;
	align-self: start !important;
	min-width: 0 !important;
	width: auto !important;
	margin: 0 !important;
	padding: 2px 0 0 !important;
}

body.woocommerce-checkout .wc-block-components-product-name,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-name {
	display: block !important;
	max-width: none !important;
	margin: 0 !important;
	font-family: var(--bh-serif) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.18 !important;
	letter-spacing: -0.018em !important;
	color: var(--bh-text) !important;
	white-space: normal !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
}

/* Checkout is confirmation, not merchandising. Hide redundant unit price,
   short description and product metadata from the middle column. */
body.woocommerce-checkout .wc-block-components-order-summary-item__description > .wc-block-components-product-price,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-details,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata__description,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-details__description,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-details__value,
body.woocommerce-checkout .wc-block-components-order-summary-item__description p {
	display: none !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__total-price {
	grid-column: 3 !important;
	grid-row: 1 !important;
	align-self: start !important;
	justify-self: end !important;
	margin: 3px 0 0 !important;
	padding: 0 !important;
	white-space: nowrap !important;
	font-family: var(--bh-sans) !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: var(--bh-text) !important;
}

/* Quantity belongs to the thumbnail, never between thumbnail and title. */
body.woocommerce-checkout .wc-block-components-order-summary-item__quantity,
body.woocommerce-checkout .wc-block-components-order-summary-item__image .wc-block-components-order-summary-item__quantity {
	position: absolute !important;
	top: -7px !important;
	right: -7px !important;
	bottom: auto !important;
	left: auto !important;
	z-index: 5 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 23px !important;
	height: 23px !important;
	padding: 0 6px !important;
	margin: 0 !important;
	border: 2px solid var(--bh-surface) !important;
	border-radius: 999px !important;
	background: var(--bh-text) !important;
	color: var(--bh-bg) !important;
	font-family: var(--bh-sans) !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	box-shadow: 0 2px 8px rgba(31, 24, 19, 0.08) !important;
}

/* ---------------------------------------------------------
   2. COUPON — TRUE HORIZONTAL CONTROL PAIR
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-totals-coupon {
	margin: 0 28px !important;
	padding: 16px 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form,
body.woocommerce-checkout .wc-block-components-totals-coupon__content,
body.woocommerce-checkout .wc-block-components-totals-coupon form {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 112px !important;
	align-items: stretch !important;
	gap: 10px !important;
	width: 100% !important;
	margin-top: 12px !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input,
body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-text-input,
body.woocommerce-checkout .wc-block-components-totals-coupon form .wc-block-components-text-input {
	min-width: 0 !important;
	width: 100% !important;
	margin: 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form input,
body.woocommerce-checkout .wc-block-components-totals-coupon__content input,
body.woocommerce-checkout .wc-block-components-totals-coupon form input {
	width: 100% !important;
	height: 50px !important;
	min-height: 50px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	border-radius: 11px !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form button,
body.woocommerce-checkout .wc-block-components-totals-coupon__content button,
body.woocommerce-checkout .wc-block-components-totals-coupon form button,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-button {
	width: 112px !important;
	min-width: 112px !important;
	max-width: 112px !important;
	height: 50px !important;
	min-height: 50px !important;
	max-height: 50px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	align-self: stretch !important;
	justify-self: end !important;
	border-radius: 11px !important;
	font-size: 10px !important;
	line-height: 1 !important;
	letter-spacing: 0.075em !important;
}

/* ---------------------------------------------------------
   3. TOTALS + TRUST LINE — AIR, ALIGNMENT, QUIETER METADATA
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-totals-wrapper {
	padding: 0 28px !important;
}

body.woocommerce-checkout .wc-block-components-totals-item {
	min-height: 46px !important;
	padding: 12px 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-footer-item {
	margin-top: 8px !important;
	padding: 24px 0 27px !important;
}

body.woocommerce-checkout .wc-block-checkout__sidebar::after {
	display: block !important;
	margin: 2px 28px 26px !important;
	padding: 10px 0 0 !important;
	border-top: 1px solid color-mix(in srgb, var(--bh-border) 52%, transparent) !important;
	font-size: 9px !important;
	font-weight: 600 !important;
	line-height: 1.55 !important;
	letter-spacing: 0.015em !important;
	text-align: center !important;
	color: color-mix(in srgb, var(--bh-text-soft) 82%, transparent) !important;
}

/* ---------------------------------------------------------
   4. COD MICRO-ALIGNMENT — KEEP APPROVED CARD, NUDGE COPY
   --------------------------------------------------------- */




/* ---------------------------------------------------------
   5. RESPONSIVE PROTECTION
   --------------------------------------------------------- */
@media (max-width: 640px) {
	body.woocommerce-checkout .wc-block-components-order-summary {
		padding: 23px 18px 7px !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary-item {
		grid-template-columns: 66px minmax(0, 1fr) !important;
		column-gap: 13px !important;
		padding: 18px 0 20px !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary-item__image,
	body.woocommerce-checkout .wc-block-components-order-summary-item__image > div,
	body.woocommerce-checkout .wc-block-components-order-summary-item__image > a,
	body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
		width: 66px !important;
		height: 66px !important;
		min-width: 66px !important;
		max-width: 66px !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary-item__description {
		grid-column: 2 !important;
		grid-row: 1 !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary-item__total-price {
		grid-column: 2 !important;
		grid-row: 2 !important;
		justify-self: start !important;
		margin-top: 7px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon,
	body.woocommerce-checkout .wc-block-components-totals-wrapper {
		margin-left: 18px !important;
		margin-right: 18px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon__form,
	body.woocommerce-checkout .wc-block-components-totals-coupon__content,
	body.woocommerce-checkout .wc-block-components-totals-coupon form {
		grid-template-columns: minmax(0, 1fr) 96px !important;
		gap: 8px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon__form button,
	body.woocommerce-checkout .wc-block-components-totals-coupon__content button,
	body.woocommerce-checkout .wc-block-components-totals-coupon form button,
	body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-button {
		width: 96px !important;
		min-width: 96px !important;
		max-width: 96px !important;
	}

	body.woocommerce-checkout .wc-block-checkout__sidebar::after {
		margin: 2px 18px 22px !important;
		font-size: 8.5px !important;
	}
}

/* =========================================================
   BHRAAJ V24.3 — CHECKOUT SUMMARY LOCK
   Surgical correction of the checkout sidebar only.
   - one continuous premium outer shell
   - compact product thumbnail
   - true circular quantity badge
   - single price hierarchy
   - horizontal coupon field + compact Apply button
   - integrated trust footer
   - responsive protection
   ========================================================= */

/* ---------------------------------------------------------
   1. ONE CONTINUOUS SUMMARY SHELL
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-sidebar {
	position: relative !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	isolation: isolate !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 66%, transparent) !important;
	border-radius: 20px !important;
	background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;
	background-clip: padding-box !important;
	box-shadow: 0 14px 42px rgba(39, 30, 24, 0.035) !important;
}

body.woocommerce-checkout .wc-block-components-sidebar > *,
body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-components-order-summary__content,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button,
body.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-panel__button {
	box-shadow: none !important;
	outline: 0 !important;
}

body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-components-order-summary__content,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

body.woocommerce-checkout .wc-block-components-order-summary::before,
body.woocommerce-checkout .wc-block-components-order-summary::after,
body.woocommerce-checkout .wc-block-components-order-summary__content::before,
body.woocommerce-checkout .wc-block-components-order-summary__content::after {
	border: 0 !important;
	box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-order-summary {
	padding: 28px 26px 6px !important;
}

/* ---------------------------------------------------------
   2. PRODUCT ROW — CLEAN CONFIRMATION HIERARCHY
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-order-summary-item {
	display: grid !important;
	grid-template-columns: 66px minmax(0, 1fr) max-content !important;
	column-gap: 13px !important;
	row-gap: 0 !important;
	align-items: center !important;
	min-width: 0 !important;
	padding: 16px 0 20px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image,
body.woocommerce-checkout .wc-block-components-order-summary-item__image > div,
body.woocommerce-checkout .wc-block-components-order-summary-item__image > a {
	position: relative !important;
	grid-column: 1 !important;
	grid-row: 1 !important;
	width: 66px !important;
	height: 66px !important;
	min-width: 66px !important;
	max-width: 66px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 11px !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image img,
body.woocommerce-checkout .wc-block-components-product-image img {
	display: block !important;
	width: 66px !important;
	height: 66px !important;
	min-width: 66px !important;
	max-width: 66px !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: contain !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 6px !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 40%, transparent) !important;
	border-radius: 11px !important;
	background: color-mix(in srgb, var(--bh-surface-soft) 72%, transparent) !important;
	box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__description {
	grid-column: 2 !important;
	grid-row: 1 !important;
	align-self: center !important;
	min-width: 0 !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-name,
body.woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-name {
	display: block !important;
	margin: 0 !important;
	max-width: none !important;
	font-family: var(--bh-serif) !important;
	font-size: 16.5px !important;
	font-weight: 400 !important;
	line-height: 1.22 !important;
	letter-spacing: -0.015em !important;
	color: var(--bh-text) !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Checkout should confirm the item, not repeat merchandising copy or unit price. */
body.woocommerce-checkout .wc-block-components-order-summary-item__description > .wc-block-components-product-price,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-price,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-details,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata__description,
body.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-details__description,
body.woocommerce-checkout .wc-block-components-order-summary-item__description p {
	display: none !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__total-price {
	grid-column: 3 !important;
	grid-row: 1 !important;
	align-self: center !important;
	justify-self: end !important;
	margin: 0 !important;
	padding: 0 !important;
	white-space: nowrap !important;
	font-family: var(--bh-sans) !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: var(--bh-text) !important;
}

/* True circular quantity badge. The width is locked so it cannot stretch. */
body.woocommerce-checkout .wc-block-components-order-summary-item__quantity,
body.woocommerce-checkout .wc-block-components-order-summary-item__image .wc-block-components-order-summary-item__quantity,
body.woocommerce-checkout .wc-block-components-order-summary-item__image .wc-block-components-product-badge,
body.woocommerce-checkout .wc-block-components-product-image .wc-block-components-product-badge {
	position: absolute !important;
	top: -6px !important;
	right: -6px !important;
	bottom: auto !important;
	left: auto !important;
	z-index: 8 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 22px !important;
	min-width: 22px !important;
	max-width: 22px !important;
	height: 22px !important;
	min-height: 22px !important;
	max-height: 22px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 2px solid var(--bh-surface) !important;
	border-radius: 50% !important;
	background: var(--bh-text) !important;
	color: var(--bh-bg) !important;
	font-family: var(--bh-sans) !important;
	font-size: 9.5px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	box-shadow: 0 2px 7px rgba(31, 24, 19, 0.08) !important;
	transform: none !important;
}

/* ---------------------------------------------------------
   3. COUPON — FIELD LEFT, COMPACT APPLY RIGHT
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-totals-coupon {
	margin: 0 26px !important;
	padding: 15px 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__content {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form,
body.woocommerce-checkout .wc-block-components-totals-coupon form {
	display: flex !important;
	flex-flow: row nowrap !important;
	align-items: stretch !important;
	gap: 9px !important;
	width: 100% !important;
	margin: 11px 0 0 !important;
	padding: 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input,
body.woocommerce-checkout .wc-block-components-totals-coupon form .wc-block-components-text-input {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	width: auto !important;
	margin: 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form input,
body.woocommerce-checkout .wc-block-components-totals-coupon form input {
	width: 100% !important;
	height: 46px !important;
	min-height: 46px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	border-radius: 10px !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__form button,
body.woocommerce-checkout .wc-block-components-totals-coupon form button,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-button {
	flex: 0 0 88px !important;
	width: 88px !important;
	min-width: 88px !important;
	max-width: 88px !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	align-self: stretch !important;
	border-radius: 10px !important;
	font-size: 9.5px !important;
	line-height: 1 !important;
	letter-spacing: 0.07em !important;
}

/* ---------------------------------------------------------
   4. TOTALS + TRUST FOOTER — SAME CARD, NO FLOATING EXTRA BOX
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-totals-wrapper {
	margin: 0 !important;
	padding: 0 26px !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-totals-item {
	min-height: 44px !important;
	padding: 11px 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-footer-item {
	margin-top: 7px !important;
	padding: 22px 0 24px !important;
}

body.woocommerce-checkout .wc-block-checkout__sidebar::after {
	position: static !important;
	display: block !important;
	box-sizing: border-box !important;
	width: auto !important;
	margin: 0 26px !important;
	padding: 14px 0 17px !important;
	border: 0 !important;
	border-top: 1px solid color-mix(in srgb, var(--bh-border) 45%, transparent) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: var(--bh-sans) !important;
	font-size: 9px !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	letter-spacing: 0.01em !important;
	text-align: center !important;
	color: color-mix(in srgb, var(--bh-text-soft) 78%, transparent) !important;
}

/* ---------------------------------------------------------
   5. MOBILE — PRESERVE HIERARCHY WITHOUT CROWDING
   --------------------------------------------------------- */
@media (max-width: 640px) {
	body.woocommerce-checkout .wc-block-components-sidebar {
		border-radius: 15px !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary {
		padding: 22px 18px 6px !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary-item {
		grid-template-columns: 60px minmax(0, 1fr) !important;
		column-gap: 12px !important;
		row-gap: 5px !important;
		align-items: center !important;
		padding: 15px 0 18px !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary-item__image,
	body.woocommerce-checkout .wc-block-components-order-summary-item__image > div,
	body.woocommerce-checkout .wc-block-components-order-summary-item__image > a,
	body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
		width: 60px !important;
		height: 60px !important;
		min-width: 60px !important;
		max-width: 60px !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary-item__description {
		grid-column: 2 !important;
		grid-row: 1 !important;
	}

	body.woocommerce-checkout .wc-block-components-order-summary-item__total-price {
		grid-column: 2 !important;
		grid-row: 2 !important;
		justify-self: start !important;
		margin-top: 1px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon {
		margin: 0 18px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-wrapper {
		padding: 0 18px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon__form,
	body.woocommerce-checkout .wc-block-components-totals-coupon form {
		gap: 8px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon__form button,
	body.woocommerce-checkout .wc-block-components-totals-coupon form button,
	body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-button {
		flex-basis: 82px !important;
		width: 82px !important;
		min-width: 82px !important;
		max-width: 82px !important;
	}

	body.woocommerce-checkout .wc-block-checkout__sidebar::after {
		margin: 0 18px !important;
		padding: 12px 0 15px !important;
		font-size: 8.4px !important;
	}
}

/* =========================================================
   BHRAAJ V24.4 — FINAL CHECKOUT MICRO LOCK
   Final surgical correction only:
   - removes residual dark summary separators / footer divider
   - keeps the summary as one uninterrupted premium surface
   - converts coupon copy to true placeholder-style behaviour
   - preserves all V24.3 sizing, spacing, badge, image and totals work
   ========================================================= */

/* ---------------------------------------------------------
   1. ORDER SUMMARY — REMOVE RESIDUAL INTERNAL DIVIDERS
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-sidebar,
body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-components-order-summary__content,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button,
body.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-panel__button,
body.woocommerce-checkout .wc-block-components-totals-coupon,
body.woocommerce-checkout .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-totals-footer-item {
	box-shadow: none !important;
	outline: 0 !important;
}

/* Keep only the quiet outer shell. Internal rows must not draw dark rules. */
body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-components-order-summary__content,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button,
body.woocommerce-checkout .wc-block-components-totals-coupon,
body.woocommerce-checkout .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-totals-footer-item {
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
}

/* Woo Blocks can draw row separators on wrapper pseudo-elements in some builds. */
body.woocommerce-checkout .wc-block-components-totals-wrapper::before,
body.woocommerce-checkout .wc-block-components-totals-wrapper::after,
body.woocommerce-checkout .wc-block-components-totals-footer-item::before,
body.woocommerce-checkout .wc-block-components-totals-footer-item::after,
body.woocommerce-checkout .wc-block-components-totals-coupon::before,
body.woocommerce-checkout .wc-block-components-totals-coupon::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Trust line belongs to the same surface — no divider above it. */
body.woocommerce-checkout .wc-block-checkout__sidebar::after {
	border: 0 !important;
	border-top: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	padding-top: 10px !important;
}

/* ---------------------------------------------------------
   2. COUPON INPUT — TRUE PLACEHOLDER BEHAVIOUR
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input {
	position: relative !important;
}

/* The field owns the text position; suppress Woo's floating label treatment. */
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input__label {
	position: absolute !important;
	left: 14px !important;
	top: 50% !important;
	z-index: 2 !important;
	max-width: calc(100% - 28px) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-family: var(--bh-sans) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	color: color-mix(in srgb, var(--bh-text-soft) 78%, transparent) !important;
	transform: translateY(-50%) !important;
	transform-origin: left center !important;
	transition: opacity 120ms ease !important;
	pointer-events: none !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon input {
	padding: 0 14px !important;
	line-height: 46px !important;
	background: transparent !important;
}

/* Prevent a native placeholder from duplicating the Woo label. */
body.woocommerce-checkout .wc-block-components-totals-coupon input::placeholder {
	color: transparent !important;
	opacity: 0 !important;
}

/* Once the user engages the field or enters a value, "Enter code" disappears. */
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:focus-within label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:focus-within .wc-block-components-text-input__label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.is-active label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.is-active .wc-block-components-text-input__label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.has-text label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.has-text .wc-block-components-text-input__label {
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Modern browsers: keep the label hidden whenever the input has content. */
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:has(input:not(:placeholder-shown)) label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:has(input:not(:placeholder-shown)) .wc-block-components-text-input__label {
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Keep focus premium and restrained; no heavy browser ring inside the coupon control. */
body.woocommerce-checkout .wc-block-components-totals-coupon input:focus,
body.woocommerce-checkout .wc-block-components-totals-coupon input:focus-visible {
	outline: 0 !important;
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bh-gold) 54%, transparent) !important;
}

@media (max-width: 640px) {
	body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input label,
	body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input__label {
		left: 13px !important;
		font-size: 12.5px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon input {
		padding-inline: 13px !important;
	}

	body.woocommerce-checkout .wc-block-checkout__sidebar::after {
		padding-top: 9px !important;
	}
}

/* =========================================================
   BHRAAJ V24.5 — CHECKOUT TRUE FINAL LOCK
   Screenshot-led correction:
   - removes the visible separator between Total and trust copy
   - rebuilds summary shell as one continuous light-outline card
   - normalises top-left/top-right corner treatment
   - keeps "Enter code" visible on focus until the first character is typed
   ========================================================= */

/* ---------------------------------------------------------
   1. SUMMARY SHELL — ONE CONTINUOUS, QUIET OUTLINE
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-sidebar {
	border: 1px solid color-mix(in srgb, var(--bh-border) 42%, transparent) !important;
	border-bottom: 0 !important;
	border-radius: 20px 20px 0 0 !important;
	background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

/* Kill every possible internal/dark rule that can leak from Woo Blocks. */
body.woocommerce-checkout .wc-block-components-sidebar > *,
body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-components-order-summary__content,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button,
body.woocommerce-checkout .wc-block-components-totals-coupon,
body.woocommerce-checkout .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-totals-item,
body.woocommerce-checkout .wc-block-components-totals-footer-item {
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;
}

body.woocommerce-checkout .wc-block-components-order-summary::before,
body.woocommerce-checkout .wc-block-components-order-summary::after,
body.woocommerce-checkout .wc-block-components-order-summary__content::before,
body.woocommerce-checkout .wc-block-components-order-summary__content::after,
body.woocommerce-checkout .wc-block-components-totals-wrapper::before,
body.woocommerce-checkout .wc-block-components-totals-wrapper::after,
body.woocommerce-checkout .wc-block-components-totals-footer-item::before,
body.woocommerce-checkout .wc-block-components-totals-footer-item::after,
body.woocommerce-checkout .wc-block-components-totals-coupon::before,
body.woocommerce-checkout .wc-block-components-totals-coupon::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Preserve the intended small spacing above Total without drawing a rule. */
body.woocommerce-checkout .wc-block-components-totals-footer-item {
	margin-top: 7px !important;
	padding-top: 22px !important;
	padding-bottom: 24px !important;
	border: 0 !important;
}

/* Trust copy completes the shell: no line above it, only side + bottom outline. */
body.woocommerce-checkout .wc-block-checkout__sidebar::after {
	position: static !important;
	display: block !important;
	box-sizing: border-box !important;
	width: auto !important;
	margin: 0 !important;
	padding: 12px 26px 17px !important;
	border: 1px solid color-mix(in srgb, var(--bh-border) 42%, transparent) !important;
	border-top: 0 !important;
	border-radius: 0 0 20px 20px !important;
	background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
	box-shadow: none !important;
	text-align: center !important;
}

/* ---------------------------------------------------------
   2. COUPON — LABEL STAYS UNTIL USER ACTUALLY TYPES
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input__label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:focus-within label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:focus-within .wc-block-components-text-input__label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.is-active label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.is-active .wc-block-components-text-input__label {
	opacity: 1 !important;
	visibility: visible !important;
	position: absolute !important;
	left: 14px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
}

/* Woo adds has-text after the first character; only then remove "Enter code". */
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.has-text label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.has-text .wc-block-components-text-input__label {
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Fallback for Woo builds exposing a real placeholder state. */
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:has(input:not(:placeholder-shown)) label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:has(input:not(:placeholder-shown)) .wc-block-components-text-input__label {
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Do not let the caret visually collide with the prompt while the field is empty. */
body.woocommerce-checkout .wc-block-components-totals-coupon input {
	padding-left: 14px !important;
	caret-color: var(--bh-text) !important;
}

@media (max-width: 640px) {
	body.woocommerce-checkout .wc-block-components-sidebar {
		border-radius: 15px 15px 0 0 !important;
	}

	body.woocommerce-checkout .wc-block-checkout__sidebar::after {
		padding: 11px 18px 15px !important;
		border-radius: 0 0 15px 15px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input label,
	body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input__label,
	body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:focus-within label,
	body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:focus-within .wc-block-components-text-input__label,
	body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.is-active label,
	body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.is-active .wc-block-components-text-input__label {
		left: 13px !important;
	}
}

/* =========================================================
   BHRAAJ V24.6 — CHECKOUT OUTLINE + COUPON LOCK
   Final screenshot-led correction:
   - order summary uses the same quiet rounded outline language as checkout cards
   - removes the broken split-shell/curved Total-to-trust junction
   - removes all stray dark internal edge fragments
   - keeps only intentional subtle section dividers
   - coupon uses the native placeholder so "Enter code" remains on focus
     and disappears automatically after the first typed character
   ========================================================= */

/* ---------------------------------------------------------
   1. ORDER SUMMARY — SINGLE CONTINUOUS CARD OUTLINE
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-checkout__sidebar,
body.woocommerce-checkout .wc-block-components-sidebar {
	position: relative !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	isolation: isolate !important;
	border: 1px solid var(--bh-border) !important;
	border-radius: 20px !important;
	background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
	background-clip: padding-box !important;
	box-shadow: none !important;
}

/* The trust copy is part of the same card — never draw a second shell around it. */
body.woocommerce-checkout .wc-block-checkout__sidebar::after {
	position: static !important;
	display: block !important;
	box-sizing: border-box !important;
	width: auto !important;
	margin: 0 !important;
	padding: 12px 26px 17px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;
	text-align: center !important;
}

/* Neutralise old Woo / earlier BHRAAJ card fragments completely. */
body.woocommerce-checkout .wc-block-components-sidebar > *,
body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-components-order-summary__content,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button,
body.woocommerce-checkout .wc-block-components-totals-coupon,
body.woocommerce-checkout .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-totals-item,
body.woocommerce-checkout .wc-block-components-totals-footer-item {
	border-left: 0 !important;
	border-right: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	border-radius: 0 !important;
}

body.woocommerce-checkout .wc-block-components-order-summary::before,
body.woocommerce-checkout .wc-block-components-order-summary::after,
body.woocommerce-checkout .wc-block-components-order-summary__content::before,
body.woocommerce-checkout .wc-block-components-order-summary__content::after,
body.woocommerce-checkout .wc-block-components-totals-wrapper::before,
body.woocommerce-checkout .wc-block-components-totals-wrapper::after,
body.woocommerce-checkout .wc-block-components-totals-footer-item::before,
body.woocommerce-checkout .wc-block-components-totals-footer-item::after,
body.woocommerce-checkout .wc-block-components-totals-coupon::before,
body.woocommerce-checkout .wc-block-components-totals-coupon::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Keep one deliberate, hairline divider between coupon and pricing rows only. */
body.woocommerce-checkout .wc-block-components-totals-wrapper {
	border-top: 1px solid color-mix(in srgb, var(--bh-border) 58%, transparent) !important;
	border-bottom: 0 !important;
}

/* Total must flow directly into the trust copy — no line, no curve, no second card edge. */
body.woocommerce-checkout .wc-block-components-totals-footer-item {
	margin-top: 7px !important;
	padding-top: 22px !important;
	padding-bottom: 24px !important;
	border: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* ---------------------------------------------------------
   2. COUPON — TRUE PLACEHOLDER BEHAVIOUR
   Native placeholder stays visible when clicked/focused and disappears
   immediately when the first character is entered.
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input__label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:focus-within label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input:focus-within .wc-block-components-text-input__label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.is-active label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.is-active .wc-block-components-text-input__label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.has-text label,
body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input.has-text .wc-block-components-text-input__label {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon input {
	padding: 0 14px !important;
	line-height: 46px !important;
	background: transparent !important;
	caret-color: var(--bh-text) !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon input::placeholder {
	color: color-mix(in srgb, var(--bh-text-soft) 82%, transparent) !important;
	opacity: 1 !important;
	font-family: var(--bh-sans) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon input:focus::placeholder {
	color: color-mix(in srgb, var(--bh-text-soft) 82%, transparent) !important;
	opacity: 1 !important;
}

/* ---------------------------------------------------------
   3. MOBILE PROTECTION
   --------------------------------------------------------- */
@media (max-width: 640px) {
	body.woocommerce-checkout .wc-block-checkout__sidebar,
	body.woocommerce-checkout .wc-block-components-sidebar {
		border-radius: 15px !important;
	}

	body.woocommerce-checkout .wc-block-checkout__sidebar::after {
		padding: 11px 18px 15px !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-coupon input {
		padding-inline: 13px !important;
	}
}

/* =========================================================
   BHRAAJ V24.7 — CHECKOUT FINAL MICRO-POLISH LOCK
   Final visual refinement after screenshot review:
   - preserves the approved continuous order-summary outline
   - softens internal subtotal/pricing separators so they do not read as table rules
   - keeps the Total as the visual destination
   - slightly tightens upper summary rhythm without changing structure
   - keeps trust microcopy quieter and more breathable
   - preserves native coupon placeholder behaviour from V24.6
   ========================================================= */

/* 1) INTERNAL PRICING SEPARATORS — HAIRLINE / LOW CONTRAST
   Keep structure, but make internal rules materially quieter than the outer shell. */
body.woocommerce-checkout .wc-block-components-totals-wrapper {
	border-top: 1px solid color-mix(in srgb, var(--bh-border) 30%, transparent) !important;
	border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 20%, transparent) !important;
	box-shadow: none !important;
}

/* Prevent any nested Woo row from reintroducing a heavier line. */
body.woocommerce-checkout .wc-block-components-totals-wrapper > *,
body.woocommerce-checkout .wc-block-components-totals-item,
body.woocommerce-checkout .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-item__value {
	box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-totals-wrapper > * {
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}

/* 2) TOTAL — NO EXTRA RULE; EMPHASIS COMES FROM TYPE + SPACE ONLY. */
body.woocommerce-checkout .wc-block-components-totals-footer-item {
	margin-top: 5px !important;
	padding-top: 24px !important;
	padding-bottom: 22px !important;
	border: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

/* 3) SUMMARY RHYTHM — SLIGHTLY TIGHTER PRODUCT → COUPON FLOW. */
body.woocommerce-checkout .wc-block-components-order-summary {
	margin-bottom: 0 !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon {
	margin-top: 0 !important;
}

/* 4) TRUST MICROCOPY — QUIETER SUPPORTING SIGNAL, NOT A NEW SECTION. */
body.woocommerce-checkout .wc-block-checkout__sidebar::after {
	padding-top: 14px !important;
	padding-bottom: 18px !important;
	color: color-mix(in srgb, var(--bh-text-soft) 88%, transparent) !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	border: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

/* 5) COUPON — KEEP TRUE PLACEHOLDER BEHAVIOUR.
   Visible when empty (including focus); disappears as soon as content exists. */
body.woocommerce-checkout .wc-block-components-totals-coupon input::placeholder {
	color: color-mix(in srgb, var(--bh-text-soft) 82%, transparent) !important;
	opacity: 1 !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon input:focus::placeholder {
	color: color-mix(in srgb, var(--bh-text-soft) 82%, transparent) !important;
	opacity: 1 !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon input:not(:placeholder-shown)::placeholder {
	opacity: 0 !important;
}

/* 6) MOBILE — SAME HIERARCHY, TIGHTER SCALE. */
@media (max-width: 640px) {
	body.woocommerce-checkout .wc-block-components-totals-wrapper {
		border-top-color: color-mix(in srgb, var(--bh-border) 28%, transparent) !important;
		border-bottom-color: color-mix(in srgb, var(--bh-border) 18%, transparent) !important;
	}

	body.woocommerce-checkout .wc-block-components-totals-footer-item {
		padding-top: 20px !important;
		padding-bottom: 19px !important;
	}

	body.woocommerce-checkout .wc-block-checkout__sidebar::after {
		padding-top: 12px !important;
		padding-bottom: 15px !important;
	}
}

/* =========================================================
   BHRAAJ V24.8 — CHECKOUT DIVIDER FINAL LOCK
   Final order-summary hierarchy:
   - one consistent low-contrast divider language
   - one line above + below coupon section
   - no divider between Subtotal and Free shipping
   - one divider above Total only
   - one subtle divider below Total / above trust microcopy
   - no shadows, duplicate rules, or Woo default separators
   ========================================================= */

body.woocommerce-checkout {
	--bh-summary-divider: color-mix(in srgb, var(--bh-text) 10%, transparent);
}

/* 1) Remove every inherited pricing-rule treatment first. */
body.woocommerce-checkout .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-totals-wrapper > *,
body.woocommerce-checkout .wc-block-components-totals-item,
body.woocommerce-checkout .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-item__value {
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

/* 2) Coupon framing is owned by the consolidated BHRAAJ coupon-divider lock below. */
body.woocommerce-checkout .wc-block-components-totals-coupon {
	border-top: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	box-shadow: none !important;
}

/* Ensure neighbouring Woo blocks cannot double the coupon dividers. */
body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-components-order-summary__content {
	border-bottom: 0 !important;
	box-shadow: none !important;
}

/* 3) Subtotal + Free shipping are one pricing group: no rule between them. */
body.woocommerce-checkout .wc-block-components-totals-wrapper {
	border: 0 !important;
}

/* 4) Total gets one hierarchy divider above it — never below it. */
body.woocommerce-checkout .wc-block-components-totals-footer-item {
	margin-top: 5px !important;
	padding-top: 24px !important;
	padding-bottom: 22px !important;
	border-top: 1px solid var(--bh-summary-divider) !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* 5) Trust microcopy is separated from Total by one restrained divider. */
body.woocommerce-checkout .wc-block-checkout__sidebar::after {
	border: 0 !important;
	border-top: 1px solid var(--bh-summary-divider) !important;
	border-bottom: 0 !important;
	padding-top: 16px !important;
	box-shadow: none !important;
}

/* 6) Kill pseudo-rules that can reappear after Woo Blocks rerenders. */
body.woocommerce-checkout .wc-block-components-totals-coupon::before,
body.woocommerce-checkout .wc-block-components-totals-coupon::after,
body.woocommerce-checkout .wc-block-components-totals-wrapper::before,
body.woocommerce-checkout .wc-block-components-totals-wrapper::after,
body.woocommerce-checkout .wc-block-components-totals-footer-item::before,
body.woocommerce-checkout .wc-block-components-totals-footer-item::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* 7) Mobile uses the exact same hierarchy, only tighter vertical rhythm. */
@media (max-width: 640px) {
	body.woocommerce-checkout .wc-block-components-totals-footer-item {
		padding-top: 20px !important;
		padding-bottom: 19px !important;
	}
}

/* =========================================================
   BHRAAJ V25 — PREMIUM PRODUCT PAGE FINAL LOCK
   22 Aug 2026

   Scope:
   - Single product page only
   - Keeps checkout/account/shop/footer logic untouched
   - Refines composition, hierarchy, purchase controls, trust rail,
     tabs and long-form product copy
   - Built to work with current placeholder media and future real photos
   ========================================================= */

body.single-product.bhraaj-single-product-v20 {
    --bh-product-max: 1340px;
    --bh-product-gutter: clamp(24px, 3.4vw, 58px);
    --bh-product-gap: clamp(54px, 6vw, 96px);
    --bh-product-summary: minmax(430px, .88fr);
    --bh-product-control-height: 58px;
    --bh-product-rule: color-mix(in srgb, var(--bh-text) 9%, transparent);
    --bh-product-rule-strong: color-mix(in srgb, var(--bh-text) 13%, transparent);
    --bh-product-soft: color-mix(in srgb, var(--bh-surface) 76%, transparent);
}

/* ---------- Hero composition ---------- */
@media (min-width: 761px) {
    body.single-product.bhraaj-single-product-v20 div.product {
        grid-template-columns: minmax(0, 1.08fr) var(--bh-product-summary) !important;
        column-gap: var(--bh-product-gap) !important;
        width: min(calc(100% - (var(--bh-product-gutter) * 2)), var(--bh-product-max)) !important;
        padding-top: clamp(18px, 1.6vw, 26px) !important;
        padding-bottom: clamp(42px, 4.8vw, 68px) !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .summary {
        max-width: 540px !important;
        justify-self: stretch !important;
        background: transparent !important;
    }

    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
        grid-template-columns: minmax(0, 1.04fr) minmax(430px, .90fr) !important;
        column-gap: clamp(58px, 6.2vw, 94px) !important;
    }
}

/* ---------- Media frame ---------- */
body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image {
    border: 1px solid var(--bh-product-rule) !important;
    border-radius: clamp(16px, 1.45vw, 22px) !important;
    background: color-mix(in srgb, var(--bh-surface) 94%, var(--bh-gold) 6%) !important;
    box-shadow: none !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image img {
    transition: transform 620ms var(--bh-ease), opacity 360ms var(--bh-ease) !important;
}

@media (hover: hover) and (pointer: fine) {
    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image:not(.is-bhraaj-placeholder):hover img {
        transform: scale(1.012) !important;
    }
}

/* Placeholder is deliberately restrained so the real photography becomes the hero later. */
body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image.is-bhraaj-placeholder,
body.single-product.bhraaj-single-product-v20.bhraaj-product-no-media .woocommerce-product-gallery__image:first-child {
    min-height: clamp(420px, 37vw, 520px) !important;
    border-color: var(--bh-product-rule) !important;
    background:
        radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--bh-gold) 5%, transparent), transparent 42%),
        linear-gradient(145deg, color-mix(in srgb, var(--bh-surface) 97%, var(--bh-gold) 3%), var(--bh-surface-soft)) !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image.is-bhraaj-placeholder::before,
body.single-product.bhraaj-single-product-v20.bhraaj-product-no-media .woocommerce-product-gallery__image:first-child::before {
    font-size: clamp(34px, 3.25vw, 50px) !important;
    letter-spacing: .22em !important;
    opacity: .46 !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image.is-bhraaj-placeholder::after,
body.single-product.bhraaj-single-product-v20.bhraaj-product-no-media .woocommerce-product-gallery__image:first-child::after {
    top: calc(50% + 48px) !important;
    font-size: 8.5px !important;
    letter-spacing: .20em !important;
    opacity: .52 !important;
}

/* ---------- Commerce hierarchy ---------- */
body.single-product.bhraaj-single-product-v20 .bhraaj-product-eyebrow {
    margin-bottom: 11px !important;
    font-size: 9.5px !important;
    letter-spacing: .21em !important;
    opacity: .88 !important;
}

body.single-product.bhraaj-single-product-v20 div.product .product_title {
    max-width: 560px !important;
    margin-bottom: 15px !important;
    font-size: clamp(46px, 3.75vw, 62px) !important;
    line-height: .98 !important;
    letter-spacing: -.036em !important;
}

body.single-product.bhraaj-single-product-v20 div.product p.price,
body.single-product.bhraaj-single-product-v20 div.product span.price {
    margin-bottom: 23px !important;
    font-size: clamp(18px, 1.3vw, 21px) !important;
    font-weight: 700 !important;
    letter-spacing: -.018em !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-details__short-description {
    max-width: 42ch !important;
    margin-bottom: 22px !important;
    color: color-mix(in srgb, var(--bh-text) 66%, var(--bh-bg)) !important;
    font-size: 13.5px !important;
    line-height: 1.72 !important;
}

/* Premium availability status. */
body.single-product.bhraaj-single-product-v20 div.product p.stock {
    gap: 10px !important;
    margin-bottom: 18px !important;
    color: color-mix(in srgb, var(--bh-text) 72%, var(--bh-bg)) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    letter-spacing: .035em !important;
}

body.single-product.bhraaj-single-product-v20 div.product p.stock::before {
    width: 5px !important;
    height: 5px !important;
    flex-basis: 5px !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 9%, transparent) !important;
}

/* ---------- Quantity + Add to bag: one deliberate control row ---------- */
body.single-product.bhraaj-single-product-v20 div.product form.cart {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 12px !important;
    max-width: 520px !important;
    margin-bottom: 20px !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 92px !important;
    min-width: 92px !important;
    height: var(--bh-product-control-height) !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-product-rule-strong) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-surface) 82%, transparent) !important;
    box-shadow: none !important;
    transition: border-color 220ms var(--bh-ease), background 220ms var(--bh-ease) !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity:focus-within {
    border-color: color-mix(in srgb, var(--bh-gold) 48%, var(--bh-text) 16%) !important;
    background: var(--bh-surface) !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .qty::-webkit-inner-spin-button,
body.single-product.bhraaj-single-product-v20 div.product form.cart .qty::-webkit-outer-spin-button {
    margin: 0 !important;
    -webkit-appearance: none !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
    min-height: var(--bh-product-control-height) !important;
    height: var(--bh-product-control-height) !important;
    border-radius: 999px !important;
    letter-spacing: .09em !important;
    box-shadow: none !important;
    transition:
        transform 180ms var(--bh-ease),
        background 220ms var(--bh-ease),
        color 220ms var(--bh-ease),
        border-color 220ms var(--bh-ease) !important;
}

@media (hover: hover) and (pointer: fine) {
    body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button:hover {
        transform: translateY(-1px) !important;
    }
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button:active {
    transform: translateY(0) scale(.995) !important;
}

/* ---------- Trust rail ---------- */
body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 520px !important;
    margin-top: 2px !important;
    padding-top: 17px !important;
    border-top: 1px solid var(--bh-product-rule) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 0 15px !important;
    color: color-mix(in srgb, var(--bh-text) 66%, var(--bh-bg)) !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item:first-child {
    padding-left: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item:last-child {
    padding-right: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item + .bhraaj-reassurance-item::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 1px !important;
    height: 14px !important;
    transform: translateY(-50%) !important;
    background: var(--bh-product-rule) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-mark {
    width: 4px !important;
    height: 4px !important;
    flex: 0 0 4px !important;
    border-radius: 999px !important;
    background: var(--bh-gold) !important;
    opacity: .78 !important;
}

/* ---------- Editorial transition / tabs ---------- */
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs {
    width: min(calc(100% - (var(--bh-product-gutter) * 2)), var(--bh-product-max)) !important;
    margin: 0 auto !important;
    padding-top: clamp(48px, 5.4vw, 76px) !important;
    padding-bottom: clamp(70px, 7vw, 108px) !important;
    border-top: 1px solid var(--bh-product-rule) !important;
    background: transparent !important;
}

body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media .woocommerce-tabs {
    padding-top: clamp(44px, 4.8vw, 66px) !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    margin: 0 0 34px !important;
    padding: 0 !important;
    border: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 0 8px !important;
    color: color-mix(in srgb, var(--bh-text) 48%, var(--bh-bg)) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: .17em !important;
    text-transform: uppercase !important;
    transition: color 200ms var(--bh-ease) !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li a::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 100% !important;
    bottom: 0 !important;
    height: 1px !important;
    background: var(--bh-gold) !important;
    transition: right 260ms var(--bh-ease) !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li.active a {
    color: var(--bh-text) !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li.active a::after,
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li a:hover::after {
    right: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel {
    width: 100% !important;
    max-width: 920px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel > h2:first-child {
    max-width: 760px !important;
    margin: 0 0 18px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(44px, 4.2vw, 66px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.032em !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel p {
    max-width: 68ch !important;
    margin: 0 !important;
    color: color-mix(in srgb, var(--bh-text) 64%, var(--bh-bg)) !important;
    font-size: clamp(14px, 1vw, 15px) !important;
    line-height: 1.8 !important;
}

/* Give longer product copy a measured editorial rhythm without forcing extra content. */
body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel p + p,
body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel ul,
body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel ol {
    margin-top: 18px !important;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel ul,
body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel ol {
    max-width: 68ch !important;
    padding-left: 1.15em !important;
    color: color-mix(in srgb, var(--bh-text) 64%, var(--bh-bg)) !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

/* Reviews inherit the same premium shell rather than WooCommerce box styling. */
body.single-product.bhraaj-single-product-v20 #reviews,
body.single-product.bhraaj-single-product-v20 #comments,
body.single-product.bhraaj-single-product-v20 #review_form_wrapper {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ---------- Tablet ---------- */
@media (min-width: 761px) and (max-width: 1040px) {
    body.single-product.bhraaj-single-product-v20 {
        --bh-product-gap: clamp(34px, 4.8vw, 54px);
        --bh-product-summary: minmax(360px, .92fr);
    }

    body.single-product.bhraaj-single-product-v20 div.product,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
        grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr) !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item,
    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item:first-child,
    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item:last-child {
        padding: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item + .bhraaj-reassurance-item::before {
        display: none !important;
    }
}

/* ---------- Mobile ---------- */
@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20 {
        --bh-product-gutter: 18px;
        --bh-product-control-height: 54px;
    }

    body.single-product.bhraaj-single-product-v20 div.product {
        row-gap: 30px !important;
        padding-bottom: 34px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image.is-bhraaj-placeholder,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-no-media .woocommerce-product-gallery__image:first-child {
        min-height: min(106vw, 470px) !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .summary {
        max-width: none !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        font-size: clamp(43px, 13vw, 58px) !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-details__short-description {
        max-width: 48ch !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 86px minmax(0, 1fr) !important;
        max-width: none !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
        width: 86px !important;
        min-width: 86px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        max-width: none !important;
        padding-top: 16px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item,
    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item:first-child,
    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item:last-child {
        padding: 0 !important;
        font-size: 10.75px !important;
        white-space: normal !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item + .bhraaj-reassurance-item::before {
        display: none !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media .woocommerce-tabs {
        width: calc(100% - 36px) !important;
        padding-top: 42px !important;
        padding-bottom: 74px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs {
        gap: 22px !important;
        margin-bottom: 30px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel > h2:first-child {
        font-size: clamp(40px, 12vw, 52px) !important;
    }
}

@media (max-width: 420px) {
    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 80px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
        width: 80px !important;
        min-width: 80px !important;
    }
}

/* ---------- Dark mode optical parity ---------- */
html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image,
html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
    border-color: color-mix(in srgb, var(--bh-text) 14%, transparent) !important;
}

html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance,
html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 .woocommerce-tabs {
    border-color: color-mix(in srgb, var(--bh-text) 12%, transparent) !important;
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image img,
    body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button,
    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li a,
    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li a::after {
        transition: none !important;
        transform: none !important;
    }
}

/* =========================================================
   BHRAAJ V25.1 — GLOBAL COMMERCE SPACING LOCK
   Purpose:
   - make Cart, Checkout and My Account begin with the same deliberate
     premium rhythm established on the approved single-product page
   - remove oversized dead air below the global header
   - keep Checkout's Order Summary visually connected to the purchase flow
   - preserve Shop / category / product-page compositions already approved
   ========================================================= */

:root {
    --bh-commerce-top-space: clamp(34px, 4vw, 54px);
    --bh-commerce-section-gap: clamp(24px, 2.6vw, 36px);
}

/* ---------- MY ACCOUNT ----------
   The masthead previously carried substantially more top air than the
   product experience. Reduce only that opening zone; internal account cards
   and forms remain unchanged. */
body.woocommerce-account .bhraaj-account-masthead {
    padding-top: var(--bh-commerce-top-space) !important;
    padding-bottom: clamp(26px, 3vw, 38px) !important;
}

body.woocommerce-account.logged-in .woocommerce,
body.woocommerce-account:not(.logged-in) .woocommerce {
    padding-top: clamp(26px, 2.8vw, 38px) !important;
}

/* Keep the navigation/content block attached to the masthead without making
   it feel compressed. */
@media (min-width: 921px) {
    body.woocommerce-account.logged-in .woocommerce {
        padding-top: clamp(26px, 2.8vw, 38px) !important;
    }
}

/* ---------- CART / YOUR BAG ---------- */
body.bhraaj-cart-v21 .wc-block-cart,
body.bhraaj-cart-v211 .wc-block-cart {
    padding-top: var(--bh-commerce-top-space) !important;
}

body.bhraaj-cart-v21 .bhraaj-cart-masthead,
body.bhraaj-cart-v211 .bhraaj-cart-masthead {
    margin-bottom: clamp(28px, 3.2vw, 42px) !important;
    padding-bottom: clamp(20px, 2.2vw, 28px) !important;
}

/* ---------- CHECKOUT ----------
   Standardise the header-to-content distance and explicitly control both
   column and row spacing so the summary never drifts away from the form. */
body.woocommerce-checkout .wc-block-checkout {
    --bh-checkout-gap: clamp(28px, 3.4vw, 52px);
    padding-top: var(--bh-commerce-top-space) !important;
    row-gap: var(--bh-commerce-section-gap) !important;
    column-gap: var(--bh-checkout-gap) !important;
}

/* Remove inherited block margins that can create a false empty band before
   the first Contact information card. */
body.woocommerce-checkout .wc-block-checkout__main,
body.woocommerce-checkout .wc-block-checkout__sidebar,
body.woocommerce-checkout .wc-block-components-main,
body.woocommerce-checkout .wc-block-components-sidebar {
    margin-top: 0 !important;
}

body.woocommerce-checkout .wc-block-checkout__main > :first-child,
body.woocommerce-checkout .wc-block-checkout__main > .wc-block-components-checkout-step:first-child {
    margin-top: 0 !important;
}

/* If WooCommerce stacks the sidebar under the form at an intermediate width,
   use one intentional breathing space instead of a large inherited gap. */
@media (max-width: 960px) {
    body.woocommerce-checkout .wc-block-checkout__sidebar {
        margin-top: clamp(26px, 3.4vw, 38px) !important;
    }
}

/* Some WooCommerce block builds place the sidebar as a later grid child even
   before the tablet breakpoint. This keeps that transition optically tight. */
@media (min-width: 961px) {
    body.woocommerce-checkout .wc-block-checkout__sidebar {
        margin-top: 0 !important;
    }
}

/* Do not let the action area create a large trailing void before a stacked
   Order Summary. Functional button spacing is preserved. */
body.woocommerce-checkout .wc-block-checkout__actions,
body.woocommerce-checkout .wc-block-checkout__actions_row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ---------- MOBILE RHYTHM ---------- */
@media (max-width: 700px) {
    :root {
        --bh-commerce-top-space: 26px;
        --bh-commerce-section-gap: 22px;
    }

    body.woocommerce-account .bhraaj-account-masthead {
        padding-top: 30px !important;
        padding-bottom: 24px !important;
    }

    body.woocommerce-account.logged-in .woocommerce,
    body.woocommerce-account:not(.logged-in) .woocommerce {
        padding-top: 22px !important;
    }

    body.bhraaj-cart-v21 .wc-block-cart,
    body.bhraaj-cart-v211 .wc-block-cart {
        padding-top: 28px !important;
    }

    body.woocommerce-checkout .wc-block-checkout {
        padding-top: 0 !important;
        row-gap: 22px !important;
    }

    body.woocommerce-checkout .wc-block-checkout__sidebar {
        margin-top: 22px !important;
    }
}

/* =========================================================
   BHRAAJ V26 — RESPONSIVE SYSTEM LOCK
   Scope:
   - one responsive rhythm across desktop, laptop, tablet and mobile
   - preserve the approved desktop composition and typography
   - make commerce controls touch-safe and fluid without visual bloat
   - keep product, cart, checkout, account and footer spacing coherent
   - motion remains restrained, GPU-friendly and reduced-motion aware
   ========================================================= */

:root {
    --bh-page-gutter: clamp(18px, 3.2vw, 48px);
    --bh-page-gutter-wide: clamp(24px, 4vw, 64px);
    --bh-section-y: clamp(52px, 6vw, 88px);
    --bh-section-y-tight: clamp(34px, 4vw, 58px);
    --bh-card-pad: clamp(20px, 2.4vw, 34px);
    --bh-touch: 46px;
    --bh-fluid-h1: clamp(42px, 5.4vw, 78px);
    --bh-fluid-h2: clamp(34px, 4vw, 56px);
    --bh-fluid-h3: clamp(27px, 3vw, 40px);
}

/* ----- universal fluid shell ----- */
.bhraaj-container {
    width: min(calc(100% - (var(--bh-page-gutter) * 2)), var(--bh-container));
}

img,
video,
svg,
canvas {
    max-width: 100%;
}

input,
select,
textarea,
button,
.button,
.wp-element-button,
.wc-block-components-button {
    max-width: 100%;
}

/* Keep tap/click motion polished and avoid layout-triggering animation. */
a,
button,
.button,
.wp-element-button,
.wc-block-components-button,
.bhraaj-product-card,
.bhraaj-category-card,
.bhraaj-shop-chip,
.bhraaj-menu-toggle {
    -webkit-tap-highlight-color: transparent;
}

button,
.button,
.wp-element-button,
.wc-block-components-button,
input,
select,
textarea {
    transition-property: color, background-color, border-color, box-shadow, opacity, transform;
    transition-duration: 220ms;
    transition-timing-function: var(--bh-ease);
}

/* ----- header / navigation ----- */
.bhraaj-header-inner {
    min-height: clamp(68px, 6vw, var(--bh-header-height));
    gap: clamp(18px, 2.4vw, 32px);
}

.bhraaj-desktop-nav {
    gap: clamp(18px, 2.5vw, 40px);
}

.bhraaj-header-actions {
    gap: clamp(10px, 1.3vw, 18px);
}

.bhraaj-header-actions a,
.bhraaj-header-actions button,
.bhraaj-menu-toggle {
    min-width: 42px;
    min-height: 42px;
}

/* ----- product grids / cards ----- */
.woocommerce ul.products,
body.bhraaj-shop-v22 ul.products {
    column-gap: clamp(18px, 2.3vw, 34px) !important;
    row-gap: clamp(30px, 3.2vw, 48px) !important;
}

.bhraaj-product-card,
.bhraaj-category-card {
    min-width: 0;
}

/* ----- forms / commerce controls ----- */
body.woocommerce-checkout input:not([type="checkbox"]):not([type="radio"]),
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
body.woocommerce-account input:not([type="checkbox"]):not([type="radio"]),
body.woocommerce-account select,
body.woocommerce-account textarea,
body.woocommerce-cart input:not([type="checkbox"]):not([type="radio"]),
body.woocommerce-cart select,
body.woocommerce-cart textarea {
    min-height: var(--bh-touch) !important;
}

body.woocommerce-checkout .wc-block-components-button,
body.woocommerce-cart .wc-block-components-button,
body.woocommerce-account .woocommerce-Button,
body.woocommerce-account button,
body.single-product.bhraaj-single-product-v20 .single_add_to_cart_button {
    min-height: var(--bh-touch) !important;
}

/* Prevent long labels, addresses and product names from forcing overflow. */
body.woocommerce-checkout .wc-block-components-order-summary-item,
body.woocommerce-checkout .wc-block-components-product-name,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-cart .wc-block-cart-items,
body.woocommerce-cart .wc-block-cart-item__product,
body.single-product .summary {
    min-width: 0 !important;
    overflow-wrap: anywhere;
}

/* =========================================================
   LAPTOP — 992px to 1199px
   Preserve desktop hierarchy while tightening unused air.
   ========================================================= */
@media (min-width: 992px) and (max-width: 1199px) {
    :root {
        --bh-page-gutter: clamp(28px, 3vw, 38px);
        --bh-commerce-top-space: clamp(32px, 3.4vw, 44px);
    }

    .bhraaj-header-inner {
        grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
    }

    .bhraaj-brand .custom-logo {
        max-width: 168px;
        max-height: 44px;
    }

    body.single-product.bhraaj-single-product-v20 div.product,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
        column-gap: clamp(42px, 5vw, 68px) !important;
    }

    body.woocommerce-checkout .wc-block-checkout {
        --bh-checkout-gap: clamp(30px, 3vw, 42px);
    }
}

/* =========================================================
   TABLET — 768px to 991px
   Two-column areas collapse intentionally; nothing becomes cramped.
   ========================================================= */
@media (min-width: 768px) and (max-width: 991px) {
    :root {
        --bh-page-gutter: clamp(26px, 4.2vw, 38px);
        --bh-section-y: clamp(46px, 6vw, 66px);
        --bh-section-y-tight: clamp(30px, 4vw, 44px);
        --bh-card-pad: clamp(22px, 3vw, 30px);
        --bh-commerce-top-space: 34px;
        --bh-commerce-section-gap: 28px;
    }

    .bhraaj-announcement .bhraaj-container {
        min-height: 32px;
        padding-block: 6px;
        text-align: center;
        line-height: 1.35;
    }

    .bhraaj-header-inner {
        grid-template-columns: auto 1fr auto;
        min-height: 72px;
        gap: 20px;
    }

    .bhraaj-brand {
        justify-self: start;
    }

    .bhraaj-brand .custom-logo {
        max-width: 156px;
        max-height: 42px;
    }

    .bhraaj-desktop-nav {
        justify-self: center;
        gap: clamp(16px, 2.4vw, 24px);
    }

    .bhraaj-desktop-nav a {
        font-size: 11px;
    }

    .bhraaj-header-actions {
        justify-self: end;
        gap: 8px;
    }

    /* Product pages: move to a calm single-column reading order. */
    body.single-product.bhraaj-single-product-v20 div.product,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .images,
    body.single-product.bhraaj-single-product-v20 div.product .summary {
        width: min(100%, 760px) !important;
        margin-inline: auto !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image {
        max-height: none !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media .woocommerce-tabs {
        margin-top: 44px !important;
    }

    /* My Account: navigation stays usable but gives content priority. */
    body.woocommerce-account.logged-in .woocommerce {
        grid-template-columns: minmax(190px, 220px) minmax(0, 1fr) !important;
        gap: 28px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation,
    body.woocommerce-account .woocommerce-MyAccount-content {
        min-width: 0 !important;
    }

    /* Checkout stacks before it starts feeling squeezed. */
    body.woocommerce-checkout .wc-block-checkout {
        grid-template-columns: 1fr !important;
        row-gap: 28px !important;
    }

    body.woocommerce-checkout .wc-block-checkout__main,
    body.woocommerce-checkout .wc-block-checkout__sidebar,
    body.woocommerce-checkout .wc-block-components-main,
    body.woocommerce-checkout .wc-block-components-sidebar {
        width: 100% !important;
        max-width: none !important;
    }

    body.woocommerce-checkout .wc-block-checkout__sidebar {
        margin-top: 0 !important;
    }

    .bhraaj-footer-top {
        grid-template-columns: minmax(0, 1.5fr) minmax(140px, .7fr) minmax(140px, .7fr) !important;
        gap: 34px !important;
    }
}

/* =========================================================
   MOBILE — up to 767px
   Full touch-first composition, no horizontal overflow.
   ========================================================= */
@media (max-width: 767px) {
    :root {
        --bh-page-gutter: clamp(18px, 5vw, 24px);
        --bh-section-y: clamp(40px, 10vw, 58px);
        --bh-section-y-tight: clamp(28px, 7vw, 38px);
        --bh-card-pad: clamp(18px, 5vw, 24px);
        --bh-commerce-top-space: 26px;
        --bh-commerce-section-gap: 22px;
        --bh-touch: 48px;
    }

    html {
        scroll-padding-top: 86px;
    }

    body {
        overflow-x: hidden;
    }

    .bhraaj-site {
        overflow: clip;
    }

    .bhraaj-announcement {
        font-size: var(--bh-ribbon-mobile-font-size, 10px);
        letter-spacing: 0.105em;
    }

    .bhraaj-announcement .bhraaj-container {
        width: min(calc(100% - 28px), var(--bh-container));
        min-height: 30px;
        padding-block: 6px;
        gap: 8px;
        text-align: center;
        line-height: 1.35;
    }

    .bhraaj-announcement-dot {
        flex: 0 0 3px;
    }

    .bhraaj-header-inner {
        min-height: 66px;
        grid-template-columns: 1fr auto;
        gap: 12px;
    }

    .bhraaj-brand {
        justify-self: start;
        min-width: 0;
    }

    .bhraaj-brand .custom-logo {
        max-width: min(148px, 47vw);
        max-height: 38px;
    }

    .bhraaj-wordmark {
        font-size: clamp(22px, 7.2vw, 28px);
        letter-spacing: 0.145em;
    }

    .bhraaj-desktop-nav {
        display: none !important;
    }

    .bhraaj-header-actions {
        justify-self: end;
        gap: 4px;
    }

    .bhraaj-header-actions a,
    .bhraaj-header-actions button,
    .bhraaj-menu-toggle {
        min-width: 42px;
        min-height: 42px;
        padding: 8px;
    }

    .bhraaj-menu-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .bhraaj-mobile-nav {
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    /* Mobile typography keeps the editorial hierarchy without giant wrapping. */
    .bhraaj-shop-masthead h1,
    .bhraaj-cart-masthead h1,
    .bhraaj-account-masthead h1,
    body.single-product .product_title {
        font-size: clamp(38px, 12vw, 56px) !important;
        line-height: .96 !important;
        letter-spacing: -0.035em !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        font-size: clamp(38px, 11.5vw, 52px) !important;
    }

    /* Catalog grids */
    .woocommerce ul.products,
    body.bhraaj-shop-v22 ul.products,
    .bhraaj-category-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .bhraaj-shop-toolbar {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        align-items: stretch !important;
    }

    .bhraaj-shop-categories {
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: 2px;
    }

    .bhraaj-shop-categories::-webkit-scrollbar {
        display: none;
    }

    .bhraaj-shop-chip {
        flex: 0 0 auto;
        min-height: 42px;
    }

    .bhraaj-shop-sort,
    .bhraaj-shop-sort select {
        width: 100% !important;
    }

    /* Product page */
    body.single-product.bhraaj-single-product-v20 div.product,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .images,
    body.single-product.bhraaj-single-product-v20 div.product .summary {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image {
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        display: grid !important;
        grid-template-columns: minmax(92px, .28fr) minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: stretch !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity,
    body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
        width: 100% !important;
        min-height: 52px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item {
        min-height: 44px !important;
        justify-content: flex-start !important;
        padding: 10px 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item + .bhraaj-reassurance-item::before {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: auto !important;
        width: auto !important;
        height: 1px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs {
        display: flex !important;
        gap: 22px !important;
        overflow-x: auto;
        scrollbar-width: none;
        white-space: nowrap;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs::-webkit-scrollbar {
        display: none;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel {
        padding-top: 24px !important;
    }

    /* Cart */
    body.bhraaj-cart-v21 .wc-block-cart,
    body.bhraaj-cart-v211 .wc-block-cart {
        padding-top: 26px !important;
    }

    body.woocommerce-cart .wc-block-cart__main,
    body.woocommerce-cart .wc-block-cart__sidebar {
        width: 100% !important;
        max-width: none !important;
    }

    body.woocommerce-cart .wc-block-cart-items__row {
        min-width: 0 !important;
    }

    body.woocommerce-cart .wc-block-cart-item__wrap {
        min-width: 0 !important;
    }

    /* Checkout */
    body.woocommerce-checkout .wc-block-checkout {
        grid-template-columns: 1fr !important;
        padding-top: 26px !important;
        row-gap: 22px !important;
        column-gap: 0 !important;
    }

    body.woocommerce-checkout .wc-block-checkout__main,
    body.woocommerce-checkout .wc-block-checkout__sidebar,
    body.woocommerce-checkout .wc-block-components-main,
    body.woocommerce-checkout .wc-block-components-sidebar {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.woocommerce-checkout .wc-block-components-checkout-step,
    body.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main,
    body.woocommerce-checkout .wc-block-components-sidebar {
        border-radius: clamp(18px, 5vw, 24px) !important;
    }

    body.woocommerce-checkout .wc-block-components-address-form {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    body.woocommerce-checkout .wc-block-components-address-form > * {
        grid-column: 1 / -1 !important;
        min-width: 0 !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item {
        grid-template-columns: 70px minmax(0, 1fr) auto !important;
        gap: 12px !important;
        align-items: start !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item__image {
        width: 70px !important;
        min-width: 70px !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
        width: 70px !important;
        height: 70px !important;
        object-fit: cover !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item__total-price,
    body.woocommerce-checkout .wc-block-components-order-summary-item > .wc-block-components-product-price,
    body.woocommerce-checkout .wc-block-components-order-summary-item > .wc-block-components-product-name + .wc-block-components-product-price {
        font-size: 13px !important;
    }

    body.woocommerce-checkout .wc-block-components-product-name {
        font-size: 16px !important;
    }

    body.woocommerce-checkout .wc-block-components-totals-wrapper {
        padding-inline: 20px !important;
    }

    body.woocommerce-checkout .wc-block-components-totals-coupon__form {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    body.woocommerce-checkout .wc-block-components-totals-coupon__form input {
        min-width: 0 !important;
        width: 100% !important;
    }

    body.woocommerce-checkout .wc-block-components-totals-coupon__button {
        min-width: 106px !important;
        min-height: 48px !important;
        padding-inline: 18px !important;
    }

    body.woocommerce-checkout .wc-block-checkout__actions_row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    body.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
        width: 100% !important;
        min-height: 54px !important;
    }

    /* Account */
    body.woocommerce-account .bhraaj-account-masthead {
        padding-top: 28px !important;
        padding-bottom: 24px !important;
    }

    body.woocommerce-account.logged-in .woocommerce,
    body.woocommerce-account:not(.logged-in) .woocommerce {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding-top: 22px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation,
    body.woocommerce-account .woocommerce-MyAccount-content {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        gap: 8px !important;
        overflow-x: auto;
        white-space: nowrap;
        padding: 8px !important;
        scrollbar-width: none;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li {
        flex: 0 0 auto;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li a {
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        padding-inline: 14px !important;
    }

    body.woocommerce-account .woocommerce-address-fields__field-wrapper,
    body.woocommerce-account .woocommerce-EditAccountForm {
        min-width: 0 !important;
    }

    body.woocommerce-account .form-row-first,
    body.woocommerce-account .form-row-last {
        float: none !important;
        width: 100% !important;
    }

    /* Footer */
    .bhraaj-footer {
        padding-top: clamp(46px, 10vw, 64px);
    }

    .bhraaj-footer-top {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
    }

    .bhraaj-footer-brand {
        max-width: 100% !important;
    }

    .bhraaj-footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    .bhraaj-footer-bottom {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px 20px !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}

/* =========================================================
   SMALL MOBILE — up to 479px
   Protect 360/375/390/412/430px-class devices.
   ========================================================= */
@media (max-width: 479px) {
    :root {
        --bh-page-gutter: 18px;
    }

    .bhraaj-container {
        width: calc(100% - 36px);
    }

    .bhraaj-header-inner {
        min-height: 64px;
    }

    .bhraaj-brand .custom-logo {
        max-width: min(136px, 43vw);
    }

    .bhraaj-header-actions a,
    .bhraaj-header-actions button,
    .bhraaj-menu-toggle {
        min-width: 40px;
        min-height: 40px;
        padding: 7px;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 84px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
        padding-inline: 14px !important;
        font-size: 11px !important;
        letter-spacing: .08em !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item {
        grid-template-columns: 62px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item__image,
    body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
        width: 62px !important;
        min-width: 62px !important;
        height: 62px !important;
    }

    body.woocommerce-checkout .wc-block-components-totals-coupon__form {
        grid-template-columns: 1fr !important;
    }

    body.woocommerce-checkout .wc-block-components-totals-coupon__button {
        width: 100% !important;
    }

    .bhraaj-footer-links {
        grid-template-columns: 1fr 1fr !important;
        gap: 22px 16px !important;
    }
}

/* =========================================================
   VERY NARROW / ACCESSIBILITY ZOOM SAFETY — up to 359px
   No design change; only prevent collisions/overflow.
   ========================================================= */
@media (max-width: 359px) {
    :root {
        --bh-page-gutter: 14px;
    }

    .bhraaj-container {
        width: calc(100% - 28px);
    }

    .bhraaj-announcement-dot {
        display: none;
    }

    .bhraaj-header-actions {
        gap: 0;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 1fr !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item {
        grid-template-columns: 56px minmax(0, 1fr) !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item__image,
    body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
        width: 56px !important;
        min-width: 56px !important;
        height: 56px !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item__total-price,
    body.woocommerce-checkout .wc-block-components-order-summary-item > .wc-block-components-product-price,
    body.woocommerce-checkout .wc-block-components-order-summary-item > .wc-block-components-product-name + .wc-block-components-product-price {
        grid-column: 2 !important;
        justify-self: start !important;
        margin-top: 3px !important;
    }
}

/* =========================================================
   MOTION / INPUT QUALITY
   ========================================================= */
@media (hover: hover) and (pointer: fine) {
    .bhraaj-product-card,
    .bhraaj-category-card {
        will-change: transform;
    }
}

@media (hover: none), (pointer: coarse) {
    .bhraaj-product-card:hover,
    .bhraaj-category-card:hover,
    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image:hover img {
        transform: none !important;
    }

    a,
    button,
    .button,
    .wp-element-button,
    .wc-block-components-button {
        touch-action: manipulation;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================================
   BHRAAJ V27 — FINAL RESPONSIVE CONSOLIDATION LOCK
   22 Aug 2026

   Purpose
   - resolve legacy 760px / 767px mobile rule conflicts
   - restore intentional safe-area rails on narrow screens
   - enforce a true three-zone mobile header
   - align product media, summary, tabs and related content
   - preserve approved desktop composition
   - keep tablet / laptop transitions calm and deliberate
   - eliminate narrow-screen collisions without hiding layout errors
   ========================================================= */

/* ---------- Shared responsive rails ---------- */
:root {
    --bh-mobile-rail: clamp(18px, 4.8vw, 24px);
    --bh-tablet-rail: clamp(26px, 4.2vw, 38px);
}

/* =========================================================
   TABLET CONSOLIDATION — 768px to 991px
   ========================================================= */
@media (min-width: 768px) and (max-width: 991px) {
    .bhraaj-container {
        width: min(calc(100% - (var(--bh-tablet-rail) * 2)), var(--bh-container)) !important;
    }

    .bhraaj-header-inner {
        grid-template-columns: 44px minmax(0, 1fr) auto !important;
        gap: 18px !important;
    }

    .bhraaj-menu-toggle {
        grid-column: 1 !important;
        justify-self: start !important;
    }

    .bhraaj-brand {
        grid-column: 2 !important;
        justify-self: center !important;
        min-width: 0 !important;
    }

    .bhraaj-header-actions {
        grid-column: 3 !important;
        justify-self: end !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
        width: min(calc(100% - (var(--bh-tablet-rail) * 2)), var(--bh-product-max)) !important;
        margin-inline: auto !important;
        grid-template-columns: 1fr !important;
        gap: 34px !important;
        padding-top: 18px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .woocommerce-product-gallery,
    body.single-product.bhraaj-single-product-v20 div.product .summary {
        width: min(100%, 760px) !important;
        max-width: 760px !important;
        margin-inline: auto !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .summary {
        position: static !important;
        top: auto !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media .woocommerce-tabs {
        width: min(calc(100% - (var(--bh-tablet-rail) * 2)), var(--bh-product-max)) !important;
        margin: 42px auto 0 !important;
    }
}

/* =========================================================
   MOBILE CONSOLIDATION — up to 767px
   This block is intentionally last so it becomes the one
   authoritative mobile composition over legacy 760px rules.
   ========================================================= */
@media (max-width: 767px) {
    :root {
        --bh-page-gutter: var(--bh-mobile-rail);
        --bh-product-gutter: var(--bh-mobile-rail);
        --bh-touch: 48px;
    }

    /* Do not depend on clipping to conceal component overflow. */
    body {
        overflow-x: visible !important;
    }

    .bhraaj-site {
        overflow-x: clip !important;
    }

    .bhraaj-container {
        width: min(calc(100% - (var(--bh-mobile-rail) * 2)), var(--bh-container)) !important;
        margin-inline: auto !important;
    }

    /* ----- Header: menu | centered brand | actions ----- */
    .bhraaj-header-inner {
        min-height: 66px !important;
        grid-template-columns: 42px minmax(0, 1fr) auto !important;
        gap: 10px !important;
        align-items: center !important;
    }

    .bhraaj-menu-toggle {
        display: inline-flex !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 8px !important;
    }

    .bhraaj-brand {
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-self: center !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .bhraaj-brand .custom-logo {
        display: block !important;
        width: auto !important;
        max-width: min(142px, 41vw) !important;
        max-height: 38px !important;
    }

    .bhraaj-wordmark {
        font-size: clamp(22px, 6.7vw, 27px) !important;
        letter-spacing: .14em !important;
        white-space: nowrap !important;
    }

    .bhraaj-header-actions {
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        min-width: 0 !important;
    }

    .bhraaj-header-actions a,
    .bhraaj-header-actions button {
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 7px !important;
    }

    /* Account stays suppressed on compact header; menu owns that route. */
    .bhraaj-account-link {
        display: none !important;
    }

    /* ----- Product stage ----- */
    body.single-product.bhraaj-single-product-v20 {
        --bh-product-gutter: var(--bh-mobile-rail) !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 14px 0 58px !important;
    }

    /* Media uses the same visual rail as the purchase information. */
    body.single-product.bhraaj-single-product-v20 div.product .woocommerce-product-gallery {
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 26px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__wrapper {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc(100vw - (var(--bh-mobile-rail) * 2)) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 var(--bh-mobile-rail) !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-left: var(--bh-mobile-rail) !important;
        overscroll-behavior-x: contain !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__wrapper::-webkit-scrollbar {
        display: none !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image {
        width: auto !important;
        min-width: 0 !important;
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
        max-height: none !important;
        border-radius: 18px !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    body.single-product.bhraaj-single-product-v20.bhraaj-product-no-media
    .woocommerce-product-gallery__image:first-child {
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
    }

    /* Summary shares the exact gallery rails. */
    body.single-product.bhraaj-single-product-v20 div.product .summary {
        position: static !important;
        top: auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 var(--bh-mobile-rail) !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-eyebrow {
        margin-bottom: 9px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        width: 100% !important;
        max-width: 14ch !important;
        margin: 0 0 14px !important;
        font-size: clamp(34px, 10vw, 42px) !important;
        line-height: .98 !important;
        letter-spacing: -.034em !important;
        text-wrap: balance !important;
        overflow-wrap: normal !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product p.price,
    body.single-product.bhraaj-single-product-v20 div.product span.price {
        margin-bottom: 20px !important;
        font-size: clamp(18px, 5.2vw, 21px) !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-details__short-description {
        max-width: 38em !important;
        margin-bottom: 22px !important;
        font-size: 14px !important;
        line-height: 1.68 !important;
        overflow-wrap: break-word !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product p.stock {
        margin-bottom: 17px !important;
    }

    /* One clean purchase row at every supported phone width. */
    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        display: grid !important;
        grid-template-columns: 76px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity,
    body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
        width: 76px !important;
        min-width: 76px !important;
        max-width: 76px !important;
        min-height: 52px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 52px !important;
        padding-inline: 16px !important;
        font-size: 10.5px !important;
        letter-spacing: .085em !important;
        white-space: nowrap !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        margin-top: 20px !important;
        padding-top: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-reassurance-item {
        min-height: 44px !important;
        justify-content: flex-start !important;
        padding: 10px 0 !important;
    }

    /* Tabs and long-form content align to the same mobile rail. */
    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media .woocommerce-tabs {
        width: auto !important;
        max-width: none !important;
        margin: 0 var(--bh-mobile-rail) !important;
        padding: 34px 0 64px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs {
        margin-bottom: 26px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel {
        min-width: 0 !important;
        padding-top: 22px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-Tabs-panel h2 {
        font-size: clamp(34px, 9.4vw, 44px) !important;
        line-height: 1 !important;
    }

    /* Related / upsell rails match product rails. */
    body.single-product.bhraaj-single-product-v20 .related.products > h2,
    body.single-product.bhraaj-single-product-v20 .upsells.products > h2 {
        margin-left: var(--bh-mobile-rail) !important;
        margin-right: var(--bh-mobile-rail) !important;
    }

    body.single-product.bhraaj-single-product-v20 .related.products ul.products,
    body.single-product.bhraaj-single-product-v20 .upsells.products ul.products {
        grid-auto-columns: minmax(232px, calc(100vw - (var(--bh-mobile-rail) * 2))) !important;
        padding-left: var(--bh-mobile-rail) !important;
        padding-right: var(--bh-mobile-rail) !important;
        scroll-padding-left: var(--bh-mobile-rail) !important;
    }

    /* ----- Commerce pages: same safe-area language ----- */
    body.bhraaj-cart-v21 .wc-block-cart,
    body.bhraaj-cart-v211 .wc-block-cart,
    body.woocommerce-checkout .wc-block-checkout,
    body.woocommerce-account.logged-in .woocommerce,
    body.woocommerce-account:not(.logged-in) .woocommerce,
    body.woocommerce-account .bhraaj-account-masthead {
        width: min(calc(100% - (var(--bh-mobile-rail) * 2)), var(--bh-container)) !important;
        margin-inline: auto !important;
    }

    body.woocommerce-checkout .wc-block-checkout,
    body.woocommerce-account.logged-in .woocommerce,
    body.woocommerce-account:not(.logged-in) .woocommerce {
        min-width: 0 !important;
    }

    body.woocommerce-checkout .wc-block-components-checkout-step,
    body.woocommerce-checkout .wc-block-components-sidebar,
    body.woocommerce-checkout .wc-block-components-main,
    body.woocommerce-account .woocommerce-MyAccount-content,
    body.woocommerce-account .woocommerce-MyAccount-navigation {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Checkout coupon stays usable in one row on normal phones. */
    body.woocommerce-checkout .wc-block-components-totals-coupon__form {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    body.woocommerce-checkout .wc-block-components-totals-coupon__form input {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.woocommerce-checkout .wc-block-components-totals-coupon__button {
        width: auto !important;
        min-width: 104px !important;
        min-height: 48px !important;
        padding-inline: 16px !important;
    }
}

/* =========================================================
   COMPACT MOBILE — 320px to 479px
   ========================================================= */
@media (max-width: 479px) {
    :root {
        --bh-mobile-rail: 18px;
    }

    .bhraaj-header-inner {
        grid-template-columns: 40px minmax(0, 1fr) auto !important;
        gap: 8px !important;
        min-height: 64px !important;
    }

    .bhraaj-menu-toggle {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
    }

    .bhraaj-header-actions a,
    .bhraaj-header-actions button {
        flex-basis: 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 6px !important;
    }

    .bhraaj-brand .custom-logo {
        max-width: min(132px, 40vw) !important;
    }

    .bhraaj-wordmark {
        font-size: clamp(21px, 6.6vw, 25px) !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        max-width: 13.5ch !important;
        font-size: clamp(34px, 10vw, 40px) !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 74px minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity,
    body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
        width: 74px !important;
        min-width: 74px !important;
        max-width: 74px !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item {
        grid-template-columns: 62px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item__image,
    body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
        width: 62px !important;
        min-width: 62px !important;
        height: 62px !important;
    }
}

/* =========================================================
   320–359px STRESS CASE
   Keep the premium one-row purchase action; reduce only
   what is necessary to prevent collisions.
   ========================================================= */
@media (max-width: 359px) {
    :root {
        --bh-mobile-rail: 16px;
    }

    .bhraaj-announcement-dot {
        display: none !important;
    }

    .bhraaj-header-inner {
        grid-template-columns: 38px minmax(0, 1fr) auto !important;
        gap: 6px !important;
    }

    .bhraaj-menu-toggle {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 6px !important;
    }

    .bhraaj-header-actions a,
    .bhraaj-header-actions button {
        flex-basis: 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 5px !important;
    }

    .bhraaj-brand .custom-logo {
        max-width: min(118px, 37vw) !important;
    }

    .bhraaj-wordmark {
        font-size: clamp(20px, 6.4vw, 23px) !important;
        letter-spacing: .125em !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        max-width: 13ch !important;
        font-size: 34px !important;
        line-height: .99 !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 70px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity,
    body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
        padding-inline: 10px !important;
        font-size: 10px !important;
        letter-spacing: .07em !important;
    }

    body.woocommerce-checkout .wc-block-components-totals-coupon__form {
        grid-template-columns: 1fr !important;
    }

    body.woocommerce-checkout .wc-block-components-totals-coupon__button {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* =========================================================
   LARGE MOBILE — 480px to 767px
   ========================================================= */
@media (min-width: 480px) and (max-width: 767px) {
    :root {
        --bh-mobile-rail: clamp(20px, 4vw, 24px);
    }

    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        max-width: 15ch !important;
        font-size: clamp(38px, 8vw, 44px) !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity,
    body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
    }
}

/* =========================================================
   LAPTOP CONSOLIDATION — 992px to 1199px
   Preserve desktop hierarchy while trimming dead space.
   ========================================================= */
@media (min-width: 992px) and (max-width: 1199px) {
    body.single-product.bhraaj-single-product-v20 div.product,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
        column-gap: clamp(40px, 4.5vw, 62px) !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .summary {
        max-width: 480px !important;
    }
}

/* Final safety: long content may wrap, but components must not create page overflow. */
@media (max-width: 991px) {
    .bhraaj-header,
    .bhraaj-main,
    main,
    #primary,
    .woocommerce,
    .wc-block-cart,
    .wc-block-checkout,
    body.single-product div.product {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    img,
    svg,
    video,
    canvas,
    iframe {
        max-width: 100% !important;
    }
}

/* =========================================================
   BHRAAJ V28 — PRODUCT + TABLET EXPERIENCE LOCK
   22 Aug 2026

   Preserved from the approved V28 pass.
   Mobile-navigation rules from V28–V33 were intentionally removed in V34
   so one architecture owns the header and menu interaction.
   ========================================================= */

/* ---------- Mobile product rhythm ---------- */
@media (max-width: 767px) {
    body.single-product.bhraaj-single-product-v20 div.product,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
        padding-top: 10px !important;
        padding-bottom: 50px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .woocommerce-product-gallery {
        margin-bottom: 22px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .summary {
        margin-top: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-eyebrow {
        margin-bottom: 8px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        margin-bottom: 12px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product p.price,
    body.single-product.bhraaj-single-product-v20 div.product span.price {
        margin-bottom: 18px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-details__short-description {
        margin-bottom: 20px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product p.stock {
        margin-bottom: 18px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        margin-bottom: 18px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
        margin-top: 4px !important;
    }
}

/* ---------- Tablet hero: premium two-column editorial composition ---------- */
@media (min-width: 768px) and (max-width: 991px) {
    body.single-product.bhraaj-single-product-v20 div.product,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
        display: grid !important;
        grid-template-columns: minmax(0, .92fr) minmax(300px, 1.08fr) !important;
        align-items: center !important;
        column-gap: clamp(28px, 4.5vw, 44px) !important;
        row-gap: 0 !important;
        width: min(calc(100% - (var(--bh-tablet-rail) * 2)), 920px) !important;
        margin: 0 auto !important;
        padding: clamp(28px, 4.2vw, 42px) 0 58px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .woocommerce-product-gallery,
    body.single-product.bhraaj-single-product-v20 div.product .summary {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .woocommerce-product-gallery {
        align-self: center !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image {
        width: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 20px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .summary {
        align-self: center !important;
        position: static !important;
        top: auto !important;
        padding: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        max-width: 13ch !important;
        font-size: clamp(40px, 5.5vw, 54px) !important;
        line-height: .98 !important;
        letter-spacing: -.036em !important;
        margin-bottom: 14px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-details__short-description {
        max-width: 34em !important;
        margin-bottom: 22px !important;
        line-height: 1.62 !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        display: grid !important;
        grid-template-columns: 80px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: stretch !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity,
    body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
        width: 80px !important;
        min-width: 80px !important;
        max-width: 80px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
        margin-top: 16px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media .woocommerce-tabs {
        width: min(calc(100% - (var(--bh-tablet-rail) * 2)), 920px) !important;
        margin: 0 auto !important;
        padding: 42px 0 68px !important;
    }
}

/* 768px portrait is the tightest tablet case: protect text and controls. */
@media (min-width: 768px) and (max-width: 840px) {
    body.single-product.bhraaj-single-product-v20 div.product,
    body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media div.product {
        grid-template-columns: minmax(0, .9fr) minmax(300px, 1.1fr) !important;
        column-gap: 26px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        font-size: clamp(38px, 5.2vw, 46px) !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
        gap: 8px !important;
    }
}

/* ---------- Interaction quality ---------- */
@media (hover: none), (pointer: coarse) {
    .bhraaj-menu-toggle,
    .bhraaj-theme-toggle,
    .bhraaj-cart-link,
    .bhraaj-account-link,
    body.single-product.bhraaj-single-product-v20 .single_add_to_cart_button {
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation !important;
    }
}

/* =========================================================
   BHRAAJ V34 — CONSOLIDATED EDITORIAL MOBILE NAV
   23 Aug 2026

   One authoritative navigation architecture for every viewport that uses
   the hamburger (<= 1000px).

   - full-width opaque sheet; content-height, never a side panel
   - sheet is anchored to the existing sticky header, so no hard-coded
     announcement/header stack offset is required
   - body.menu-open (already supplied by main.js) owns page freeze state
   - header itself is never switched to fixed positioning during open/close
   - centred BHRAAJ remains optically locked while Account appears
   - one clip-path animation; no page fade/translate/reflow
   - no :has() dependency for core open-state behavior
   ========================================================= */

@media (max-width: 1000px) {
    :root {
        --bh-nav-sheet-x: clamp(18px, 5vw, 34px);
        --bh-nav-sheet-top: clamp(18px, 3.2vh, 26px);
        --bh-nav-sheet-bottom: clamp(18px, 3.4vh, 28px);
        --bh-nav-link-size: clamp(25px, 4vw, 30px);
        --bh-nav-sheet-shadow: 0 24px 58px rgba(40, 25, 16, .08);
    }

    html[data-theme="dark"] {
        --bh-nav-sheet-shadow: 0 24px 58px rgba(0, 0, 0, .26);
    }

    /* The existing sticky header remains the geometry owner in both states. */
    .bhraaj-header {
        overflow: visible !important;
        isolation: isolate !important;
    }

    .bhraaj-header-inner {
        position: relative !important;
        z-index: 3 !important;
    }

    /* True viewport-centred brand independent of left/right control widths. */
    .bhraaj-menu-toggle {
        position: absolute !important;
        z-index: 4 !important;
        top: 50% !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        transform: translateY(-50%) !important;
    }

    .bhraaj-brand {
        position: absolute !important;
        z-index: 3 !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        justify-self: auto !important;
        transform: translate(-50%, -50%) !important;
        transform-origin: 50% 50% !important;
    }

    .bhraaj-header-actions {
        position: absolute !important;
        z-index: 4 !important;
        top: 50% !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        width: auto !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        transform: translateY(-50%) !important;
    }

    /* Hamburger -> X: one stable two-line geometry. */
    .bhraaj-menu-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    .bhraaj-menu-toggle span {
        position: absolute !important;
        left: 50% !important;
        display: block !important;
        width: 18px !important;
        height: 1.5px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: currentColor !important;
        opacity: 1 !important;
        transform-origin: 50% 50% !important;
        transition: top 220ms var(--bh-ease), transform 280ms var(--bh-ease) !important;
    }

    .bhraaj-menu-toggle span:first-child {
        top: calc(50% - 4px) !important;
        transform: translate(-50%, -50%) rotate(0deg) !important;
    }

    .bhraaj-menu-toggle span:last-child {
        top: calc(50% + 4px) !important;
        transform: translate(-50%, -50%) rotate(0deg) !important;
    }

    .bhraaj-menu-toggle[aria-expanded="true"] span:first-child,
    .bhraaj-menu-toggle[aria-expanded="true"] span:last-child {
        top: 50% !important;
    }

    .bhraaj-menu-toggle[aria-expanded="true"] span:first-child {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    .bhraaj-menu-toggle[aria-expanded="true"] span:last-child {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    /* Full-width, opaque, content-height sheet directly below the header. */
    .bhraaj-mobile-nav,
    .bhraaj-mobile-nav.is-open,
    body.admin-bar .bhraaj-mobile-nav,
    body.admin-bar .bhraaj-mobile-nav.is-open {
        position: absolute !important;
        z-index: 2 !important;
        inset: auto 0 auto 0 !important;
        top: calc(100% + 1px) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100dvh - 74px) !important;
        margin: 0 !important;
        padding: var(--bh-nav-sheet-top) var(--bh-nav-sheet-x) var(--bh-nav-sheet-bottom) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        background: var(--bh-bg) !important;
        background-color: var(--bh-bg) !important;
        border: 0 !important;
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 92%, transparent) !important;
        border-radius: 0 !important;
        box-shadow: var(--bh-nav-sheet-shadow) !important;
        opacity: 1 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        clip-path: inset(0 0 100% 0) !important;
        -webkit-clip-path: inset(0 0 100% 0) !important;
        transform: none !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
        will-change: clip-path !important;
        transition:
            clip-path 300ms cubic-bezier(.22,.72,.2,1),
            -webkit-clip-path 300ms cubic-bezier(.22,.72,.2,1),
            visibility 0s linear 300ms !important;
    }

    .bhraaj-mobile-nav::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
    }

    .bhraaj-mobile-nav.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        clip-path: inset(0 0 0 0) !important;
        -webkit-clip-path: inset(0 0 0 0) !important;
        transition:
            clip-path 300ms cubic-bezier(.22,.72,.2,1),
            -webkit-clip-path 300ms cubic-bezier(.22,.72,.2,1),
            visibility 0s linear 0s !important;
    }

    /* Quiet editorial signposting without requiring PHP/JS changes. */
    .bhraaj-mobile-nav::before {
        content: "Menu" !important;
        display: block !important;
        order: -2 !important;
        margin: 0 0 clamp(12px, 2.2vh, 17px) !important;
        color: var(--bh-brand-accent, var(--bh-red)) !important;
        font-family: var(--bh-sans) !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .17em !important;
        text-transform: uppercase !important;
    }

    .bhraaj-mobile-nav::after {
        content: "Sacred objects made with intent." !important;
        display: block !important;
        order: 10 !important;
        width: min(100%, 360px) !important;
        margin: clamp(17px, 2.8vh, 22px) 0 0 !important;
        padding: clamp(14px, 2.4vh, 18px) 0 0 !important;
        border-top: 1px solid color-mix(in srgb, var(--bh-border) 92%, transparent) !important;
        color: var(--bh-text-soft) !important;
        font-family: var(--bh-sans) !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
        letter-spacing: .075em !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    .bhraaj-mobile-nav a {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 39px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        color: var(--bh-text) !important;
        background: transparent !important;
        font-family: var(--bh-serif) !important;
        font-size: var(--bh-nav-link-size) !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: -.018em !important;
        text-align: center !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        opacity: 1 !important;
        transform: none !important;
        transition: color 180ms ease, opacity 180ms ease !important;
    }

    .bhraaj-mobile-nav a:hover,
    .bhraaj-mobile-nav a:focus-visible {
        opacity: .62 !important;
    }

    /* main.js already adds/removes this class with the menu state. */
    body.menu-open {
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }

    body.menu-open main,
    body.menu-open .site-main,
    body.menu-open .site-content,
    body.menu-open footer,
    body.menu-open .bhraaj-footer {
        pointer-events: none !important;
    }

    /* Never mutate the page or shell geometry during navigation transitions. */
    body.menu-open .bhraaj-announcement,
    body.menu-open .bhraaj-header,
    body.menu-open .bhraaj-header-inner,
    body.menu-open .bhraaj-brand,
    body.menu-open .bhraaj-header-actions {
        animation: none !important;
    }
}

/* Mobile: immutable one-row header; Account appears only while open. */
@media (max-width: 767px) {
    :root {
        --bh-nav-link-size: clamp(24px, 7.3vw, 28px);
        --bh-nav-sheet-x: clamp(16px, 5vw, 22px);
        --bh-nav-sheet-top: clamp(16px, 3vh, 22px);
        --bh-nav-sheet-bottom: clamp(17px, 3vh, 23px);
    }

    .bhraaj-header-inner {
        display: block !important;
        height: 66px !important;
        min-height: 66px !important;
        padding: 0 !important;
    }

    .bhraaj-menu-toggle {
        width: 38px !important;
        min-width: 38px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 8px !important;
    }

    .bhraaj-brand {
        max-width: 112px !important;
    }

    .bhraaj-brand-logo-mark,
    .bhraaj-brand .custom-logo {
        width: 108px !important;
        max-width: 108px !important;
        max-height: 34px !important;
    }

    .bhraaj-wordmark {
        max-width: 108px !important;
        font-size: 21px !important;
        line-height: 1 !important;
        letter-spacing: .115em !important;
        white-space: nowrap !important;
    }

    .bhraaj-header-actions {
        height: 44px !important;
        min-height: 44px !important;
        gap: 0 !important;
    }

    .bhraaj-header-actions > .bhraaj-theme-toggle,
    .bhraaj-header-actions > .bhraaj-account-link,
    .bhraaj-header-actions > .bhraaj-cart-link {
        position: relative !important;
        inset: auto !important;
        flex: 0 0 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 7px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: var(--bh-text) !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 50% !important;
        box-shadow: none !important;
        transform: none !important;
        overflow: visible !important;
    }

    .bhraaj-account-link,
    body.menu-open .bhraaj-account-link {
        display: inline-flex !important;
    }

    /* Remove the obsolete V28/V29 generated utility labels if cached markup/CSS survives. */
    body.menu-open .bhraaj-theme-toggle::before,
    body.menu-open .bhraaj-account-link::after,
    body.menu-open .bhraaj-cart-link::after {
        content: none !important;
        display: none !important;
    }

    .bhraaj-mobile-nav,
    .bhraaj-mobile-nav.is-open {
        max-height: calc(100dvh - 66px) !important;
    }
}

/* 320px production floor. Keep the logo centred and all three open-state
   utilities on one row without overlap. */
@media (max-width: 339px) {
    :root {
        --bh-nav-link-size: 24px;
        --bh-nav-sheet-x: 14px;
        --bh-nav-sheet-top: 14px;
        --bh-nav-sheet-bottom: 16px;
    }

    .bhraaj-menu-toggle {
        width: 36px !important;
        min-width: 36px !important;
        padding-inline: 7px !important;
    }

    .bhraaj-brand {
        max-width: 104px !important;
    }

    .bhraaj-brand-logo-mark,
    .bhraaj-brand .custom-logo {
        width: 102px !important;
        max-width: 102px !important;
    }

    .bhraaj-wordmark {
        max-width: 102px !important;
        font-size: 19px !important;
        letter-spacing: .1em !important;
    }

    .bhraaj-header-actions > .bhraaj-theme-toggle,
    .bhraaj-header-actions > .bhraaj-account-link,
    .bhraaj-header-actions > .bhraaj-cart-link {
        flex-basis: 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        padding-inline: 6px !important;
    }

    .bhraaj-theme-glyph,
    .bhraaj-account-icon,
    .bhraaj-bag-icon {
        width: 15px !important;
        height: 15px !important;
    }

    .bhraaj-mobile-nav a {
        min-height: 36px !important;
        padding-inline: 8px !important;
    }

    .bhraaj-mobile-nav::before {
        margin-bottom: 10px !important;
    }

    .bhraaj-mobile-nav::after {
        margin-top: 14px !important;
        padding-top: 13px !important;
        font-size: 9px !important;
    }
}

/* Short screens compact the sheet; they do not switch architecture. */
@media (max-width: 390px) and (max-height: 650px) {
    .bhraaj-mobile-nav,
    .bhraaj-mobile-nav.is-open {
        padding-top: 12px !important;
        padding-bottom: 14px !important;
    }

    .bhraaj-mobile-nav a {
        min-height: 34px !important;
        font-size: clamp(23px, 7vw, 26px) !important;
    }

    .bhraaj-mobile-nav::before {
        margin-bottom: 8px !important;
    }

    .bhraaj-mobile-nav::after {
        margin-top: 12px !important;
        padding-top: 11px !important;
    }
}

/* Tablet uses the same overlay logic, but retains tablet-scale controls. */
@media (min-width: 768px) and (max-width: 1000px) {
    .bhraaj-header-inner {
        display: block !important;
        height: 72px !important;
        min-height: 72px !important;
        padding: 0 !important;
    }

    .bhraaj-menu-toggle {
        width: 42px !important;
        min-width: 42px !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 9px !important;
    }

    .bhraaj-brand-logo-mark,
    .bhraaj-brand .custom-logo {
        width: 148px !important;
        max-width: 148px !important;
        max-height: 40px !important;
    }

    .bhraaj-wordmark {
        max-width: 148px !important;
        font-size: 25px !important;
        letter-spacing: .13em !important;
        white-space: nowrap !important;
    }

    .bhraaj-header-actions {
        height: 46px !important;
        min-height: 46px !important;
        gap: 2px !important;
    }

    .bhraaj-header-actions > .bhraaj-theme-toggle,
    .bhraaj-header-actions > .bhraaj-account-link,
    .bhraaj-header-actions > .bhraaj-cart-link {
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 8px !important;
    }

    .bhraaj-mobile-nav,
    .bhraaj-mobile-nav.is-open {
        max-height: calc(100dvh - 72px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bhraaj-menu-toggle span,
    .bhraaj-mobile-nav,
    .bhraaj-mobile-nav.is-open {
        transition-duration: 0.01ms !important;
    }
}

/* =========================================================
   BHRAAJ PRODUCTION UI SYSTEM — SACRED FUTURE V37
   Canonical final presentation layer
   23 Aug 2026

   This layer replaces the previous V35/V36 presentation blocks.
   It intentionally centralises shared surfaces, actions, inputs,
   archive cards, account, cart and checkout presentation while
   preserving WooCommerce ownership of commerce behaviour.
   ========================================================= */

/* ---------- 01. Material + motion tokens ---------- */
:root {
    --bh-ui-radius-xs: 10px;
    --bh-ui-radius-sm: 14px;
    --bh-ui-radius-md: 18px;
    --bh-ui-radius-lg: 24px;
    --bh-ui-radius-pill: 999px;
    --bh-ui-control-h: 46px;
    --bh-ui-primary-h: 52px;
    --bh-ui-border: color-mix(in srgb, var(--bh-border) 78%, rgba(255,255,255,.22));
    --bh-ui-border-strong: color-mix(in srgb, var(--bh-metal) 26%, var(--bh-border));
    --bh-ui-glass: color-mix(in srgb, var(--bh-surface) 90%, transparent);
    --bh-ui-glass-strong: color-mix(in srgb, var(--bh-surface) 96%, transparent);
    --bh-ui-edge: rgba(255,255,255,.54);
    --bh-ui-shadow-soft: 0 14px 42px rgba(48,34,25,.07);
    --bh-ui-shadow-float: 0 22px 56px rgba(48,34,25,.13);
    --bh-ui-primary-bg: #171311;
    --bh-ui-primary-bg-2: #29221e;
    --bh-ui-primary-text: #fffaf4;
    --bh-ui-focus: color-mix(in srgb, var(--bh-gold) 22%, transparent);
    --bh-ui-ease: cubic-bezier(.22,.72,.2,1);
    --bh-ui-ease-emph: cubic-bezier(.16,1,.3,1);
}

html[data-theme="dark"] {
    --bh-ui-border: rgba(255,245,235,.11);
    --bh-ui-border-strong: color-mix(in srgb, var(--bh-metal) 34%, rgba(255,245,235,.1));
    --bh-ui-glass: color-mix(in srgb, var(--bh-surface) 86%, transparent);
    --bh-ui-glass-strong: color-mix(in srgb, var(--bh-surface) 95%, transparent);
    --bh-ui-edge: rgba(255,245,235,.075);
    --bh-ui-shadow-soft: 0 16px 46px rgba(0,0,0,.18);
    --bh-ui-shadow-float: 0 24px 60px rgba(0,0,0,.30);
    --bh-ui-primary-bg: #eee3d8;
    --bh-ui-primary-bg-2: #fff8ef;
    --bh-ui-primary-text: #1a1512;
}

body {
    background:
        radial-gradient(circle at 84% 7%, color-mix(in srgb, var(--bh-gold) 4.5%, transparent), transparent 31rem),
        radial-gradient(circle at 8% 48%, color-mix(in srgb, var(--bh-red) 3%, transparent), transparent 36rem),
        var(--bh-bg);
}

.bhraaj-site {
    position: relative;
    isolation: isolate;
}

.bhraaj-site::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9998;
    pointer-events: none;
    opacity: .012;
    background-image:
        repeating-linear-gradient(0deg, rgba(48,38,31,.42) 0 1px, transparent 1px 4px),
        repeating-linear-gradient(90deg, rgba(48,38,31,.28) 0 1px, transparent 1px 5px);
    mix-blend-mode: soft-light;
}

html[data-theme="dark"] .bhraaj-site::before { opacity: .02; }

/* ---------- 02. Shared focus + interactive language ---------- */
:where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bh-metal) 68%, var(--bh-red));
    outline-offset: 3px;
}

:where(button, a.button, input[type="submit"], input[type="button"]) {
    -webkit-tap-highlight-color: transparent;
}

/* ---------- 03. Header + utility rail ---------- */
.bhraaj-header {
    background: var(--bh-ui-glass-strong);
    border-bottom-color: color-mix(in srgb, var(--bh-border) 70%, transparent);
    -webkit-backdrop-filter: blur(22px) saturate(1.06);
    backdrop-filter: blur(22px) saturate(1.06);
    box-shadow: inset 0 1px 0 var(--bh-ui-edge);
}

.bhraaj-header.is-scrolled {
    box-shadow: inset 0 1px 0 var(--bh-ui-edge), var(--bh-ui-shadow-soft);
}

.bhraaj-theme-glyph,
.bhraaj-account-icon,
.bhraaj-bag-icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.bhraaj-theme-glyph::before,
.bhraaj-theme-glyph::after,
.bhraaj-account-icon::before,
.bhraaj-account-icon::after,
.bhraaj-bag-icon::before,
.bhraaj-bag-icon::after {
    content: none !important;
    display: none !important;
}

.bhraaj-ui-icon {
    display: block;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    overflow: visible;
    transition: transform 260ms var(--bh-ui-ease), opacity 220ms ease;
}

.bhraaj-theme-glyph .bhraaj-icon-sun,
.bhraaj-theme-glyph .bhraaj-icon-moon {
    transform-origin: 12px 12px;
    transition: opacity 240ms ease, transform 360ms var(--bh-ui-ease);
}

.bhraaj-theme-glyph .bhraaj-icon-moon { opacity: 0; transform: scale(.72) rotate(-18deg); }
html[data-theme="dark"] .bhraaj-theme-glyph .bhraaj-icon-sun { opacity: 0; transform: scale(.72) rotate(20deg); }
html[data-theme="dark"] .bhraaj-theme-glyph .bhraaj-icon-moon { opacity: 1; transform: scale(1) rotate(0); }

.bhraaj-header-actions {
    border-radius: var(--bh-ui-radius-pill);
}

.bhraaj-header-actions > .bhraaj-theme-toggle,
.bhraaj-header-actions > .bhraaj-account-link,
.bhraaj-header-actions > .bhraaj-cart-link {
    transition: background 220ms ease, border-color 220ms ease, transform 220ms var(--bh-ui-ease), box-shadow 220ms ease;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-header-actions > .bhraaj-theme-toggle:hover,
    .bhraaj-header-actions > .bhraaj-account-link:hover,
    .bhraaj-header-actions > .bhraaj-cart-link:hover {
        background: var(--bh-ui-glass);
        border-color: var(--bh-ui-border);
        box-shadow: inset 0 1px 0 var(--bh-ui-edge), 0 8px 22px rgba(44,31,23,.07);
        transform: translateY(-1px);
    }

    .bhraaj-header-actions > :is(.bhraaj-theme-toggle,.bhraaj-account-link,.bhraaj-cart-link):hover .bhraaj-ui-icon {
        transform: translateY(-1px);
    }
}

.bhraaj-header-actions > :is(.bhraaj-theme-toggle,.bhraaj-account-link,.bhraaj-cart-link):active .bhraaj-ui-icon {
    transform: scale(.92);
    transition-duration: 90ms;
}

.bhraaj-cart-count {
    min-width: 16px;
    width: auto;
    height: 16px;
    padding-inline: 4px;
    border: 1px solid color-mix(in srgb, var(--bh-bg) 80%, transparent);
    background: linear-gradient(145deg, var(--bh-red), var(--bh-red-deep));
    box-shadow: 0 4px 12px color-mix(in srgb, var(--bh-red) 25%, transparent);
    font-size: 8px;
}

/* ---------- 04. Typography corrections ---------- */
.bhraaj-shop-masthead h1,
.bhraaj-cart-masthead h1,
.bhraaj-account-masthead h1,
body.single-product .product_title {
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
}

body.bhraaj-shop-v22 .bhraaj-shop-masthead h1 {
    max-width: 880px;
    line-height: .99 !important;
    letter-spacing: -.020em !important;
    text-wrap: balance;
}

.bhraaj-hero-copy h1 {
    text-wrap: balance;
}

.bhraaj-hero-copy h1 span {
    text-shadow: 0 12px 38px color-mix(in srgb, var(--bh-red) 8%, transparent);
}

/* ---------- 05. Homepage material system ---------- */
.bhraaj-hero { isolation: isolate; }

.bhraaj-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: min(46vw,680px);
    aspect-ratio: 1;
    right: -11vw;
    top: -12vw;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--bh-gold) 9%, transparent), color-mix(in srgb, var(--bh-red) 2.5%, transparent) 38%, transparent 72%);
    pointer-events: none;
}

.bhraaj-hero-art {
    transform: perspective(1200px) rotateX(var(--bh-hero-tilt-x,0deg)) rotateY(var(--bh-hero-tilt-y,0deg));
    transform-style: preserve-3d;
    background:
        radial-gradient(circle at var(--bh-hero-light-x,24%) var(--bh-hero-light-y,16%), rgba(255,255,255,.30), transparent 26%),
        linear-gradient(142deg, color-mix(in srgb, var(--bh-surface) 96%, transparent), color-mix(in srgb, var(--bh-surface-soft) 87%, transparent)),
        var(--bh-surface);
    border-color: var(--bh-ui-border);
    box-shadow: inset 0 1px 0 var(--bh-ui-edge), var(--bh-ui-shadow-soft);
    -webkit-backdrop-filter: blur(14px) saturate(1.03);
    backdrop-filter: blur(14px) saturate(1.03);
    transition: transform 420ms var(--bh-ui-ease-emph), box-shadow 320ms var(--bh-ui-ease);
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-hero-art:hover { box-shadow: inset 0 1px 0 var(--bh-ui-edge), var(--bh-ui-shadow-float); }
}

.bhraaj-category-card {
    border-color: var(--bh-ui-border);
    background: var(--bh-ui-glass-strong);
    box-shadow: inset 0 1px 0 var(--bh-ui-edge);
    -webkit-backdrop-filter: blur(10px) saturate(1.03);
    backdrop-filter: blur(10px) saturate(1.03);
    transition: transform 300ms var(--bh-ui-ease-emph), border-color 260ms ease, box-shadow 300ms ease;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-category-card:hover {
        transform: translateY(-4px);
        border-color: var(--bh-ui-border-strong);
        box-shadow: inset 0 1px 0 var(--bh-ui-edge), var(--bh-ui-shadow-float);
    }
}

/* ---------- 06. Canonical primary action ---------- */
:is(
    .bhraaj-button-primary,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt,
    body.single-product .single_add_to_cart_button,
    body.bhraaj-cart-v21 .wc-block-cart__submit-button,
    body.bhraaj-cart-v211 .wc-block-cart__submit-button,
    body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
    body.woocommerce-account button.button,
    body.woocommerce-account input.button,
    body.woocommerce-account .woocommerce-Button
) {
    position: relative !important;
    overflow: hidden;
    min-height: var(--bh-ui-primary-h) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 22px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: var(--bh-ui-radius-pill) !important;
    background: linear-gradient(180deg, color-mix(in srgb, #171210 94%, #2a1e18 6%), #0f0b0a 74%) !important;
    color: var(--bh-ui-primary-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    text-decoration: none !important;
    text-transform: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 12px 28px rgba(31,23,19,.16) !important;
    transform: translateZ(0);
    cursor: pointer;
    transition: transform 240ms var(--bh-ui-ease-emph), box-shadow 240ms var(--bh-ui-ease), border-color 220ms ease, background-color 220ms ease !important;
}

:is(
    .bhraaj-button-primary,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt,
    body.single-product .single_add_to_cart_button,
    body.bhraaj-cart-v21 .wc-block-cart__submit-button,
    body.bhraaj-cart-v211 .wc-block-cart__submit-button,
    body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
    body.woocommerce-account button.button,
    body.woocommerce-account input.button,
    body.woocommerce-account .woocommerce-Button
)::before,
:is(
    .bhraaj-button-primary,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    body.single-product .single_add_to_cart_button,
    body.bhraaj-cart-v21 .wc-block-cart__submit-button,
    body.bhraaj-cart-v211 .wc-block-cart__submit-button,
    body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
    body.woocommerce-account button.button,
    body.woocommerce-account .woocommerce-Button
)::after {
    content: none !important;
}

@media (hover:hover) and (pointer:fine) {
    :is(
        .bhraaj-button-primary,
        .woocommerce a.button.alt,
        .woocommerce button.button.alt,
        body.single-product .single_add_to_cart_button,
        body.bhraaj-cart-v21 .wc-block-cart__submit-button,
        body.bhraaj-cart-v211 .wc-block-cart__submit-button,
        body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
        body.woocommerce-account button.button,
        body.woocommerce-account .woocommerce-Button
    ):hover:not(:disabled) {
        transform: translateY(-2px) !important;
        border-color: rgba(255,255,255,.13) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 18px 38px rgba(31,23,19,.19) !important;
        filter: brightness(1.03);
    }
}

:is(
    .bhraaj-button-primary,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    body.single-product .single_add_to_cart_button,
    body.bhraaj-cart-v21 .wc-block-cart__submit-button,
    body.bhraaj-cart-v211 .wc-block-cart__submit-button,
    body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
    body.woocommerce-account button.button,
    body.woocommerce-account .woocommerce-Button
):active:not(:disabled) {
    transform: translateY(0) scale(.985) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(31,23,19,.13) !important;
    transition-duration: 90ms !important;
}

:is(button,input,a).disabled,
:is(button,input):disabled {
    cursor: not-allowed !important;
    opacity: .48 !important;
    transform: none !important;
    box-shadow: none !important;
}

.bhraaj-button-arrow {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    background: rgba(255,255,255,.055);
    transition: transform 240ms var(--bh-ui-ease-emph), background 220ms ease;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-button-primary:hover .bhraaj-button-arrow { transform: translate(1px,-1px); }
}

/* ---------- 07. Canonical secondary + archive Add to Bag ---------- */
:is(
    body.bhraaj-shop-v22 .woocommerce ul.products li.product .button,
    body.bhraaj-shop-v22.woocommerce ul.products li.product .button,
    .woocommerce .related.products ul.products li.product .button,
    .woocommerce .upsells.products ul.products li.product .button,
    .woocommerce .cross-sells ul.products li.product .button,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart button,
    .wc-block-grid__product-add-to-cart a,
    .wc-block-grid__product-add-to-cart button
) {
    position: relative !important;
    overflow: hidden;
    min-height: 44px !important;
    width: auto;
    max-width: 100%;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0 18px !important;
    margin-top: 4px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: var(--bh-ui-radius-pill) !important;
    background: linear-gradient(180deg, color-mix(in srgb, #171210 94%, #2a1e18 6%), #0f0b0a 74%) !important;
    color: var(--bh-ui-primary-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    text-decoration: none !important;
    text-transform: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(31,23,19,.14) !important;
    transition: transform 240ms var(--bh-ui-ease-emph), border-color 220ms ease, box-shadow 240ms ease, filter 220ms ease !important;
}

:is(
    body.bhraaj-shop-v22 .woocommerce ul.products li.product .button,
    body.bhraaj-shop-v22.woocommerce ul.products li.product .button,
    .woocommerce .related.products ul.products li.product .button,
    .woocommerce .upsells.products ul.products li.product .button,
    .woocommerce .cross-sells ul.products li.product .button,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart button,
    .wc-block-grid__product-add-to-cart a,
    .wc-block-grid__product-add-to-cart button
)::after {
    content: none !important;
}

@media (hover:hover) and (pointer:fine) {
    :is(
        body.bhraaj-shop-v22 .woocommerce ul.products li.product .button,
        body.bhraaj-shop-v22.woocommerce ul.products li.product .button,
        .woocommerce .related.products ul.products li.product .button,
        .woocommerce .upsells.products ul.products li.product .button,
        .woocommerce .cross-sells ul.products li.product .button,
        .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a,
        .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart button,
        .wc-block-grid__product-add-to-cart a,
        .wc-block-grid__product-add-to-cart button
    ):hover {
        transform: translateY(-2px) !important;
        border-color: rgba(255,255,255,.13) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 16px 34px rgba(31,23,19,.18) !important;
        filter: brightness(1.03);
    }
}

:is(
    body.bhraaj-shop-v22 .woocommerce ul.products li.product .button,
    body.bhraaj-shop-v22.woocommerce ul.products li.product .button,
    .woocommerce .related.products ul.products li.product .button,
    .woocommerce .upsells.products ul.products li.product .button,
    .woocommerce .cross-sells ul.products li.product .button,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart button,
    .wc-block-grid__product-add-to-cart a,
    .wc-block-grid__product-add-to-cart button
):active {
    transform: translateY(0) scale(.985) !important;
    transition-duration: 90ms !important;
}

/* Account table actions are intentionally secondary, not black primary CTAs. */
body.woocommerce-account .woocommerce-orders-table .button {
    min-height: 40px !important;
    padding: 0 16px !important;
    border: 1px solid var(--bh-ui-border-strong) !important;
    border-radius: var(--bh-ui-radius-pill) !important;
    background: var(--bh-ui-glass) !important;
    color: var(--bh-text) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 60%, transparent) !important;
    transform: none !important;
}

@media (hover:hover) and (pointer:fine) {
    body.woocommerce-account .woocommerce-orders-table .button:hover {
        transform: translateY(-1px) !important;
        border-color: var(--bh-ui-border-strong) !important;
        box-shadow: inset 0 1px 0 var(--bh-ui-edge), 0 10px 24px rgba(48,34,25,.08) !important;
    }
}

/* ---------- 08. Canonical fields ---------- */
:is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
    textarea,
    select,
    .wc-block-components-text-input input,
    .wc-block-components-text-input textarea,
    .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
    .wc-block-components-select .wc-block-components-select__select
) {
    border: 1px solid var(--bh-ui-border) !important;
    border-radius: var(--bh-ui-radius-sm) !important;
    background: color-mix(in srgb, var(--bh-surface) 94%, transparent) !important;
    color: var(--bh-text) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 48%, transparent) !important;
    transition: border-color 220ms ease, box-shadow 220ms ease, background 220ms ease, transform 220ms var(--bh-ui-ease) !important;
}

:is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
    textarea,
    select,
    .wc-block-components-text-input input,
    .wc-block-components-text-input textarea,
    .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
    .wc-block-components-select .wc-block-components-select__select
):focus {
    border-color: color-mix(in srgb, var(--bh-metal) 54%, var(--bh-red)) !important;
    background: var(--bh-surface) !important;
    box-shadow: 0 0 0 4px var(--bh-ui-focus), inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 56%, transparent) !important;
    outline: 0 !important;
}

/* ---------- 09. Shop / collection canonical geometry ---------- */
body.bhraaj-shop-v22 #primary,
body.post-type-archive-product #primary,
body.tax-product_cat #primary,
body.tax-product_tag #primary {
    position: relative;
    width: min(calc(100% - 48px), var(--bh-container)) !important;
    max-width: var(--bh-container) !important;
    margin-inline: auto !important;
    float: none !important;
}

body.bhraaj-shop-v22 #primary::before {
    content: "";
    position: absolute;
    top: 8px;
    right: -50px;
    width: clamp(260px,30vw,500px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--bh-gold) 4.5%, transparent), transparent 68%);
    pointer-events: none;
}

body.bhraaj-shop-v22 .bhraaj-shop-categories {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px !important;
    margin-top: clamp(20px,2.25vw,28px) !important;
}

body.bhraaj-shop-v22 .bhraaj-shop-chip {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    min-height: 38px !important;
    padding: 0 15px !important;
    border: 1px solid var(--bh-ui-border) !important;
    border-radius: var(--bh-ui-radius-pill) !important;
    background: var(--bh-ui-glass) !important;
    color: color-mix(in srgb, var(--bh-text) 74%, transparent) !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 60%, transparent);
    transition: transform 220ms var(--bh-ui-ease), color 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease;
}

body.bhraaj-shop-v22 .bhraaj-shop-chip.is-active {
    color: var(--bh-text) !important;
    border-color: color-mix(in srgb, var(--bh-metal) 44%, var(--bh-border)) !important;
    background: color-mix(in srgb, var(--bh-surface) 95%, var(--bh-gold) 5%) !important;
    box-shadow: inset 0 1px 0 var(--bh-ui-edge), 0 7px 20px color-mix(in srgb, var(--bh-gold) 8%, transparent);
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 .bhraaj-shop-chip:hover {
        transform: translateY(-1px);
        color: var(--bh-text) !important;
        border-color: var(--bh-ui-border-strong) !important;
        box-shadow: inset 0 1px 0 var(--bh-ui-edge), 0 9px 24px rgba(48,34,25,.08);
    }
}

body.bhraaj-shop-v22 .bhraaj-shop-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 62px;
    padding: 11px 0;
    border-bottom: 1px solid var(--bh-border);
}

body.bhraaj-shop-v22 .bhraaj-shop-result-count {
    margin: 0;
    color: var(--bh-text-soft);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.bhraaj-shop-v22 .bhraaj-shop-sort {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

body.bhraaj-shop-v22 .bhraaj-shop-sort-label {
    color: var(--bh-text-soft);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .085em;
    text-transform: uppercase;
}

body.bhraaj-shop-v22 .bhraaj-shop-sort .woocommerce-ordering {
    position: relative !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

body.bhraaj-shop-v22 .bhraaj-shop-sort .woocommerce-ordering::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
    transform: translateY(-68%) rotate(45deg) !important;
    transform-origin: 50% 50% !important;
    pointer-events: none !important;
    opacity: .72 !important;
    transition:
        transform 200ms cubic-bezier(.22, 1, .36, 1),
        opacity 160ms ease !important;
}

body.bhraaj-shop-v22 .bhraaj-shop-sort .woocommerce-ordering.is-open::after {
    transform: translateY(-30%) rotate(225deg) !important;
    opacity: .9 !important;
}

body.bhraaj-shop-v22 .bhraaj-shop-sort select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    min-width: 184px !important;
    min-height: 40px !important;
    max-width: 220px !important;
    padding: 0 40px 0 14px !important;
    border-radius: var(--bh-ui-radius-pill) !important;
    background-image: none !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    cursor: pointer !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products,
body.bhraaj-shop-v22.woocommerce ul.products,
body.bhraaj-shop-v22 .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: clamp(44px,5vw,74px) clamp(24px,3vw,48px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: clamp(34px,4.2vw,58px) 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: visible !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products::before,
body.bhraaj-shop-v22 .woocommerce ul.products::after,
body.bhraaj-shop-v22.woocommerce ul.products::before,
body.bhraaj-shop-v22.woocommerce ul.products::after { content: none !important; display: none !important; }

body.bhraaj-shop-v22 .woocommerce ul.products li.product,
body.bhraaj-shop-v22.woocommerce ul.products li.product,
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product {
    float: none !important;
    clear: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
body.bhraaj-shop-v22.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    color: inherit !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product img,
body.bhraaj-shop-v22.woocommerce ul.products li.product img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    margin: 0 0 20px !important;
    object-fit: cover !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent) !important;
    border-radius: clamp(16px,1.35vw,20px) !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, var(--bh-gold) 3%) !important;
    box-shadow: 0 16px 42px rgba(55,39,29,.05) !important;
    transition: transform 500ms var(--bh-ui-ease-emph), box-shadow 400ms var(--bh-ui-ease), border-color 300ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover img,
    body.bhraaj-shop-v22.woocommerce ul.products li.product:hover img {
        transform: translateY(-3px) scale(1.008) !important;
        border-color: var(--bh-ui-border-strong) !important;
        box-shadow: 0 23px 54px rgba(55,39,29,.10) !important;
    }
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-product-category,
body.bhraaj-shop-v22.woocommerce ul.products li.product .bhraaj-product-category {
    display: block !important;
    margin: 0 0 7px !important;
    color: var(--bh-red) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.bhraaj-shop-v22.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(28px,2.35vw,39px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -.025em !important;
    text-wrap: balance;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .price,
body.bhraaj-shop-v22.woocommerce ul.products li.product .price {
    display: block !important;
    margin: 10px 0 16px !important;
    color: var(--bh-text) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .button,
body.bhraaj-shop-v22.woocommerce ul.products li.product .button {
    margin: 0 !important;
}

/* Placeholder stage, same geometry as final photography. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link { position: relative !important; }

body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image img,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image img { opacity: 0 !important; }

body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::before,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::before {
    content: "BHRAAJ" !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    z-index: 2 !important;
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 68%, transparent) !important;
    border-radius: clamp(16px,1.35vw,20px) !important;
    background: radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--bh-gold) 7%, transparent), transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--bh-surface) 97%, var(--bh-gold) 3%), var(--bh-surface-soft)) !important;
    color: var(--bh-metal) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(28px,3vw,44px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .20em !important;
    text-indent: .20em !important;
    opacity: .62 !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 48%, transparent), 0 16px 42px rgba(55,39,29,.05) !important;
    pointer-events: none !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::after,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::after {
    content: "Photography coming soon" !important;
    position: absolute !important;
    left: 50% !important;
    top: calc(50% + 28px) !important;
    z-index: 3 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: color-mix(in srgb, var(--bh-text) 45%, transparent) !important;
    font-family: var(--bh-sans) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    transform: translateX(-50%) !important;
    white-space: nowrap;
    pointer-events: none !important;
    box-shadow: none !important;
}

/* ---------- 10. Product page ---------- */
body.single-product.bhraaj-single-product-v20 div.product .summary,
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs {
    color: var(--bh-text);
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
    min-height: 54px !important;
    padding-inline: 26px !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance,
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs {
    border-color: var(--bh-ui-border) !important;
}

/* ---------- 11. Cart / Bag ---------- */
body.bhraaj-cart-v21 .wc-block-cart,
body.bhraaj-cart-v211 .wc-block-cart {
    color: var(--bh-text);
}

body.bhraaj-cart-v21 .wc-block-cart__sidebar,
body.bhraaj-cart-v211 .wc-block-cart__sidebar,
body.bhraaj-cart-v21 .wc-block-components-totals-wrapper,
body.bhraaj-cart-v211 .wc-block-components-totals-wrapper {
    border-color: var(--bh-ui-border) !important;
}

body.bhraaj-cart-v21 .wc-block-cart__submit-button,
body.bhraaj-cart-v211 .wc-block-cart__submit-button {
    width: 100% !important;
    min-height: 54px !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector,
body.single-product .quantity {
    border: 1px solid var(--bh-ui-border) !important;
    background: var(--bh-ui-glass) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 55%, transparent) !important;
}

body.woocommerce-cart .wc-block-cart-item__remove-link {
    color: var(--bh-text-soft) !important;
    transition: color 200ms ease, opacity 200ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    body.woocommerce-cart .wc-block-cart-item__remove-link:hover { color: var(--bh-red) !important; }
}

/* Empty bag recommendation cards use the same archive language. */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
    gap: clamp(28px,3vw,44px) !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
    border-radius: var(--bh-ui-radius-md) !important;
    border: 1px solid var(--bh-ui-border) !important;
    box-shadow: 0 16px 42px rgba(55,39,29,.05) !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
    font-family: var(--bh-serif) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
}

/* ---------- 12. Checkout ---------- */
body.woocommerce-checkout .wc-block-checkout {
    color: var(--bh-text);
}

body.woocommerce-checkout .wc-block-checkout__main .wc-block-components-checkout-step,
body.woocommerce-checkout .wc-block-checkout__sidebar {
    border-color: var(--bh-ui-border) !important;
    background: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 42%, transparent) !important;
}

body.woocommerce-checkout .wc-block-checkout__sidebar {
    border-radius: var(--bh-ui-radius-lg) !important;
}

body.woocommerce-checkout .wc-block-components-checkout-step__heading h2,
body.woocommerce-checkout .wc-block-components-title {
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-weight: 500 !important;
    letter-spacing: -.015em !important;
}

body.woocommerce-checkout .wc-block-components-radio-control__option {
    border: 1px solid var(--bh-ui-border) !important;
    border-radius: var(--bh-ui-radius-md) !important;
    background: color-mix(in srgb, var(--bh-surface) 95%, transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 42%, transparent) !important;
    transition: border-color 220ms ease, background 220ms ease, box-shadow 220ms ease, transform 220ms var(--bh-ui-ease) !important;
}

body.woocommerce-checkout .wc-block-components-radio-control__option-checked {
    border-color: color-mix(in srgb, var(--bh-metal) 45%, var(--bh-border)) !important;
    background: color-mix(in srgb, var(--bh-surface) 95%, var(--bh-gold) 5%) !important;
    box-shadow: inset 0 1px 0 var(--bh-ui-edge), 0 10px 28px color-mix(in srgb, var(--bh-gold) 7%, transparent) !important;
}

@media (hover:hover) and (pointer:fine) {
    body.woocommerce-checkout .wc-block-components-radio-control__option:hover {
        border-color: var(--bh-ui-border-strong) !important;
        transform: translateY(-1px);
    }
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    width: 100% !important;
    min-height: 56px !important;
}

body.woocommerce-checkout .wc-block-components-totals-coupon__button {
    min-height: 46px !important;
    border-radius: var(--bh-ui-radius-pill) !important;
    transition: transform 220ms var(--bh-ui-ease), background 220ms ease, border-color 220ms ease !important;
}

/* ---------- 13. Account / Login / Register ---------- */
body.woocommerce-account:not(.logged-in) .woocommerce .u-columns {
    gap: clamp(22px,3vw,40px) !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2,
body.woocommerce-account form.woocommerce-ResetPassword,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
    border-color: var(--bh-ui-border) !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2,
body.woocommerce-account form.woocommerce-ResetPassword {
    border-radius: var(--bh-ui-radius-lg) !important;
    background: var(--bh-ui-glass-strong) !important;
    box-shadow: inset 0 1px 0 var(--bh-ui-edge), var(--bh-ui-shadow-soft) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.03);
    backdrop-filter: blur(14px) saturate(1.03);
}

body.woocommerce-account:not(.logged-in) .woocommerce .u-column1 > h2,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 > h2 {
    font-family: var(--bh-serif) !important;
    font-weight: 500 !important;
    letter-spacing: -.02em !important;
}

body.woocommerce-account .form-row label {
    color: var(--bh-text-soft) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body.woocommerce-account .woocommerce-form-login__rememberme {
    color: var(--bh-text-soft) !important;
}

body.woocommerce-account .woocommerce-LostPassword a,
body.woocommerce-account .woocommerce-privacy-policy-link,
body.woocommerce-account .woocommerce-terms-and-conditions-link {
    color: var(--bh-text) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a {
    transition: color 220ms ease, background 220ms ease, transform 220ms var(--bh-ui-ease) !important;
}

@media (hover:hover) and (pointer:fine) {
    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a:hover {
        transform: translateX(2px);
    }
}

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
    border-radius: var(--bh-ui-radius-md) !important;
    border: 1px solid var(--bh-ui-border) !important;
    background: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 45%, transparent) !important;
}

/* ---------- 14. Footer + dark surfaces ---------- */
.bhraaj-footer {
    position: relative;
    border-top-color: color-mix(in srgb, var(--bh-border) 78%, transparent);
}

html[data-theme="dark"] :is(
    .bhraaj-header,
    body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
    body.woocommerce-account:not(.logged-in) .woocommerce .u-column2,
    body.woocommerce-account form.woocommerce-ResetPassword,
    body.woocommerce-checkout .wc-block-checkout__sidebar
) {
    box-shadow: inset 0 1px 0 var(--bh-ui-edge), var(--bh-ui-shadow-soft) !important;
}

/* ---------- 15. Entrance + state motion ---------- */
body.bhraaj-shop-v22 .bhraaj-shop-masthead-copy,
body.bhraaj-shop-v22 .bhraaj-shop-categories,
body.bhraaj-shop-v22 .bhraaj-shop-toolbar {
    opacity: 0;
    transform: translateY(8px);
}

body.bhraaj-shop-v22.bhraaj-shop-ready .bhraaj-shop-masthead-copy { animation: bhraaj-v37-enter 540ms var(--bh-ui-ease-emph) 20ms both; }
body.bhraaj-shop-v22.bhraaj-shop-ready .bhraaj-shop-categories { animation: bhraaj-v37-enter 540ms var(--bh-ui-ease-emph) 70ms both; }
body.bhraaj-shop-v22.bhraaj-shop-ready .bhraaj-shop-toolbar { animation: bhraaj-v37-enter 540ms var(--bh-ui-ease-emph) 120ms both; }

@keyframes bhraaj-v37-enter {
    to { opacity: 1; transform: translateY(0); }
}

/* ---------- 16. Responsive unification ---------- */
@media (max-width: 991px) {
    body.bhraaj-shop-v22 .woocommerce ul.products,
    body.bhraaj-shop-v22.woocommerce ul.products,
    body.bhraaj-shop-v22 .woocommerce-page ul.products {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 38px 18px !important;
    }
}

@media (max-width: 767px) {
    :root {
        --bh-ui-primary-h: 50px;
        --bh-ui-control-h: 44px;
    }

    body.bhraaj-shop-v22 #primary,
    body.post-type-archive-product #primary,
    body.tax-product_cat #primary,
    body.tax-product_tag #primary {
        width: calc(100% - 32px) !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-masthead h1 {
        max-width: 100% !important;
        font-size: clamp(40px,12.5vw,58px) !important;
        line-height: 1.00 !important;
        letter-spacing: -.018em !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-toolbar {
        align-items: flex-start !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products,
    body.bhraaj-shop-v22.woocommerce ul.products,
    body.bhraaj-shop-v22 .woocommerce-page ul.products {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 34px 12px !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product .woocommerce-loop-product__title,
    body.bhraaj-shop-v22.woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: clamp(22px,7.2vw,29px) !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product .button,
    body.bhraaj-shop-v22.woocommerce ul.products li.product .button,
    .woocommerce .related.products ul.products li.product .button,
    .woocommerce .upsells.products ul.products li.product .button,
    .woocommerce .cross-sells ul.products li.product .button,
    .wc-block-grid__product-add-to-cart a,
    .wc-block-grid__product-add-to-cart button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button,
    body.bhraaj-cart-v21 .wc-block-cart__submit-button,
    body.bhraaj-cart-v211 .wc-block-cart__submit-button,
    body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
    body.woocommerce-account button.button,
    body.woocommerce-account input.button,
    body.woocommerce-account .woocommerce-Button {
        min-height: 52px !important;
    }
}

@media (max-width: 430px) {
    body.bhraaj-shop-v22 #primary,
    body.post-type-archive-product #primary,
    body.tax-product_cat #primary,
    body.tax-product_tag #primary {
        width: calc(100% - 24px) !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products,
    body.bhraaj-shop-v22.woocommerce ul.products,
    body.bhraaj-shop-v22 .woocommerce-page ul.products {
        grid-template-columns: 1fr !important;
        gap: 42px !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product .woocommerce-loop-product__title,
    body.bhraaj-shop-v22.woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: clamp(28px,9vw,36px) !important;
    }
}

@media (max-width: 360px) {
    body.bhraaj-shop-v22 .bhraaj-shop-masthead h1 {
        font-size: clamp(38px,12.5vw,50px) !important;
        line-height: 1.01 !important;
        letter-spacing: -.012em !important;
    }

    :is(
        .bhraaj-button-primary,
        .woocommerce a.button.alt,
        .woocommerce button.button.alt,
        body.single-product .single_add_to_cart_button,
        body.bhraaj-cart-v21 .wc-block-cart__submit-button,
        body.bhraaj-cart-v211 .wc-block-cart__submit-button,
        body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
        body.woocommerce-account button.button,
        body.woocommerce-account input.button,
        body.woocommerce-account .woocommerce-Button
    ) {
        min-height: 50px !important;
        padding-inline: 18px !important;
    }
}


/* ---------- 16A. V38 critical commerce corrections ---------- */
body.bhraaj-shop-v22 .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
body.bhraaj-shop-v22.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
    transform: none !important;
    transition: none !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::before,
    body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::before {
        transition: transform 500ms var(--bh-ui-ease-emph), box-shadow 400ms var(--bh-ui-ease), border-color 300ms ease !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image:hover > a.woocommerce-LoopProduct-link::before,
    body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image:hover > a.woocommerce-LoopProduct-link::before {
        transform: translateY(-3px) scale(1.008) !important;
        border-color: var(--bh-ui-border-strong) !important;
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 56%, transparent), 0 23px 54px rgba(55,39,29,.10) !important;
    }
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .price,
body.bhraaj-shop-v22.woocommerce ul.products li.product .price {
    margin: 10px 0 18px !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .button,
body.bhraaj-shop-v22.woocommerce ul.products li.product .button {
    clear: both !important;
}

body.bhraaj-cart-v21 .wc-block-components-quantity-selector,
body.woocommerce-cart .wc-block-components-quantity-selector {
    display: inline-grid !important;
    grid-template-columns: 34px 48px 34px !important;
    align-items: center !important;
    min-width: 116px !important;
    height: 42px !important;
    margin: 4px 0 0 !important;
    border: 1px solid var(--bh-ui-border) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-surface) 94%, transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 48%, transparent) !important;
    overflow: hidden !important;
}

body.bhraaj-cart-v21 .wc-block-components-quantity-selector::after,
body.woocommerce-cart .wc-block-components-quantity-selector::after {
    display: none !important;
}

body.bhraaj-cart-v21 .wc-block-components-quantity-selector input,
body.bhraaj-cart-v21 .wc-block-components-quantity-selector button,
body.woocommerce-cart .wc-block-components-quantity-selector input,
body.woocommerce-cart .wc-block-components-quantity-selector button {
    height: 48px !important;
    min-height: 48px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--bh-text) !important;
}

body.bhraaj-cart-v21 .wc-block-components-quantity-selector input,
body.woocommerce-cart .wc-block-components-quantity-selector input {
    width: 48px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.bhraaj-cart-v21 .wc-block-components-quantity-selector button,
body.woocommerce-cart .wc-block-components-quantity-selector button {
    width: 34px !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-combobox,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-select,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-select .wc-block-components-select__container,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-combobox .wc-block-components-combobox-control {
    border-radius: var(--bh-ui-radius-sm) !important;
    background: color-mix(in srgb, var(--bh-surface) 94%, transparent) !important;
    overflow: hidden !important;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-select .wc-block-components-select__select,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form select {
    border: 1px solid var(--bh-ui-border) !important;
    border-radius: var(--bh-ui-radius-sm) !important;
    background-color: color-mix(in srgb, var(--bh-surface) 94%, transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 48%, transparent) !important;
}







body.woocommerce-checkout .wc-block-components-radio-control__option-layout,
body.woocommerce-checkout .wc-block-components-radio-control__description-group {
    border: 0 !important;
    box-shadow: none !important;
}



/* =========================================================
   BHRAAJ V39 — Homepage + Shared Mobile Header Lock
   - optically balanced 320px header
   - content-driven mobile hero rhythm
   - premium CTA without circular arrow
   - dark-mode CTA inversion
   - consistent homepage section cadence
   - 1:1 commerce photography standard
   ========================================================= */

/* Homepage rhythm tokens. */
.bhraaj-home {
    --bh-home-section-gap: clamp(88px, 8vw, 118px);
    --bh-home-section-gap-mobile: 68px;
    --bh-home-content-gap: 30px;
}

/* Hero CTA: the arrow-circle is intentionally removed from the homepage. */
.bhraaj-home .bhraaj-button-primary .bhraaj-button-arrow {
    display: none !important;
}

.bhraaj-home .bhraaj-button-primary {
    gap: 0 !important;
    min-height: 54px !important;
    padding-inline: clamp(24px, 2.1vw, 31px) !important;
    background: linear-gradient(180deg, #181311, #0f0b0a) !important;
    color: #fffaf4 !important;
    border-color: rgba(255,255,255,.09) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 13px 30px rgba(31,23,19,.15) !important;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-home .bhraaj-button-primary:hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.035);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 18px 38px rgba(31,23,19,.19) !important;
    }
}

.bhraaj-home .bhraaj-button-primary:active {
    transform: translateY(0) scale(.985) !important;
}

/* In dark mode, the primary action becomes a warm mineral/ivory control so
   hierarchy remains obvious against the obsidian canvas. */
html[data-theme="dark"] .bhraaj-home .bhraaj-button-primary {
    background: linear-gradient(180deg, #f4eee6, #e9dfd3) !important;
    color: #181311 !important;
    border-color: color-mix(in srgb, var(--bh-gold) 30%, rgba(255,255,255,.28)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 14px 34px rgba(0,0,0,.28) !important;
}

@media (hover:hover) and (pointer:fine) {
    html[data-theme="dark"] .bhraaj-home .bhraaj-button-primary:hover {
        filter: brightness(1.02);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 19px 42px rgba(0,0,0,.34) !important;
    }
}

/* Secondary hero link remains editorial rather than becoming another pill. */
.bhraaj-home .bhraaj-text-link {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    font-size: 12px;
    font-weight: 650;
    letter-spacing: .005em;
}

.bhraaj-home .bhraaj-text-link::after {
    right: auto !important;
    width: 100% !important;
    bottom: 2px !important;
    background: color-mix(in srgb, currentColor 44%, transparent) !important;
    transform: scaleX(.36) !important;
    transform-origin: left center !important;
    transition: transform 260ms var(--bh-ui-ease-emph), background 220ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-home .bhraaj-text-link:hover::after {
        transform: scaleX(1) !important;
        background: currentColor !important;
    }
}

/* Desktop keeps the editorial hero, but section rhythm is normalized. */
.bhraaj-home .bhraaj-hero {
    padding-bottom: clamp(42px, 4.3vw, 62px);
}

.bhraaj-home .bhraaj-intro-section {
    padding: var(--bh-home-section-gap) 0;
}

.bhraaj-home .bhraaj-category-section {
    padding: 0 0 var(--bh-home-section-gap);
}

/* Category cards keep subtle physical elevation. */
.bhraaj-home .bhraaj-category-card {
    transition: transform 360ms var(--bh-ui-ease-emph), box-shadow 360ms var(--bh-ui-ease), border-color 300ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-home .bhraaj-category-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: inset 0 1px 0 var(--bh-ui-edge), 0 24px 54px rgba(48,34,25,.11) !important;
    }
}

/* Real commerce photography standard: client product photography is square. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product img,
body.bhraaj-shop-v22.woocommerce ul.products li.product img,
.woocommerce .related.products ul.products li.product img,
.woocommerce .upsells.products ul.products li.product img,
.woocommerce .cross-sells ul.products li.product img,
.wc-block-grid__product-image img,
body.single-product .woocommerce-product-gallery__image img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::before,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::before {
    aspect-ratio: 1 / 1 !important;
}

/* Mobile homepage and header lock. */
@media (max-width: 767px) {
    /* The brand is optically left of mathematical centre so the utility group
       has breathing room without making the whole header look unbalanced. */
    .bhraaj-header-inner {
        height: 66px !important;
        min-height: 66px !important;
    }

    .bhraaj-brand {
        left: calc(50% - 8px) !important;
        max-width: 102px !important;
    }

    .bhraaj-brand-logo-mark,
    .bhraaj-brand .custom-logo {
        width: 100px !important;
        max-width: 100px !important;
        max-height: 32px !important;
    }

    .bhraaj-wordmark {
        max-width: 100px !important;
        font-size: 19px !important;
        letter-spacing: .105em !important;
    }

    .bhraaj-header-actions {
        right: 2px !important;
        gap: 3px !important;
    }

    .bhraaj-header-actions > .bhraaj-theme-toggle,
    .bhraaj-header-actions > .bhraaj-account-link,
    .bhraaj-header-actions > .bhraaj-cart-link {
        flex: 0 0 31px !important;
        width: 31px !important;
        min-width: 31px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 6px !important;
    }

    .bhraaj-theme-glyph,
    .bhraaj-account-icon,
    .bhraaj-bag-icon,
    .bhraaj-ui-icon {
        width: 15px !important;
        height: 15px !important;
    }

    /* Mobile hero becomes content-driven instead of occupying an artificial
       viewport-height block. */
    .bhraaj-home .bhraaj-hero {
        min-height: 0 !important;
        height: auto !important;
        justify-content: flex-start !important;
        padding: 62px 0 0 !important;
    }

    .bhraaj-home .bhraaj-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .bhraaj-home .bhraaj-hero-copy {
        width: 100%;
    }

    .bhraaj-home .bhraaj-eyebrow {
        margin-bottom: 22px !important;
    }

    .bhraaj-home .bhraaj-hero-copy h1 {
        font-size: clamp(58px, 18.4vw, 76px) !important;
        line-height: .91 !important;
        letter-spacing: -.038em !important;
    }

    .bhraaj-home .bhraaj-hero-copy h1 span {
        margin-left: 12px !important;
    }

    .bhraaj-home .bhraaj-hero-description {
        margin-top: 30px !important;
        max-width: 31rem !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
    }

    .bhraaj-home .bhraaj-hero-actions {
        margin-top: 30px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: start !important;
        gap: 16px !important;
    }

    .bhraaj-home .bhraaj-button-primary {
        width: 100% !important;
        min-height: 52px !important;
    }

    .bhraaj-home .bhraaj-text-link {
        width: max-content;
    }

    /* Abstract desktop hero art and scroll cue are intentionally omitted from
       the narrow mobile first screen; the next editorial section follows with
       a consistent section cadence instead of a large dead zone. */
    .bhraaj-home .bhraaj-hero-art,
    .bhraaj-home .bhraaj-scroll-cue {
        display: none !important;
    }

    .bhraaj-home .bhraaj-intro-section {
        margin-top: var(--bh-home-section-gap-mobile) !important;
        padding: var(--bh-home-section-gap-mobile) 0 !important;
    }

    .bhraaj-home .bhraaj-section-heading {
        margin-bottom: 36px !important;
    }

    .bhraaj-home .bhraaj-principles {
        gap: 0 !important;
    }

    .bhraaj-home .bhraaj-category-section {
        padding-bottom: var(--bh-home-section-gap-mobile) !important;
    }

    .bhraaj-home .bhraaj-category-grid {
        gap: 18px !important;
    }

    /* Homepage category stages are square on mobile, matching the incoming
       1:1 product-photography system. */
    .bhraaj-home .bhraaj-category-card,
    .bhraaj-home .bhraaj-category-card-large {
        min-height: 0 !important;
    }

    .bhraaj-home .bhraaj-category-visual {
        flex: none !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
    }
}

@media (max-width: 430px) {
    .bhraaj-home {
        --bh-home-section-gap-mobile: 64px;
    }
}

@media (max-width: 339px) {
    .bhraaj-brand {
        left: calc(50% - 10px) !important;
        max-width: 94px !important;
    }

    .bhraaj-brand-logo-mark,
    .bhraaj-brand .custom-logo {
        width: 92px !important;
        max-width: 92px !important;
    }

    .bhraaj-wordmark {
        max-width: 92px !important;
        font-size: 18px !important;
        letter-spacing: .095em !important;
    }

    .bhraaj-header-actions {
        right: 0 !important;
        gap: 2px !important;
    }

    .bhraaj-header-actions > .bhraaj-theme-toggle,
    .bhraaj-header-actions > .bhraaj-account-link,
    .bhraaj-header-actions > .bhraaj-cart-link {
        flex-basis: 29px !important;
        width: 29px !important;
        min-width: 29px !important;
        padding-inline: 5px !important;
    }

    .bhraaj-home .bhraaj-hero {
        padding-top: 56px !important;
    }

    .bhraaj-home .bhraaj-hero-copy h1 {
        font-size: clamp(54px, 18vw, 62px) !important;
    }
}


/* =========================================================
   BHRAAJ V41 — MALA-ONLY HOMEPAGE COLLECTION SYSTEM
   Launch assortment: three mala products.
   - removes fake category-card dependence from the homepage
   - locks all real product media to 1:1
   - introduces one editorial product showcase system
   ========================================================= */

.bhraaj-home-v41 {
    --bh-home-v41-gap: clamp(88px, 8vw, 118px);
    --bh-home-v41-card-gap: clamp(22px, 2.8vw, 42px);
}

/* Hero action is intentionally icon-free. */
.bhraaj-home-v41 .bhraaj-button-primary .bhraaj-button-arrow,
.bhraaj-home-v41 .bhraaj-button-primary::after {
    display: none !important;
    content: none !important;
}

.bhraaj-home-v41 .bhraaj-button-primary {
    gap: 0 !important;
}

/* Editorial secondary link: no decorative arrow. */
.bhraaj-home-v41 .bhraaj-text-link {
    position: relative;
    display: inline-flex;
    width: max-content;
    align-items: center;
    padding-bottom: 4px;
}

.bhraaj-home-v41 .bhraaj-text-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor;
    transform: scaleX(.24);
    transform-origin: left center;
    opacity: .45;
    transition: transform 280ms var(--bh-ui-ease-emph), opacity 220ms ease;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-home-v41 .bhraaj-text-link:hover::after {
        transform: scaleX(1);
        opacity: .8;
    }
}

/* The real launch collection replaces the former Mala/Bracelet/Pendant category grid. */
.bhraaj-home-v41 .bhraaj-collection-section {
    padding: var(--bh-home-v41-gap) 0 calc(var(--bh-home-v41-gap) + 8px);
    border-top: 1px solid color-mix(in srgb, var(--bh-border) 74%, transparent);
}

.bhraaj-home-v41 .bhraaj-collection-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: clamp(34px, 4.4vw, 56px);
}

.bhraaj-home-v41 .bhraaj-collection-section-head .bhraaj-eyebrow {
    margin-bottom: 16px;
}

.bhraaj-home-v41 .bhraaj-collection-section-head h2 {
    max-width: 720px;
    margin: 0;
    font-family: var(--bh-serif);
    font-size: clamp(48px, 5.2vw, 78px);
    font-weight: 400;
    line-height: .94;
    letter-spacing: -.035em;
}

.bhraaj-home-v41 .bhraaj-collection-section-link {
    position: relative;
    flex: 0 0 auto;
    margin-bottom: 8px;
    padding-bottom: 5px;
    color: var(--bh-text);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .01em;
}

.bhraaj-home-v41 .bhraaj-collection-section-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(.3);
    transform-origin: left;
    opacity: .45;
    transition: transform 260ms var(--bh-ui-ease-emph), opacity 220ms ease;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-home-v41 .bhraaj-collection-section-link:hover::after {
        transform: scaleX(1);
        opacity: .85;
    }
}

.bhraaj-home-v41 .bhraaj-home-products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--bh-home-v41-card-gap);
}

.bhraaj-home-v41 .bhraaj-home-product {
    min-width: 0;
}

.bhraaj-home-v41 .bhraaj-home-product-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--bh-border) 70%, transparent);
    border-radius: clamp(18px, 1.65vw, 24px);
    background:
        radial-gradient(circle at 48% 37%, color-mix(in srgb, var(--bh-gold) 6%, transparent), transparent 38%),
        color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 4%);
    box-shadow: 0 18px 48px rgba(55, 39, 29, .055);
    transform: translateZ(0);
    transition: transform 430ms var(--bh-ui-ease-emph), border-color 300ms ease, box-shadow 380ms var(--bh-ui-ease);
}

.bhraaj-home-v41 .bhraaj-home-product-image {
    display: block;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    transform: scale(1.001);
    transition: transform 560ms var(--bh-ui-ease-emph), filter 320ms ease;
}

.bhraaj-home-v41 .bhraaj-home-product-media.is-placeholder {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 18px;
    text-align: center;
}

.bhraaj-home-v41 .bhraaj-home-placeholder-brand {
    color: var(--bh-metal);
    font-family: var(--bh-serif);
    font-size: clamp(30px, 3vw, 44px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: .20em;
    text-indent: .20em;
    opacity: .68;
}

.bhraaj-home-v41 .bhraaj-home-placeholder-note {
    color: var(--bh-text-soft);
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-home-v41 .bhraaj-home-product:hover .bhraaj-home-product-media {
        transform: translateY(-4px);
        border-color: var(--bh-ui-border-strong);
        box-shadow: 0 26px 62px rgba(55, 39, 29, .105);
    }

    .bhraaj-home-v41 .bhraaj-home-product:hover .bhraaj-home-product-image {
        transform: scale(1.018);
    }
}

.bhraaj-home-v41 .bhraaj-home-product-copy {
    padding: 20px 2px 0;
}

.bhraaj-home-v41 .bhraaj-home-product-kicker {
    margin: 0 0 8px;
    color: var(--bh-red);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bhraaj-home-v41 .bhraaj-home-product-copy h3 {
    margin: 0;
    font-family: var(--bh-serif);
    font-size: clamp(29px, 2.6vw, 40px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.025em;
}

.bhraaj-home-v41 .bhraaj-home-product-price {
    margin-top: 10px;
    color: var(--bh-text);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.3;
}

.bhraaj-home-v41 .bhraaj-home-product-price del {
    margin-right: 6px;
    color: var(--bh-text-soft);
    opacity: .62;
}

.bhraaj-home-v41 .bhraaj-home-product-price ins {
    color: inherit;
    text-decoration: none;
}

/* Small black pill, deliberately without arrow. */
.bhraaj-home-v41 .bhraaj-home-product-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: 18px;
    padding: 0 18px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 999px;
    background: linear-gradient(180deg, #171210, #0f0b0a);
    color: #fffdf9;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(31,23,19,.13);
    transition: transform 240ms var(--bh-ui-ease-emph), box-shadow 240ms var(--bh-ui-ease), filter 220ms ease;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-home-v41 .bhraaj-home-product-cta:hover {
        transform: translateY(-2px);
        filter: brightness(1.035);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 16px 34px rgba(31,23,19,.18);
    }
}

.bhraaj-home-v41 .bhraaj-home-product-cta:active {
    transform: translateY(0) scale(.985);
    transition-duration: 90ms;
}

html[data-theme="dark"] .bhraaj-home-v41 .bhraaj-home-product-media {
    background:
        radial-gradient(circle at 48% 37%, color-mix(in srgb, var(--bh-gold) 8%, transparent), transparent 38%),
        color-mix(in srgb, var(--bh-surface) 96%, #000 4%);
    box-shadow: 0 18px 48px rgba(0,0,0,.16);
}

html[data-theme="dark"] .bhraaj-home-v41 .bhraaj-home-product-cta {
    border-color: color-mix(in srgb, var(--bh-gold) 18%, rgba(255,255,255,.08));
}

@media (max-width: 991px) {
    .bhraaj-home-v41 .bhraaj-home-products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bhraaj-home-v41 .bhraaj-home-product:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        width: min(100%, calc((100% - var(--bh-home-v41-card-gap)) / 2));
        justify-self: center;
    }
}

@media (max-width: 767px) {
    .bhraaj-home-v41 {
        --bh-home-v41-gap: 68px;
        --bh-home-v41-card-gap: 42px;
    }

    .bhraaj-home-v41 .bhraaj-intro-section {
        margin-top: 68px !important;
        padding: 68px 0 !important;
    }

    .bhraaj-home-v41 .bhraaj-collection-section {
        padding: 68px 0 72px;
    }

    .bhraaj-home-v41 .bhraaj-collection-section-head {
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
        gap: 20px;
        margin-bottom: 34px;
    }

    .bhraaj-home-v41 .bhraaj-collection-section-head h2 {
        font-size: clamp(42px, 13vw, 58px);
        line-height: .96;
        letter-spacing: -.026em;
    }

    .bhraaj-home-v41 .bhraaj-collection-section-link {
        margin: 0;
        width: max-content;
    }

    .bhraaj-home-v41 .bhraaj-home-products,
    .bhraaj-home-v41 .bhraaj-home-products-fallback {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .bhraaj-home-v41 .bhraaj-home-product:last-child:nth-child(odd) {
        grid-column: auto;
        width: 100%;
        justify-self: stretch;
    }

    .bhraaj-home-v41 .bhraaj-home-product-media {
        border-radius: 18px;
    }

    .bhraaj-home-v41 .bhraaj-home-product-copy {
        padding-top: 18px;
    }

    .bhraaj-home-v41 .bhraaj-home-product-copy h3 {
        font-size: clamp(31px, 10vw, 39px);
    }

    .bhraaj-home-v41 .bhraaj-home-product-cta {
        min-height: 44px;
        padding-inline: 19px;
    }
}

@media (max-width: 430px) {
    .bhraaj-home-v41 {
        --bh-home-v41-gap: 64px;
    }

    .bhraaj-home-v41 .bhraaj-intro-section {
        margin-top: 64px !important;
        padding: 64px 0 !important;
    }

    .bhraaj-home-v41 .bhraaj-collection-section {
        padding-top: 64px;
        padding-bottom: 68px;
    }
}


/* =========================================================
   BHRAAJ V44 — Shop archive final polish
   - calmer top rhythm
   - image-only hover; product information stays stationary
   - stronger CTA / footer spacing
   - active-category system remains data-driven in functions.php
   ========================================================= */
body.bhraaj-shop-v22 #primary,
body.post-type-archive-product #primary,
body.tax-product_cat #primary,
body.tax-product_tag #primary {
    padding-top: clamp(64px, 6vw, 86px) !important;
    padding-bottom: clamp(72px, 7vw, 104px) !important;
}

body.bhraaj-shop-v22 .bhraaj-shop-masthead {
    margin: 0 !important;
    padding: 0 !important;
}

body.bhraaj-shop-v22 .bhraaj-shop-masthead-copy {
    max-width: min(760px, 72vw);
}

body.bhraaj-shop-v22 .bhraaj-shop-kicker {
    margin-bottom: 18px !important;
}

body.bhraaj-shop-v22 .bhraaj-shop-masthead h1 {
    margin-bottom: 20px !important;
}

body.bhraaj-shop-v22 .bhraaj-shop-description {
    max-width: 720px;
    margin-bottom: 0 !important;
}

body.bhraaj-shop-v22 .bhraaj-shop-categories {
    margin-top: 28px !important;
    gap: 9px !important;
}

body.bhraaj-shop-v22 .bhraaj-shop-toolbar {
    margin-top: 26px !important;
    min-height: 66px !important;
    padding-block: 13px !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products,
body.bhraaj-shop-v22.woocommerce ul.products,
body.bhraaj-shop-v22 .woocommerce-page ul.products {
    margin-top: clamp(40px, 4vw, 54px) !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    row-gap: clamp(54px, 5.5vw, 76px) !important;
}

/* The card itself never moves. This keeps category/title/price/action rock solid. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product,
body.bhraaj-shop-v22.woocommerce ul.products li.product,
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product,
body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover,
body.bhraaj-shop-v22.woocommerce ul.products li.product:hover,
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product:hover {
    transform: none !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
body.bhraaj-shop-v22.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover > a.woocommerce-LoopProduct-link,
body.bhraaj-shop-v22.woocommerce ul.products li.product:hover > a.woocommerce-LoopProduct-link {
    transform: none !important;
    transition: none !important;
}

/* Only the media stage receives lift/depth on desktop hover. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product img,
body.bhraaj-shop-v22.woocommerce ul.products li.product img {
    transform: translateY(0) scale(1) !important;
    transform-origin: center center;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover img,
    body.bhraaj-shop-v22.woocommerce ul.products li.product:hover img {
        transform: translateY(-4px) scale(1.01) !important;
        border-color: var(--bh-ui-border-strong) !important;
        box-shadow: 0 24px 56px rgba(55,39,29,.10) !important;
    }
}

/* Wishlist stays pinned to the visual corner instead of travelling with text. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle,
body.bhraaj-shop-v22.woocommerce ul.products li.product > .bhraaj-wishlist-toggle {
    top: 14px !important;
    right: 14px !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-product-category,
body.bhraaj-shop-v22.woocommerce ul.products li.product .bhraaj-product-category {
    margin-top: 0 !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .price,
body.bhraaj-shop-v22.woocommerce ul.products li.product .price {
    margin: 11px 0 20px !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .button,
body.bhraaj-shop-v22.woocommerce ul.products li.product .button {
    margin: 0 0 6px !important;
    min-height: 44px !important;
}

/* Do not let the final product row visually collide with the footer rule. */
body.bhraaj-shop-v22 .woocommerce-pagination {
    margin-top: 52px !important;
}

body.bhraaj-shop-v22 main#primary + .bhraaj-footer,
body.bhraaj-shop-v22 #primary + .bhraaj-footer {
    margin-top: 0 !important;
}

@media (max-width: 991px) {
    body.bhraaj-shop-v22 #primary,
    body.post-type-archive-product #primary,
    body.tax-product_cat #primary,
    body.tax-product_tag #primary {
        padding-top: 54px !important;
        padding-bottom: 78px !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-masthead-copy {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    body.bhraaj-shop-v22 #primary,
    body.post-type-archive-product #primary,
    body.tax-product_cat #primary,
    body.tax-product_tag #primary {
        padding-top: 42px !important;
        padding-bottom: 68px !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-kicker {
        margin-bottom: 14px !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-masthead h1 {
        margin-bottom: 16px !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-categories {
        margin-top: 24px !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-toolbar {
        margin-top: 22px !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products,
    body.bhraaj-shop-v22.woocommerce ul.products,
    body.bhraaj-shop-v22 .woocommerce-page ul.products {
        margin-top: 34px !important;
        row-gap: 46px !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product .price,
    body.bhraaj-shop-v22.woocommerce ul.products li.product .price {
        margin-bottom: 18px !important;
    }
}

/* ---------- 17. Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
    }

    .bhraaj-hero-art,
    body.bhraaj-shop-v22 .bhraaj-shop-masthead-copy,
    body.bhraaj-shop-v22 .bhraaj-shop-categories,
    body.bhraaj-shop-v22 .bhraaj-shop-toolbar,
    body.bhraaj-shop-v22 .woocommerce ul.products li.product,
    body.bhraaj-shop-v22 .woocommerce ul.products li.product img {
        animation: none !important;
        transition-duration: .01ms !important;
        transform: none !important;
        opacity: 1 !important;
    }
}


/* =========================================================
   BHRAAJ V42 — Wishlist + inventory-aware commerce
   ========================================================= */
.bhraaj-home-v42 .bhraaj-home-product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.bhraaj-wishlist-card {
    position: relative;
}

.bhraaj-home-product-media-wrap,
.bhraaj-wishlist-card-media-wrap {
    position: relative;
}

.bhraaj-wishlist-toggle {
    position: absolute;
    z-index: 8;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--bh-border) 78%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bh-surface) 82%, transparent);
    color: var(--bh-text);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 65%, transparent), 0 7px 20px rgba(42,31,25,.08);
    -webkit-backdrop-filter: blur(12px) saturate(1.04);
    backdrop-filter: blur(12px) saturate(1.04);
    cursor: pointer;
    transition: transform 220ms var(--bh-ui-ease-emph), border-color 220ms ease, background 220ms ease, color 220ms ease, box-shadow 220ms ease;
}

.bhraaj-wishlist-toggle svg {
    width: 17px;
    height: 17px;
    overflow: visible;
}

.bhraaj-wishlist-toggle svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: fill 180ms ease, stroke 180ms ease, transform 220ms var(--bh-ui-ease-emph);
    transform-origin: center;
}

.bhraaj-wishlist-toggle.is-saved {
    color: var(--bh-red);
    border-color: color-mix(in srgb, var(--bh-red) 32%, var(--bh-border));
    background: color-mix(in srgb, var(--bh-surface) 91%, var(--bh-red) 9%);
}

.bhraaj-wishlist-toggle.is-saved svg path {
    fill: currentColor;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-wishlist-toggle:hover {
        transform: translateY(-2px);
        border-color: var(--bh-ui-border-strong);
        box-shadow: inset 0 1px 0 var(--bh-ui-edge), 0 12px 28px rgba(42,31,25,.12);
    }
    .bhraaj-wishlist-toggle.is-saved:hover svg path { transform: scale(1.06); }
}

.bhraaj-wishlist-toggle-single {
    position: static;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 58%, transparent);
}

.bhraaj-single-wishlist {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 13px;
    color: var(--bh-text-soft);
    font-family: var(--bh-sans);
    font-size: 11px;
    font-weight: 650;
}

.bhraaj-home-v42 .bhraaj-home-product-cta.bhraaj-commerce-action,
.bhraaj-commerce-action {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 999px;
    background: linear-gradient(180deg, #171210, #0f0b0a);
    color: #f8f2e9 !important;
    font-family: var(--bh-sans);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(31,23,19,.14);
    transition: transform 220ms var(--bh-ui-ease-emph), box-shadow 220ms var(--bh-ui-ease), filter 220ms ease;
}

.bhraaj-commerce-action.is-disabled {
    background: color-mix(in srgb, var(--bh-text) 8%, var(--bh-surface));
    color: var(--bh-text-soft) !important;
    border-color: var(--bh-ui-border);
    box-shadow: none;
    cursor: not-allowed;
}

.bhraaj-commerce-action.is-added {
    background: linear-gradient(180deg, #171210, #0f0b0a) !important;
    background-image: linear-gradient(180deg, #171210, #0f0b0a) !important;
    border-color: rgba(255,255,255,.10) !important;
    color: #fffdf9 !important;
    filter: none !important;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-commerce-action:not(.is-disabled):hover {
        transform: translateY(-2px);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 16px 34px rgba(31,23,19,.18);
        filter: brightness(1.03);
    }
}

.bhraaj-product-status {
    position: absolute !important;
    z-index: 7;
    left: 14px;
    top: 14px;
    display: inline-flex !important;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--bh-border) 78%, transparent);
    background: color-mix(in srgb, var(--bh-surface) 88%, transparent);
    color: var(--bh-text-soft) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* Standalone Wishlist */
.bhraaj-wishlist-page {
    width: min(calc(100% - 48px), var(--bh-container));
    margin: 0 auto;
    padding: clamp(58px,7vw,96px) 0 clamp(82px,9vw,132px);
}

.bhraaj-wishlist-masthead {
    max-width: 760px;
    margin-bottom: clamp(44px,5vw,68px);
}

.bhraaj-wishlist-masthead h1,
.bhraaj-wishlist-empty h2 {
    margin: 8px 0 14px;
    font-family: var(--bh-serif);
    font-size: clamp(48px,6vw,88px);
    font-weight: 400;
    line-height: .94;
    letter-spacing: -.03em;
    color: var(--bh-text);
}

.bhraaj-wishlist-masthead > p:last-child,
.bhraaj-wishlist-empty > p:not(.bhraaj-eyebrow) {
    max-width: 540px;
    color: var(--bh-text-soft);
    line-height: 1.7;
}

.bhraaj-wishlist-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: clamp(38px,4vw,64px) clamp(20px,2.5vw,38px);
}

/* Keep Wishlist cards product-sized inside the WooCommerce account shell too. */
.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(38px,4vw,64px) clamp(20px,2.5vw,38px);
    align-items: start;
}

.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-card {
    min-width: 0;
    width: 100%;
}

.bhraaj-wishlist-grid[aria-busy="true"] {
    min-height: 260px;
    opacity: .55;
}

.bhraaj-wishlist-card-media {
    position: relative;
    display: grid;
    place-items: center;
    align-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--bh-border) 70%, transparent);
    border-radius: clamp(18px, 1.65vw, 24px);
    background:
        radial-gradient(circle at 48% 37%, color-mix(in srgb, var(--bh-gold) 6%, transparent), transparent 38%),
        color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 4%);
    box-shadow: 0 18px 48px rgba(55, 39, 29, .055);
    text-decoration: none;
    transform: translateY(0) translateZ(0);
    transition:
        transform 430ms var(--bh-ui-ease-emph),
        border-color 300ms ease,
        box-shadow 380ms var(--bh-ui-ease);
}

.bhraaj-wishlist-card-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform 560ms var(--bh-ui-ease-emph), filter 320ms ease;
}

.bhraaj-wishlist-card-media.is-placeholder {
    gap: 18px;
    text-align: center;
}

.bhraaj-wishlist-card-media .bhraaj-home-placeholder-brand {
    color: var(--bh-metal);
    font-family: var(--bh-serif);
    font-size: clamp(30px, 3vw, 44px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: .20em;
    text-indent: .20em;
    opacity: .68;
}

.bhraaj-wishlist-card-media .bhraaj-home-placeholder-note {
    color: var(--bh-text-soft);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.bhraaj-wishlist-card-copy {
    padding-top: 18px;
}

.bhraaj-wishlist-card-copy h3 {
    margin: 5px 0 8px;
    font-family: var(--bh-serif);
    font-size: clamp(27px,2.3vw,38px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.024em;
}

.bhraaj-wishlist-card-copy h3 a { color: inherit; text-decoration: none; }
.bhraaj-wishlist-card-copy .bhraaj-commerce-action { margin-top: 16px; }

@media (hover:hover) and (pointer:fine) {
    .bhraaj-wishlist-card:hover .bhraaj-wishlist-card-media {
        transform: translateY(-4px);
        border-color: var(--bh-ui-border-strong);
        box-shadow: 0 26px 62px rgba(55, 39, 29, .105);
    }

    .bhraaj-wishlist-card:hover .bhraaj-wishlist-card-media img {
        transform: scale(1.018);
    }
}

.bhraaj-wishlist-empty {
    max-width: 680px;
    padding: clamp(42px,5vw,66px);
    border: 1px solid var(--bh-ui-border);
    border-radius: var(--bh-ui-radius-lg);
    background: color-mix(in srgb, var(--bh-surface) 96%, transparent);
}

.bhraaj-wishlist-empty .bhraaj-button { margin-top: 24px; }

.bhraaj-commerce-toast {
    position: fixed;
    z-index: 9999;
    left: 50%;
    bottom: max(22px, env(safe-area-inset-bottom));
    transform: translate(-50%, 12px);
    max-width: min(calc(100vw - 32px), 360px);
    padding: 11px 16px;
    border: 1px solid color-mix(in srgb, var(--bh-border) 70%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bh-ui-primary-bg) 94%, transparent);
    color: var(--bh-ui-primary-text);
    font-family: var(--bh-sans);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.3;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 14px 36px rgba(20,15,12,.18);
    transition: opacity 180ms ease, transform 220ms var(--bh-ui-ease-emph);
}

.bhraaj-commerce-toast.is-visible {
    opacity: 1;
    transform: translate(-50%, 0);
}

html[data-theme="dark"] .bhraaj-wishlist-toggle {
    background: color-mix(in srgb, var(--bh-surface-raised, #25221f) 82%, transparent);
}

@media (max-width: 991px) {
    .bhraaj-wishlist-grid,
    .woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 600px) {
    .bhraaj-wishlist-page {
        width: calc(100% - 32px);
        padding-top: 48px;
    }
    .bhraaj-wishlist-grid,
    .woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .bhraaj-wishlist-masthead h1,
    .bhraaj-wishlist-empty h2 { font-size: clamp(42px,13vw,58px); }
    .bhraaj-wishlist-toggle { top: 10px; right: 10px; width: 38px; height: 38px; }
    .bhraaj-home-v42 .bhraaj-home-product-cta.bhraaj-commerce-action,
    .bhraaj-commerce-action { min-height: 46px; }
}

@media (prefers-reduced-motion: reduce) {
    .bhraaj-wishlist-toggle,
    .bhraaj-wishlist-toggle svg path,
    .bhraaj-commerce-action,
    .bhraaj-wishlist-card-media img,
    .bhraaj-commerce-toast {
        transition-duration: .01ms !important;
    }
}

/* =========================================================
   BHRAAJ V48 — Homepage / Shop product interaction parity
   One visual system for product media and purchase CTA.
   - Shop copy never moves on hover.
   - Shop media matches homepage lift, scale, border and shadow rhythm.
   - Shop Add to Bag uses the same pill values as homepage in light/dark mode.
   - Removes the separate white-outline Shop CTA interpretation.
   ========================================================= */

/* Keep every non-media part of the Shop card absolutely still. */
body.bhraaj-shop-v22 :is(
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce ul.products li.product:hover,
    .woocommerce-page ul.products li.product:hover,
    .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
    .woocommerce-page ul.products li.product > a.woocommerce-LoopProduct-link,
    .woocommerce ul.products li.product:hover > a.woocommerce-LoopProduct-link,
    .woocommerce-page ul.products li.product:hover > a.woocommerce-LoopProduct-link
) {
    transform: none !important;
}

/* Shop media uses the same timing/depth language as homepage product media. */
body.bhraaj-shop-v22 :is(
    .woocommerce ul.products li.product img,
    .woocommerce-page ul.products li.product img
) {
    transform: translateY(0) scale(1.001) !important;
    transform-origin: center center !important;
    transition:
        transform 560ms var(--bh-ui-ease-emph),
        border-color 300ms ease,
        box-shadow 380ms var(--bh-ui-ease),
        filter 320ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 :is(
        .woocommerce ul.products li.product:hover img,
        .woocommerce-page ul.products li.product:hover img
    ) {
        transform: translateY(-4px) scale(1.018) !important;
        border-color: var(--bh-ui-border-strong) !important;
        box-shadow: 0 26px 62px rgba(55,39,29,.105) !important;
    }
}

html[data-theme="dark"] body.bhraaj-shop-v22 :is(
    .woocommerce ul.products li.product img,
    .woocommerce-page ul.products li.product img
) {
    box-shadow: 0 18px 48px rgba(0,0,0,.16) !important;
}

@media (hover:hover) and (pointer:fine) {
    html[data-theme="dark"] body.bhraaj-shop-v22 :is(
        .woocommerce ul.products li.product:hover img,
        .woocommerce-page ul.products li.product:hover img
    ) {
        box-shadow: 0 26px 62px rgba(0,0,0,.24) !important;
    }
}

/* Placeholder media must receive the same apparent lift without moving copy. */
body.bhraaj-shop-v22 :is(
    .woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::before,
    .woocommerce-page ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::before
) {
    transform: translateY(0) scale(1.001) !important;
    transform-origin: center center !important;
    transition:
        transform 560ms var(--bh-ui-ease-emph),
        border-color 300ms ease,
        box-shadow 380ms var(--bh-ui-ease) !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 :is(
        .woocommerce ul.products li.product.bhraaj-product-no-image:hover > a.woocommerce-LoopProduct-link::before,
        .woocommerce-page ul.products li.product.bhraaj-product-no-image:hover > a.woocommerce-LoopProduct-link::before
    ) {
        transform: translateY(-4px) scale(1.018) !important;
        border-color: var(--bh-ui-border-strong) !important;
        box-shadow: 0 26px 62px rgba(55,39,29,.105) !important;
    }
}

html[data-theme="dark"] body.bhraaj-shop-v22 :is(
    .woocommerce ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::before,
    .woocommerce-page ul.products li.product.bhraaj-product-no-image > a.woocommerce-LoopProduct-link::before
) {
    box-shadow: 0 18px 48px rgba(0,0,0,.16) !important;
}

/* Wishlist remains pinned while the media moves underneath it. */
body.bhraaj-shop-v22 :is(
    .woocommerce ul.products li.product > .bhraaj-wishlist-toggle,
    .woocommerce-page ul.products li.product > .bhraaj-wishlist-toggle
) {
    top: 14px !important;
    right: 14px !important;
    transform: none !important;
}

/* Exact homepage product CTA visual language, used on Shop as well. */
body.bhraaj-shop-v22 :is(
    .woocommerce ul.products li.product .button:not(.bhraaj-buy-now-v336),
    .woocommerce ul.products li.product .add_to_cart_button,
    .woocommerce ul.products li.product .bhraaj-commerce-action,
    .woocommerce-page ul.products li.product .button:not(.bhraaj-buy-now-v336),
    .woocommerce-page ul.products li.product .add_to_cart_button,
    .woocommerce-page ul.products li.product .bhraaj-commerce-action
):not(.disabled):not(.is-disabled):not(:disabled) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    margin: 0 0 6px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #171210, #0f0b0a) !important;
    background-image: linear-gradient(180deg, #171210, #0f0b0a) !important;
    color: #fffdf9 !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(31,23,19,.13) !important;
    filter: none !important;
    transform: translateY(0) !important;
    transition:
        transform 240ms var(--bh-ui-ease-emph),
        box-shadow 240ms var(--bh-ui-ease),
        filter 220ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 :is(
        .woocommerce ul.products li.product .button:not(.bhraaj-buy-now-v336),
        .woocommerce ul.products li.product .add_to_cart_button,
        .woocommerce ul.products li.product .bhraaj-commerce-action,
        .woocommerce-page ul.products li.product .button:not(.bhraaj-buy-now-v336),
        .woocommerce-page ul.products li.product .add_to_cart_button,
        .woocommerce-page ul.products li.product .bhraaj-commerce-action
    ):not(.disabled):not(.is-disabled):not(:disabled):hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.035) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 16px 34px rgba(31,23,19,.18) !important;
    }
}

body.bhraaj-shop-v22 :is(
    .woocommerce ul.products li.product .button:not(.bhraaj-buy-now-v336),
    .woocommerce ul.products li.product .add_to_cart_button,
    .woocommerce ul.products li.product .bhraaj-commerce-action,
    .woocommerce-page ul.products li.product .button:not(.bhraaj-buy-now-v336),
    .woocommerce-page ul.products li.product .add_to_cart_button,
    .woocommerce-page ul.products li.product .bhraaj-commerce-action
):not(.disabled):not(.is-disabled):not(:disabled):active {
    transform: translateY(0) scale(.985) !important;
    transition-duration: 90ms !important;
}

/* Homepage dark mode does not invert the CTA; it only warms the border slightly. */
html[data-theme="dark"] body.bhraaj-shop-v22 :is(
    .woocommerce ul.products li.product .button:not(.bhraaj-buy-now-v336),
    .woocommerce ul.products li.product .add_to_cart_button,
    .woocommerce ul.products li.product .bhraaj-commerce-action,
    .woocommerce-page ul.products li.product .button:not(.bhraaj-buy-now-v336),
    .woocommerce-page ul.products li.product .add_to_cart_button,
    .woocommerce-page ul.products li.product .bhraaj-commerce-action
):not(.disabled):not(.is-disabled):not(:disabled) {
    background: linear-gradient(180deg, #171210, #0f0b0a) !important;
    background-image: linear-gradient(180deg, #171210, #0f0b0a) !important;
    border-color: color-mix(in srgb, var(--bh-gold) 18%, rgba(255,255,255,.08)) !important;
    color: #fffdf9 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(0,0,0,.18) !important;
}

@media (hover:hover) and (pointer:fine) {
    html[data-theme="dark"] body.bhraaj-shop-v22 :is(
        .woocommerce ul.products li.product .button:not(.bhraaj-buy-now-v336),
        .woocommerce ul.products li.product .add_to_cart_button,
        .woocommerce ul.products li.product .bhraaj-commerce-action,
        .woocommerce-page ul.products li.product .button:not(.bhraaj-buy-now-v336),
        .woocommerce-page ul.products li.product .add_to_cart_button,
        .woocommerce-page ul.products li.product .bhraaj-commerce-action
    ):not(.disabled):not(.is-disabled):not(:disabled):hover {
        filter: brightness(1.035) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 16px 34px rgba(0,0,0,.24) !important;
    }
}

/* Unavailable state remains intentionally quieter in both themes. */
body.bhraaj-shop-v22 :is(
    .woocommerce ul.products li.product .button.disabled,
    .woocommerce ul.products li.product .button.is-disabled,
    .woocommerce ul.products li.product .bhraaj-commerce-action.is-disabled,
    .woocommerce-page ul.products li.product .button.disabled,
    .woocommerce-page ul.products li.product .bhraaj-commerce-action.is-disabled
) {
    background: color-mix(in srgb, var(--bh-text) 8%, var(--bh-surface)) !important;
    background-image: none !important;
    color: var(--bh-text-soft) !important;
    border-color: var(--bh-ui-border) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}


/* =========================================================
   BHRAAJ V49 — ACCOUNT POLISH / CANONICAL ACCOUNT SYSTEM
   ========================================================= */
body.woocommerce-account {
    --bh-account-panel: color-mix(in srgb, var(--bh-surface) 96%, transparent);
    --bh-account-border: color-mix(in srgb, var(--bh-border) 84%, transparent);
    --bh-account-radius: clamp(18px,1.7vw,24px);
}

body.woocommerce-account .bhraaj-account-masthead {
    padding-top: clamp(62px,7vw,96px) !important;
    padding-bottom: clamp(34px,4vw,52px) !important;
}
body.woocommerce-account .bhraaj-account-masthead h1 { letter-spacing: -.032em !important; }
body.woocommerce-account .bhraaj-account-intro { max-width: 590px !important; line-height: 1.72 !important; }
body.woocommerce-account .bhraaj-account-state {
    border-color: var(--bh-account-border) !important;
    background: color-mix(in srgb,var(--bh-surface) 88%,transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 48%,transparent) !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce { padding-top: clamp(38px,4.2vw,58px) !important; }
body.woocommerce-account:not(.logged-in) .woocommerce .u-columns { gap: clamp(26px,3vw,40px) !important; }
body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 {
    position: relative;
    overflow: hidden;
    padding: clamp(30px,3.3vw,48px) !important;
    border: 1px solid var(--bh-account-border) !important;
    border-radius: var(--bh-account-radius) !important;
    background: linear-gradient(145deg,color-mix(in srgb,var(--bh-surface) 97%,transparent),color-mix(in srgb,var(--bh-surface-soft) 70%,var(--bh-surface))) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 54%,transparent),0 22px 64px rgba(52,37,28,.055) !important;
}
body.woocommerce-account:not(.logged-in) .woocommerce .u-column1::before,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2::before {
    content:""; position:absolute; inset:0 0 auto; height:1px;
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bh-gold) 22%,transparent),transparent);
}
body.woocommerce-account:not(.logged-in) .woocommerce .u-column1 > h2,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 > h2 {
    margin-bottom: 28px !important;
    font-size: clamp(36px,3.5vw,52px) !important;
    line-height: .98 !important;
}

body.woocommerce-account .form-row { margin-bottom: 20px !important; }
body.woocommerce-account .form-row label {
    margin-bottom: 9px !important;
    color: color-mix(in srgb,var(--bh-text) 66%,transparent) !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase;
}
body.woocommerce-account :is(input.input-text,input[type="text"],input[type="email"],input[type="tel"],input[type="password"],select,textarea,.select2-selection) {
    min-height: 52px !important;
    border: 1px solid var(--bh-account-border) !important;
    border-radius: 13px !important;
    background: color-mix(in srgb,var(--bh-surface) 95%,transparent) !important;
    color: var(--bh-text) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 50%,transparent) !important;
    transition: border-color 220ms ease,box-shadow 220ms ease,background 220ms ease !important;
}
body.woocommerce-account :is(input.input-text,input[type="text"],input[type="email"],input[type="tel"],input[type="password"],select,textarea):focus {
    border-color: color-mix(in srgb,var(--bh-gold) 56%,var(--bh-border)) !important;
    background: var(--bh-surface) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb,var(--bh-gold) 10%,transparent),inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 56%,transparent) !important;
    outline: 0 !important;
}

body.woocommerce-account .password-input { position:relative !important; display:block !important; }
body.woocommerce-account .show-password-input {
    top:50% !important; right:8px !important; width:40px !important; height:40px !important; margin-top:-20px !important;
    display:grid !important; place-items:center !important; border-radius:999px !important;
    color:var(--bh-text-soft) !important;
    transition:background 200ms ease,color 200ms ease,transform 200ms var(--bh-ui-ease) !important;
}
@media (hover:hover) and (pointer:fine) {
    body.woocommerce-account .show-password-input:hover { background:color-mix(in srgb,var(--bh-gold) 8%,transparent) !important; color:var(--bh-text) !important; transform:scale(1.03); }
}

body.woocommerce-account .woocommerce-form-login__rememberme {
    display:inline-flex !important; align-items:center !important; gap:9px !important; min-height:36px;
    margin:0 0 16px !important; color:var(--bh-text-soft) !important;
    font-size:10px !important; font-weight:700 !important; letter-spacing:.045em !important; text-transform:uppercase;
}
body.woocommerce-account input[type="checkbox"] {
    appearance:none !important; -webkit-appearance:none !important; width:18px !important; min-width:18px !important; height:18px !important; margin:0 !important;
    border:1px solid color-mix(in srgb,var(--bh-text) 28%,transparent) !important; border-radius:5px !important;
    background:color-mix(in srgb,var(--bh-surface) 92%,transparent) !important; display:inline-grid !important; place-content:center !important;
}
body.woocommerce-account input[type="checkbox"]::before { content:""; width:8px; height:4px; border-left:1.8px solid #fffdf9; border-bottom:1.8px solid #fffdf9; transform:rotate(-45deg) scale(0); transition:transform 150ms ease; }
body.woocommerce-account input[type="checkbox"]:checked { border-color:color-mix(in srgb,var(--bh-red) 72%,var(--bh-text)) !important; background:color-mix(in srgb,var(--bh-red) 88%,#3b1715) !important; }
body.woocommerce-account input[type="checkbox"]:checked::before { transform:rotate(-45deg) scale(1); }

body.woocommerce-account :is(.woocommerce-form-login__submit,.woocommerce-form-register__submit,.woocommerce-ResetPassword .button,.woocommerce-EditAccountForm > p:last-child .button,.woocommerce-address-fields > p:last-child .button) {
    min-height:44px !important; padding:0 19px !important; border:1px solid rgba(255,255,255,.09) !important; border-radius:999px !important;
    background:linear-gradient(180deg,#171210,#0f0b0a) !important; color:#fffdf9 !important; font-family:var(--bh-sans) !important;
    font-size:11px !important; font-weight:700 !important; line-height:1 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(31,23,19,.13) !important;
    transition:transform 240ms var(--bh-ui-ease-emph),box-shadow 240ms var(--bh-ui-ease),filter 220ms ease !important;
}
@media (hover:hover) and (pointer:fine) {
    body.woocommerce-account :is(.woocommerce-form-login__submit,.woocommerce-form-register__submit,.woocommerce-ResetPassword .button,.woocommerce-EditAccountForm > p:last-child .button,.woocommerce-address-fields > p:last-child .button):hover {
        transform:translateY(-2px) !important; filter:brightness(1.035) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 34px rgba(31,23,19,.18) !important;
    }
}
body.woocommerce-account :is(.woocommerce-form-login__submit,.woocommerce-form-register__submit,.woocommerce-ResetPassword .button,.woocommerce-EditAccountForm > p:last-child .button,.woocommerce-address-fields > p:last-child .button):active { transform:translateY(0) scale(.985) !important; transition-duration:90ms !important; }

body.woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text { margin-top:22px !important; color:var(--bh-text-soft) !important; font-size:12px !important; line-height:1.72 !important; }

body.woocommerce-account.logged-in .woocommerce { gap:clamp(30px,4vw,56px) !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    border:1px solid var(--bh-account-border) !important; border-radius:var(--bh-account-radius) !important;
    background:color-mix(in srgb,var(--bh-surface) 94%,transparent) !important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 48%,transparent) !important; overflow:hidden;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li + li { border-top:1px solid color-mix(in srgb,var(--bh-border) 66%,transparent); }
body.woocommerce-account .woocommerce-MyAccount-navigation a {
    min-height:52px !important; padding:0 18px 0 22px !important; display:flex !important; align-items:center !important;
    color:var(--bh-text-soft) !important; font-size:11px !important; font-weight:650 !important;
    transition:color 200ms ease,background 200ms ease,padding 220ms var(--bh-ui-ease) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color:var(--bh-text) !important; background:color-mix(in srgb,var(--bh-gold) 5%,transparent) !important; font-weight:750 !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before { background:var(--bh-red) !important; }
@media (hover:hover) and (pointer:fine) {
    body.woocommerce-account .woocommerce-MyAccount-navigation li:not(.is-active) a:hover { color:var(--bh-text) !important; background:color-mix(in srgb,var(--bh-gold) 4%,transparent) !important; padding-left:25px !important; }
}

body.woocommerce-account .bhraaj-account-welcome {
    margin-bottom:clamp(28px,3vw,42px) !important; padding:clamp(24px,2.6vw,34px) !important;
    border:1px solid var(--bh-account-border) !important; border-radius:var(--bh-account-radius) !important;
    background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--bh-gold) 7%,transparent),transparent 30%),color-mix(in srgb,var(--bh-surface) 95%,transparent) !important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 50%,transparent) !important;
}
body.woocommerce-account .bhraaj-account-welcome-title { font-size:clamp(34px,3.4vw,50px) !important; line-height:1 !important; }

body.woocommerce-account table.shop_table,
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
body.woocommerce-account .woocommerce-EditAccountForm,
body.woocommerce-account form.woocommerce-address-fields,
body.woocommerce-account form.woocommerce-ResetPassword {
    border:1px solid var(--bh-account-border) !important; border-radius:var(--bh-account-radius) !important;
    background:color-mix(in srgb,var(--bh-surface) 95%,transparent) !important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 46%,transparent) !important;
}
body.woocommerce-account .woocommerce-orders-table .button {
    min-height:38px !important; padding:0 15px !important; border:1px solid var(--bh-account-border) !important;
    border-radius:999px !important; background:transparent !important; color:var(--bh-text) !important; box-shadow:none !important;
}
@media (hover:hover) and (pointer:fine) { body.woocommerce-account .woocommerce-orders-table .button:hover { transform:translateY(-1px) !important; background:color-mix(in srgb,var(--bh-gold) 5%,transparent) !important; } }

body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-page { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-masthead { padding-top:0 !important; }
body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:clamp(28px,3vw,42px) !important; }

body.woocommerce-account :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) {
    padding:16px 18px !important; border:1px solid var(--bh-account-border) !important; border-radius:14px !important;
    background:color-mix(in srgb,var(--bh-surface) 96%,transparent) !important;
}
body.woocommerce-account .woocommerce-error { border-color:color-mix(in srgb,var(--bh-red) 34%,var(--bh-border)) !important; }

html[data-theme="dark"] body.woocommerce-account { --bh-account-panel:color-mix(in srgb,var(--bh-surface) 94%,#000 6%); --bh-account-border:color-mix(in srgb,var(--bh-border) 82%,rgba(255,255,255,.04)); }
html[data-theme="dark"] body.woocommerce-account :is(.woocommerce-form-login__submit,.woocommerce-form-register__submit,.woocommerce-ResetPassword .button,.woocommerce-EditAccountForm > p:last-child .button,.woocommerce-address-fields > p:last-child .button) { border-color:color-mix(in srgb,var(--bh-gold) 18%,rgba(255,255,255,.08)) !important; }

@media (max-width:767px) {
    body.woocommerce-account .bhraaj-account-masthead,body.woocommerce-account .woocommerce { width:calc(100% - 32px) !important; }
    body.woocommerce-account .bhraaj-account-masthead { padding-top:38px !important; padding-bottom:28px !important; }
    body.woocommerce-account .bhraaj-account-masthead-inner { grid-template-columns:1fr !important; gap:18px !important; }
    body.woocommerce-account .bhraaj-account-state { justify-self:start; margin:0 !important; }
    body.woocommerce-account:not(.logged-in) .woocommerce .u-columns { grid-template-columns:1fr !important; gap:22px !important; }
    body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 { padding:26px 22px !important; }
    body.woocommerce-account.logged-in .woocommerce { grid-template-columns:1fr !important; }
    body.woocommerce-account .woocommerce-MyAccount-navigation ul { display:flex !important; overflow-x:auto !important; scrollbar-width:none; border-radius:14px !important; }
    body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display:none; }
    body.woocommerce-account .woocommerce-MyAccount-navigation li { flex:0 0 auto !important; border-top:0 !important; border-right:1px solid color-mix(in srgb,var(--bh-border) 64%,transparent); }
    body.woocommerce-account .woocommerce-MyAccount-navigation a { min-height:46px !important; padding:0 15px !important; white-space:nowrap; }
    body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-grid { grid-template-columns:1fr !important; }
}
@media (max-width:430px) {
    body.woocommerce-account .bhraaj-account-masthead,body.woocommerce-account .woocommerce { width:calc(100% - 24px) !important; }
    body.woocommerce-account .bhraaj-account-masthead h1 { font-size:clamp(44px,13vw,60px) !important; line-height:.97 !important; }
    body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 { padding:24px 18px !important; }
}
@media (prefers-reduced-motion:reduce) {
    body.woocommerce-account *,body.woocommerce-account *::before,body.woocommerce-account *::after { transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}


/* =========================================================
   BHRAAJ V50 — STABLE ACCOUNT NAVIGATION / PREMIUM SHELL
   ========================================================= */
body.woocommerce-account.logged-in .woocommerce {
    align-items:start !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
    position:sticky !important;
    top:clamp(112px,9vw,144px) !important;
    align-self:start !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
    display:block !important;
    margin:0 !important;
    padding:8px !important;
    border:1px solid var(--bh-account-border) !important;
    border-radius:18px !important;
    background:color-mix(in srgb,var(--bh-surface) 96%,transparent) !important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 50%,transparent),0 18px 46px rgba(46,32,24,.045) !important;
    overflow:hidden !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li + li {
    position:relative !important;
    margin:0 !important;
    border:0 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li::before,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li::after {
    content:none !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a {
    position:relative !important;
    min-height:48px !important;
    padding:0 15px 0 18px !important;
    display:flex !important;
    align-items:center !important;
    border:0 !important;
    border-radius:12px !important;
    background:transparent !important;
    color:color-mix(in srgb,var(--bh-text) 64%,transparent) !important;
    font-size:11px !important;
    font-weight:650 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transform:none !important;
    transition:background 200ms ease,color 200ms ease,transform 220ms var(--bh-ui-ease) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a::before,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a::after {
    content:none !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a {
    padding-left:34px !important;
    background:color-mix(in srgb,var(--bh-gold) 7%,var(--bh-surface)) !important;
    color:var(--bh-text) !important;
    font-weight:760 !important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bh-gold) 15%,transparent) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a::before {
    content:"" !important;
    position:absolute !important;
    left:16px !important;
    top:50% !important;
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    background:var(--bh-red) !important;
    transform:translateY(-50%) !important;
}

@media (hover:hover) and (pointer:fine) {
    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:not(.is-active):not(.woocommerce-MyAccount-navigation-link--customer-logout) a:hover {
        padding-left:20px !important;
        background:color-mix(in srgb,var(--bh-gold) 4%,transparent) !important;
        color:var(--bh-text) !important;
        transform:translateX(2px) !important;
    }
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top:10px !important;
    padding-top:9px !important;
    border-top:1px solid color-mix(in srgb,var(--bh-border) 58%,transparent) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a {
    color:color-mix(in srgb,var(--bh-text-soft) 82%,transparent) !important;
}

@media (hover:hover) and (pointer:fine) {
    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
        background:color-mix(in srgb,var(--bh-red) 5%,transparent) !important;
        color:var(--bh-red) !important;
    }
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    position:relative !important;
    min-height:clamp(360px,42vw,620px) !important;
    opacity:1;
    transform:translateY(0);
    transition:opacity 180ms ease,transform 220ms var(--bh-ui-ease-emph) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content.is-account-loading::after {
    content:"";
    position:absolute;
    top:2px;
    right:2px;
    width:18px;
    height:18px;
    border:1.5px solid color-mix(in srgb,var(--bh-gold) 24%,transparent);
    border-top-color:var(--bh-gold);
    border-radius:50%;
    animation:bhraaj-account-spin 700ms linear infinite;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content.is-account-leaving {
    opacity:.30 !important;
    transform:translateY(5px) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content.is-account-entering {
    opacity:0 !important;
    transform:translateY(6px) !important;
}

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

body.woocommerce-account.logged-in .bhraaj-account-welcome {
    margin-top:0 !important;
}

html[data-theme="dark"] body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
    background:color-mix(in srgb,var(--bh-surface) 94%,#000 6%) !important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 44%,transparent),0 18px 48px rgba(0,0,0,.14) !important;
}

@media (max-width:767px) {
    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        position:static !important;
        top:auto !important;
        width:100% !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
        display:flex !important;
        gap:4px !important;
        padding:6px !important;
        overflow-x:auto !important;
        border-radius:14px !important;
        scrollbar-width:none !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display:none !important; }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
        flex:0 0 auto !important;
        border:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a {
        min-height:42px !important;
        padding:0 14px !important;
        white-space:nowrap !important;
        border-radius:10px !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a {
        padding-left:28px !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a::before {
        left:13px !important;
        width:5px !important;
        height:5px !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout {
        margin-top:0 !important;
        padding-top:0 !important;
        border-top:0 !important;
        border-left:1px solid color-mix(in srgb,var(--bh-border) 55%,transparent) !important;
        padding-left:4px !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
        min-height:320px !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content { transition:none !important; }
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content.is-account-loading::after { animation:none !important; }
}

/* =========================================================
   BHRAAJ V51 — ACCOUNT CONTENT + MOBILE EXPERIENCE LOCK
   Overview / Orders / Wishlist / mobile selector / stacking
   ========================================================= */

/* Header must always remain above Account content while scrolling. */
body.woocommerce-account .bhraaj-header {
    position:sticky !important;
    z-index:5000 !important;
    isolation:isolate;
}
body.woocommerce-account .bhraaj-announcement { position:relative; z-index:5001 !important; }
body.woocommerce-account .bhraaj-account-masthead,
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce-MyAccount-content {
    position:relative !important;
    z-index:1 !important;
}
body.woocommerce-account .bhraaj-mobile-nav { z-index:5100 !important; }

/* Remove the redundant decorative overview monogram completely. */
body.woocommerce-account .bhraaj-account-welcome-mark { display:none !important; }
body.woocommerce-account .bhraaj-account-welcome {
    grid-template-columns:1fr !important;
    min-height:0 !important;
}

/* Native Woo dashboard prose is replaced by concise account destinations. */
body.woocommerce-account .bhraaj-account-native-dashboard-copy { display:none !important; }
body.woocommerce-account .bhraaj-account-overview-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:18px;
}
body.woocommerce-account .bhraaj-account-overview-row {
    min-height:112px;
    padding:20px 22px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    border:1px solid var(--bh-account-border);
    border-radius:16px;
    background:color-mix(in srgb,var(--bh-surface) 96%,transparent);
    color:var(--bh-text);
    text-decoration:none;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 48%,transparent);
    transition:transform 220ms var(--bh-ui-ease-emph),border-color 200ms ease,box-shadow 220ms ease,background 200ms ease;
}
body.woocommerce-account .bhraaj-account-overview-row strong {
    display:block;
    margin-bottom:7px;
    font-family:var(--bh-sans);
    font-size:12px;
    font-weight:760;
}
body.woocommerce-account .bhraaj-account-overview-row small {
    display:block;
    max-width:250px;
    color:var(--bh-text-soft);
    font-size:12px;
    line-height:1.55;
}
body.woocommerce-account .bhraaj-account-overview-arrow {
    flex:0 0 auto;
    font-size:16px;
    color:color-mix(in srgb,var(--bh-gold) 72%,var(--bh-text) 28%);
    transition:transform 220ms var(--bh-ui-ease-emph);
}
@media (hover:hover) and (pointer:fine) {
    body.woocommerce-account .bhraaj-account-overview-row:hover {
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--bh-gold) 22%,var(--bh-account-border));
        box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 58%,transparent),0 14px 32px rgba(46,32,24,.055);
    }
    body.woocommerce-account .bhraaj-account-overview-row:hover .bhraaj-account-overview-arrow { transform:translateX(3px); }
}

/* WooCommerce notice icons/pseudo glyphs caused the square C/N artifacts. */
body.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-info,.woocommerce-message,.woocommerce-error)::before,
body.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-info,.woocommerce-message,.woocommerce-error)::after {
    content:none !important;
    display:none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-info,.woocommerce-message,.woocommerce-error) {
    padding:0 !important;
    margin:0 0 16px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* BHRAAJ V146 — Canonical Orders information / empty states.
   Confirmation-success is intentionally borderless; server/native WooCommerce remains the source of truth. */
body.woocommerce-account .bhraaj-account-confirm-email,
body.woocommerce-account .bhraaj-account-confirmation-sent,
body.woocommerce-account .bhraaj-account-empty-orders {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:24px;
    padding:24px 26px !important;
    border:1px solid var(--bh-account-border) !important;
    border-radius:16px !important;
    background:color-mix(in srgb,var(--bh-surface) 96%,transparent) !important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 50%,transparent) !important;
}
body.woocommerce-account .bhraaj-account-confirmation-sent {
    grid-template-columns:1fr;
    gap:0 !important;
    padding:4px 0 18px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
body.woocommerce-account .bhraaj-account-confirmation-sent .bhraaj-account-state-copy {
    padding:0 !important;
}
body.woocommerce-account .bhraaj-account-confirmation-sent .bhraaj-account-state-copy h3 {
    margin-bottom:7px;
}

body.woocommerce-account .bhraaj-account-state-copy { min-width:0; }
body.woocommerce-account .bhraaj-account-state-kicker {
    margin:0 0 8px;
    color:var(--bh-red);
    font-family:var(--bh-sans);
    font-size:9px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}
body.woocommerce-account .bhraaj-account-state-copy h3 {
    margin:0 0 6px;
    color:var(--bh-text);
    font-family:var(--bh-serif);
    font-size:clamp(26px,2.6vw,36px);
    font-weight:500;
    line-height:1.05;
    letter-spacing:-.025em;
}
body.woocommerce-account .bhraaj-account-state-copy p:last-child {
    margin:0;
    max-width:620px;
    color:var(--bh-text-soft);
    font-size:12px;
    line-height:1.6;
}
body.woocommerce-account .bhraaj-account-confirm-email .button,
body.woocommerce-account .bhraaj-account-empty-orders .button {
    margin:0 !important;
    white-space:nowrap;
}

/* Wishlist empty state should feel intentional, not oversized. */
body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-page { padding-bottom:0 !important; }
body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-masthead { margin-bottom:22px !important; }
body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-empty {
    min-height:0 !important;
    padding:42px clamp(26px,4vw,52px) !important;
    border-radius:18px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-empty .bhraaj-button { margin-top:20px !important; }

/* Mobile selector is hidden on desktop. */
.bhraaj-account-mobile-selector { display:none; }

@media (max-width:767px) {
    /* Compact masthead: customers reach their actual account content sooner. */
    body.woocommerce-account.logged-in .bhraaj-account-masthead {
        width:calc(100% - 28px) !important;
        padding:24px 0 22px !important;
        margin-inline:auto !important;
        z-index:1 !important;
    }
    body.woocommerce-account.logged-in .bhraaj-account-masthead-inner {
        display:block !important;
    }
    body.woocommerce-account.logged-in .bhraaj-account-kicker { margin-bottom:9px !important; font-size:9px !important; }
    body.woocommerce-account.logged-in .bhraaj-account-masthead h1 {
        margin:0 !important;
        font-size:clamp(40px,13vw,52px) !important;
        line-height:.95 !important;
        letter-spacing:-.035em !important;
    }
    body.woocommerce-account.logged-in .bhraaj-account-intro {
        margin-top:14px !important;
        max-width:290px !important;
        font-size:12px !important;
        line-height:1.55 !important;
    }
    body.woocommerce-account.logged-in .bhraaj-account-state { display:none !important; }

    body.woocommerce-account.logged-in .woocommerce {
        width:calc(100% - 28px) !important;
        display:block !important;
        margin-inline:auto !important;
    }

    /* Native horizontal navigation is removed; all labels remain fully readable. */
    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        position:absolute !important;
        width:1px !important;
        height:1px !important;
        overflow:hidden !important;
        clip:rect(0 0 0 0) !important;
        clip-path:inset(50%) !important;
        white-space:nowrap !important;
    }

    .bhraaj-account-mobile-selector {
        position:relative;
        z-index:20;
        display:block;
        width:100%;
        margin:0 0 24px;
    }
    .bhraaj-account-mobile-trigger {
        width:100%;
        min-height:62px;
        padding:11px 16px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:16px;
        border:1px solid var(--bh-account-border);
        border-radius:14px;
        background:color-mix(in srgb,var(--bh-surface) 97%,transparent);
        color:var(--bh-text);
        box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 50%,transparent);
        text-align:left;
    }
    .bhraaj-account-mobile-trigger-copy { display:grid; gap:4px; }
    .bhraaj-account-mobile-trigger-kicker {
        color:var(--bh-text-soft);
        font-size:8px;
        font-weight:800;
        letter-spacing:.14em;
        text-transform:uppercase;
    }
    .bhraaj-account-mobile-trigger-label { font-size:12px; font-weight:760; }
    .bhraaj-account-mobile-trigger-chevron {
        width:8px;
        height:8px;
        border-right:1.5px solid currentColor;
        border-bottom:1.5px solid currentColor;
        transform:rotate(45deg) translateY(-2px);
        transition:transform 200ms ease;
    }
    .bhraaj-account-mobile-selector.is-open .bhraaj-account-mobile-trigger-chevron {
        transform:rotate(225deg) translate(-2px,-1px);
    }
    .bhraaj-account-mobile-menu {
        position:absolute;
        top:calc(100% + 8px);
        left:0;
        right:0;
        z-index:40;
        padding:7px;
        border:1px solid var(--bh-account-border);
        border-radius:15px;
        background:color-mix(in srgb,var(--bh-surface) 98%,transparent);
        box-shadow:0 22px 48px rgba(38,27,21,.15),inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 55%,transparent);
    }
    .bhraaj-account-mobile-menu-link {
        min-height:46px;
        padding:0 14px;
        display:flex;
        align-items:center;
        border-radius:10px;
        color:var(--bh-text-soft);
        font-size:11px;
        font-weight:680;
        text-decoration:none;
    }
    .bhraaj-account-mobile-menu-link.is-active {
        padding-left:28px;
        position:relative;
        color:var(--bh-text);
        background:color-mix(in srgb,var(--bh-gold) 7%,transparent);
    }
    .bhraaj-account-mobile-menu-link.is-active::before {
        content:"";
        position:absolute;
        left:14px;
        top:50%;
        width:5px;
        height:5px;
        border-radius:50%;
        background:var(--bh-red);
        transform:translateY(-50%);
    }
    .bhraaj-account-mobile-menu-link.is-logout {
        margin-top:5px;
        border-top:1px solid color-mix(in srgb,var(--bh-border) 56%,transparent);
        border-radius:0 0 10px 10px;
        color:var(--bh-text-soft);
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
        width:100% !important;
        min-height:0 !important;
        padding:0 0 34px !important;
    }
    body.woocommerce-account .bhraaj-account-welcome {
        padding:24px 20px !important;
        border-radius:16px !important;
    }
    body.woocommerce-account .bhraaj-account-welcome-title {
        font-size:clamp(34px,11.5vw,44px) !important;
        line-height:.98 !important;
    }
    body.woocommerce-account .bhraaj-account-overview-grid { grid-template-columns:1fr; gap:10px; margin-top:12px; }
    body.woocommerce-account .bhraaj-account-overview-row { min-height:92px; padding:17px 18px; border-radius:14px; }

    body.woocommerce-account .bhraaj-account-confirm-email,
    body.woocommerce-account .bhraaj-account-empty-orders {
        grid-template-columns:1fr !important;
        gap:18px !important;
        padding:22px 20px !important;
        border-radius:14px !important;
    }
    body.woocommerce-account .bhraaj-account-confirmation-sent {
        grid-template-columns:1fr !important;
        gap:0 !important;
        padding:2px 0 18px !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }
    body.woocommerce-account .bhraaj-account-confirm-email .button,
    body.woocommerce-account .bhraaj-account-empty-orders .button {
        width:100% !important;
        justify-content:center !important;
    }
    body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-masthead h1 { font-size:clamp(40px,13vw,52px) !important; }
    body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-wishlist-empty { padding:30px 20px !important; }
}

@media (max-width:360px) {
    body.woocommerce-account.logged-in .bhraaj-account-masthead,
    body.woocommerce-account.logged-in .woocommerce { width:calc(100% - 24px) !important; }
    body.woocommerce-account.logged-in .bhraaj-account-masthead h1 { font-size:42px !important; }
    .bhraaj-account-mobile-trigger { min-height:58px; padding-inline:14px; }
}

html[data-theme="dark"] body.woocommerce-account .bhraaj-account-overview-row,
html[data-theme="dark"] body.woocommerce-account .bhraaj-account-confirm-email,
html[data-theme="dark"] body.woocommerce-account .bhraaj-account-empty-orders,
html[data-theme="dark"] .bhraaj-account-mobile-trigger,
html[data-theme="dark"] .bhraaj-account-mobile-menu {
    background:color-mix(in srgb,var(--bh-surface) 94%,#000 6%) !important;
}
html[data-theme="dark"] body.woocommerce-account .bhraaj-account-confirmation-sent {
    background:transparent !important;
}

@media (prefers-reduced-motion:reduce) {
    body.woocommerce-account .bhraaj-account-overview-row,
    body.woocommerce-account .bhraaj-account-overview-arrow,
    .bhraaj-account-mobile-trigger-chevron { transition:none !important; }
}



/* =========================================================
   BHRAAJ V52 — ACCOUNT OVERVIEW + GLOBAL MOBILE HEADER LOCK
   - Overview is information, not duplicate navigation.
   - Mobile header becomes materially opaque while sticky so content can never
     visually bleed through or appear above the navigation surface.
   ========================================================= */

/* Overview: true non-interactive account summary. */
body.woocommerce-account .bhraaj-account-welcome-title {
    max-width: 760px;
}
body.woocommerce-account .bhraaj-account-overview-row {
    cursor: default !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    min-height: 126px !important;
    padding: 22px 24px !important;
    transform: none !important;
}
body.woocommerce-account .bhraaj-account-overview-row:hover {
    transform: none !important;
    border-color: var(--bh-account-border) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 48%,transparent) !important;
    background: color-mix(in srgb,var(--bh-surface) 96%,transparent) !important;
}
body.woocommerce-account .bhraaj-account-overview-copy {
    display: grid;
    gap: 7px;
    width: 100%;
}
body.woocommerce-account .bhraaj-account-overview-row strong {
    margin: 0 !important;
    color: var(--bh-text-soft);
    font-family: var(--bh-sans);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}
body.woocommerce-account .bhraaj-account-overview-value {
    color: var(--bh-text);
    font-family: var(--bh-serif);
    font-size: clamp(22px,2vw,30px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -.02em;
}
body.woocommerce-account .bhraaj-account-overview-row small {
    max-width: 390px;
    color: var(--bh-text-soft);
    font-family: var(--bh-sans);
    font-size: 11px;
    line-height: 1.55;
}
body.woocommerce-account .bhraaj-account-overview-arrow { display: none !important; }

/* Mobile sticky shell: no translucent bleed-through on Account or any page. */
@media (max-width: 767px) {
    .bhraaj-announcement {
        z-index: 12001 !important;
        background: var(--bh-ribbon-bg, var(--bh-bg)) !important;
        isolation: isolate;
    }
    .bhraaj-header,
    .bhraaj-header.is-scrolled {
        z-index: 12000 !important;
        isolation: isolate !important;
        background: color-mix(in srgb, var(--bh-bg) 99.4%, transparent) !important;
        -webkit-backdrop-filter: blur(20px) saturate(1.02) !important;
        backdrop-filter: blur(20px) saturate(1.02) !important;
        box-shadow: inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 62%,transparent), 0 10px 26px rgba(35,25,20,.055) !important;
    }
    html[data-theme="dark"] .bhraaj-header,
    html[data-theme="dark"] .bhraaj-header.is-scrolled {
        background: color-mix(in srgb, var(--bh-bg) 99%, #000 1%) !important;
        box-shadow: inset 0 1px 0 color-mix(in srgb,var(--bh-ui-edge) 44%,transparent), 0 12px 30px rgba(0,0,0,.22) !important;
    }
    .bhraaj-mobile-nav { z-index: 12010 !important; }

    body.woocommerce-account .bhraaj-account-overview-row {
        min-height: 108px !important;
        padding: 18px 18px !important;
    }
    body.woocommerce-account .bhraaj-account-overview-value {
        font-size: 25px !important;
    }
}


/* =========================================================
   BHRAAJ V53 — MOBILE-FIRST HOMEPAGE CONVERSION PASS
   Hero -> one concise brand statement -> products.
   Removes the long three-principle detour from the homepage
   while preserving the same premium editorial identity.
   ========================================================= */

.bhraaj-home-v53 .bhraaj-home-essence {
    margin: 0 !important;
    padding: clamp(62px, 6.4vw, 92px) 0 !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent);
}

.bhraaj-home-v53 .bhraaj-home-essence-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(260px, .78fr);
    align-items: end;
    gap: clamp(38px, 6vw, 96px);
}

.bhraaj-home-v53 .bhraaj-home-essence-heading .bhraaj-eyebrow {
    margin: 0 0 16px !important;
}

.bhraaj-home-v53 .bhraaj-home-essence-heading h2 {
    max-width: 780px;
    margin: 0;
    font-family: var(--bh-serif);
    font-size: clamp(48px, 5.1vw, 76px);
    font-weight: 400;
    line-height: .96;
    letter-spacing: -.035em;
}

.bhraaj-home-v53 .bhraaj-home-essence-copy {
    max-width: 520px;
    margin: 0 0 4px;
    color: var(--bh-text-soft);
    font-size: clamp(15px, 1.35vw, 18px);
    line-height: 1.72;
}

/* The product collection follows immediately after the concise brand statement. */
.bhraaj-home-v53 .bhraaj-collection-section {
    padding-top: clamp(68px, 7vw, 98px) !important;
}

@media (max-width: 767px) {
    /* Compress the opening enough that shoppers reach real inventory quickly,
       without turning the hero into a generic e-commerce banner. */
    .bhraaj-home-v53 .bhraaj-hero {
        padding-top: 46px !important;
        padding-bottom: 0 !important;
    }

    .bhraaj-home-v53 .bhraaj-hero-copy .bhraaj-eyebrow {
        margin-bottom: 18px !important;
    }

    .bhraaj-home-v53 .bhraaj-hero-copy h1 {
        font-size: clamp(52px, 17vw, 66px) !important;
        line-height: .93 !important;
    }

    .bhraaj-home-v53 .bhraaj-hero-description {
        margin-top: 23px !important;
        max-width: 29rem !important;
        font-size: 14.5px !important;
        line-height: 1.62 !important;
    }

    .bhraaj-home-v53 .bhraaj-hero-actions {
        margin-top: 24px !important;
        gap: 12px !important;
    }

    .bhraaj-home-v53 .bhraaj-button-primary {
        min-height: 48px !important;
    }

    .bhraaj-home-v53 .bhraaj-home-essence {
        margin-top: 46px !important;
        padding: 46px 0 !important;
    }

    .bhraaj-home-v53 .bhraaj-home-essence-inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .bhraaj-home-v53 .bhraaj-home-essence-heading .bhraaj-eyebrow {
        margin-bottom: 13px !important;
    }

    .bhraaj-home-v53 .bhraaj-home-essence-heading h2 {
        max-width: 12ch;
        font-size: clamp(39px, 12.6vw, 50px);
        line-height: .98;
        letter-spacing: -.026em;
    }

    .bhraaj-home-v53 .bhraaj-home-essence-copy {
        max-width: 31rem;
        font-size: 14.5px;
        line-height: 1.62;
    }

    .bhraaj-home-v53 .bhraaj-collection-section {
        padding: 48px 0 62px !important;
    }

    .bhraaj-home-v53 .bhraaj-collection-section-head {
        gap: 14px !important;
        margin-bottom: 28px !important;
    }

    .bhraaj-home-v53 .bhraaj-collection-section-head .bhraaj-eyebrow {
        margin-bottom: 12px !important;
    }

    .bhraaj-home-v53 .bhraaj-collection-section-head h2 {
        font-size: clamp(38px, 12vw, 49px) !important;
        line-height: .98 !important;
    }

    .bhraaj-home-v53 .bhraaj-home-products,
    .bhraaj-home-v53 .bhraaj-home-products-fallback {
        gap: 36px !important;
    }

    .bhraaj-home-v53 .bhraaj-home-product-copy {
        padding-top: 15px !important;
    }

    .bhraaj-home-v53 .bhraaj-home-product-copy h3 {
        font-size: clamp(29px, 9.5vw, 37px) !important;
    }
}

@media (max-width: 430px) {
    .bhraaj-home-v53 .bhraaj-hero {
        padding-top: 42px !important;
    }

    .bhraaj-home-v53 .bhraaj-home-essence {
        margin-top: 42px !important;
        padding: 42px 0 !important;
    }

    .bhraaj-home-v53 .bhraaj-collection-section {
        padding-top: 44px !important;
    }
}

@media (max-width: 339px) {
    .bhraaj-home-v53 .bhraaj-hero {
        padding-top: 38px !important;
    }

    .bhraaj-home-v53 .bhraaj-hero-copy h1 {
        font-size: 52px !important;
    }

    .bhraaj-home-v53 .bhraaj-home-essence-heading h2 {
        font-size: 39px !important;
    }

    .bhraaj-home-v53 .bhraaj-home-essence-copy,
    .bhraaj-home-v53 .bhraaj-hero-description {
        font-size: 14px !important;
    }
}

/* =========================================================
   BHRAAJ V54 — Commerce trust: sales, ratings, admin-driven merchandising
   Homepage / Shop / Wishlist / Product / Related products
   ========================================================= */

/* --- Live sale badge: intentionally restrained, never marketplace-loud. --- */
.bhraaj-sale-badge,
.woocommerce span.onsale.bhraaj-sale-badge,
.woocommerce-page span.onsale.bhraaj-sale-badge {
    position: absolute !important;
    z-index: 9 !important;
    top: 14px !important;
    left: 14px !important;
    right: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 30px !important;
    width: auto !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    border: 1px solid color-mix(in srgb, var(--bh-red) 34%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-red) 92%, #2c0f0b 8%) !important;
    color: #fff9f2 !important;
    font-family: var(--bh-sans) !important;
    font-size: 8.5px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    letter-spacing: .095em !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 22px rgba(77,24,18,.14) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
    backdrop-filter: blur(10px) saturate(1.05);
}

/* Wishlist remains upper-right; sale is upper-left. */
.bhraaj-home-product-media-wrap > .bhraaj-sale-badge,
.bhraaj-wishlist-card-media-wrap > .bhraaj-sale-badge {
    pointer-events: none;
}

/* Out-of-stock takes priority over discount merchandising. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-product-status + .onsale,
body.bhraaj-shop-v22.woocommerce ul.products li.product .bhraaj-product-status + .onsale {
    display: none !important;
}

/* --- Compact real-review signal. Hidden in PHP when no approved reviews exist. --- */
.bhraaj-compact-rating {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 18px;
    margin-top: 10px;
    color: var(--bh-text-soft);
    font-family: var(--bh-sans);
    font-size: 10px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

.bhraaj-compact-rating .star-rating {
    float: none !important;
    display: inline-block !important;
    width: 5.4em !important;
    height: 1em !important;
    margin: 0 !important;
    color: var(--bh-metal) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

.bhraaj-compact-rating .star-rating::before {
    color: color-mix(in srgb, var(--bh-text-soft) 26%, transparent) !important;
    opacity: 1 !important;
}

.bhraaj-compact-rating .star-rating span::before {
    color: var(--bh-metal) !important;
}

.bhraaj-rating-meta {
    color: var(--bh-text-soft);
    letter-spacing: .01em;
}

/* Homepage hierarchy: title -> trust -> price -> action. */
.bhraaj-home-v54 .bhraaj-home-product-price {
    margin-top: 8px;
}

.bhraaj-home-v54 .bhraaj-home-product-price del,
.bhraaj-wishlist-card .bhraaj-home-product-price del {
    margin-right: 7px;
    color: color-mix(in srgb, var(--bh-text-soft) 82%, transparent);
    font-weight: 560;
    opacity: .72;
    text-decoration-thickness: 1px;
    text-decoration-color: color-mix(in srgb, var(--bh-text-soft) 70%, transparent);
}

.bhraaj-home-v54 .bhraaj-home-product-price ins,
.bhraaj-wishlist-card .bhraaj-home-product-price ins {
    color: var(--bh-text);
    font-weight: 780;
    text-decoration: none;
}

/* Shop + related-product loops use exactly the same commerce hierarchy. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-compact-rating,
body.bhraaj-shop-v22.woocommerce ul.products li.product .bhraaj-compact-rating,
.woocommerce .related ul.products li.product .bhraaj-compact-rating,
.woocommerce .upsells ul.products li.product .bhraaj-compact-rating {
    display: inline-flex !important;
    margin: 10px 0 0 !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .price del,
body.bhraaj-shop-v22.woocommerce ul.products li.product .price del,
.woocommerce .related ul.products li.product .price del,
.woocommerce .upsells ul.products li.product .price del {
    margin-right: 7px !important;
    color: var(--bh-text-soft) !important;
    font-weight: 560 !important;
    opacity: .68 !important;
    text-decoration-thickness: 1px !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .price ins,
body.bhraaj-shop-v22.woocommerce ul.products li.product .price ins,
.woocommerce .related ul.products li.product .price ins,
.woocommerce .upsells ul.products li.product .price ins {
    color: var(--bh-text) !important;
    font-weight: 780 !important;
    text-decoration: none !important;
}

/* Product detail: preserve editorial scale while making sale/review information useful. */
body.single-product.bhraaj-single-product-v20 div.product .onsale.bhraaj-sale-badge {
    top: 18px !important;
    left: 18px !important;
}

body.single-product.bhraaj-single-product-v20 div.product p.price del,
body.single-product.bhraaj-single-product-v20 div.product span.price del {
    margin-right: 9px;
    color: var(--bh-text-soft);
    font-size: .68em;
    font-weight: 500;
    opacity: .7;
    text-decoration-thickness: 1px;
}

body.single-product.bhraaj-single-product-v20 div.product p.price ins,
body.single-product.bhraaj-single-product-v20 div.product span.price ins {
    color: var(--bh-text);
    font-weight: 650;
    text-decoration: none;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-rating {
    display: flex;
    align-items: center;
    gap: 10px;
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-rating .star-rating {
    color: var(--bh-metal);
}

body.single-product.bhraaj-single-product-v20 .woocommerce-product-rating .woocommerce-review-link {
    color: var(--bh-text-soft);
    font-size: 11px;
    font-weight: 650;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--bh-text-soft) 34%, transparent);
    text-underline-offset: 4px;
}

/* Full reviews remain WooCommerce-native and admin moderated, only visually refined. */
body.single-product.bhraaj-single-product-v20 #reviews #comments ol.commentlist {
    margin: 0;
    padding: 0;
}

body.single-product.bhraaj-single-product-v20 #reviews #comments ol.commentlist li {
    margin: 0 0 18px;
    padding: 22px 0;
    border-bottom: 1px solid var(--bh-ui-border);
}

body.single-product.bhraaj-single-product-v20 #reviews #comments ol.commentlist li .comment-text {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.single-product.bhraaj-single-product-v20 #reviews .star-rating,
body.single-product.bhraaj-single-product-v20 #review_form .stars a {
    color: var(--bh-metal) !important;
}

html[data-theme="dark"] .bhraaj-sale-badge,
html[data-theme="dark"] .woocommerce span.onsale.bhraaj-sale-badge {
    border-color: color-mix(in srgb, var(--bh-red) 42%, var(--bh-gold) 12%);
    background: color-mix(in srgb, var(--bh-red) 84%, #170b09 16%) !important;
}

@media (max-width: 767px) {
    .bhraaj-sale-badge,
    .woocommerce span.onsale.bhraaj-sale-badge,
    .woocommerce-page span.onsale.bhraaj-sale-badge {
        top: 10px !important;
        left: 10px !important;
        height: 27px !important;
        min-height: 27px !important;
        padding: 0 9px !important;
        font-size: 7.8px !important;
        letter-spacing: .08em !important;
    }

    .bhraaj-wishlist-toggle {
        top: 10px;
        right: 10px;
    }

    .bhraaj-compact-rating {
        gap: 6px;
        min-height: 17px;
        margin-top: 8px;
        font-size: 9.5px;
    }

    .bhraaj-compact-rating .star-rating {
        font-size: 10px !important;
    }

    .bhraaj-home-v54 .bhraaj-home-product-price {
        margin-top: 7px;
    }
}


/* =========================================================
   BHRAAJ V55 — Stable Add to Bag → View Bag interaction
   ========================================================= */

/* WooCommerce injects a second View cart link after an AJAX add. BHRAAJ uses
   the existing product CTA for the next action, so the duplicate is never
   allowed to affect layout. */
.woocommerce a.added_to_cart.wc-forward,
.woocommerce-page a.added_to_cart.wc-forward,
.bhraaj-home-product-card a.added_to_cart.wc-forward,
.bhraaj-wishlist-card a.added_to_cart.wc-forward {
    display: none !important;
}

.bhraaj-commerce-action.is-added,
.bhraaj-commerce-action.is-view-bag {
    min-width: 108px;
    white-space: nowrap;
}

.bhraaj-commerce-action.is-added {
    pointer-events: none;
}

.bhraaj-commerce-action.is-view-bag {
    cursor: pointer;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-commerce-action.is-view-bag:hover {
        transform: translateY(-2px);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 16px 34px rgba(31,23,19,.18);
        filter: brightness(1.03);
    }
}

@media (max-width: 480px) {
    .bhraaj-commerce-action.is-added,
    .bhraaj-commerce-action.is-view-bag {
        min-width: 104px;
    }
}


/* =========================================================
   BHRAAJ V56 — Fixed-size Add to Bag / Added / View Bag pill
   - one geometry on Homepage, Shop, Wishlist and related cards
   - no WooCommerce fallback View cart link may occupy layout
   ========================================================= */

/* Defensive universal removal. JS also removes these nodes from the DOM. */
a.added_to_cart,
a.added_to_cart.wc-forward,
a.wc-forward.added_to_cart,
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    inline-size: 0 !important;
    block-size: 0 !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Lock the purchase CTA so label changes never cause layout movement. */
.bhraaj-commerce-action,
.bhraaj-home-product-cta.bhraaj-commerce-action,
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-commerce-action,
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product .bhraaj-commerce-action,
.woocommerce .related ul.products li.product .bhraaj-commerce-action,
.woocommerce .upsells ul.products li.product .bhraaj-commerce-action,
.bhraaj-wishlist-card .bhraaj-commerce-action {
    box-sizing: border-box !important;
    inline-size: 112px !important;
    width: 112px !important;
    min-inline-size: 112px !important;
    min-width: 112px !important;
    max-inline-size: 112px !important;
    max-width: 112px !important;
    block-size: 44px !important;
    height: 44px !important;
    min-block-size: 44px !important;
    min-height: 44px !important;
    max-block-size: 44px !important;
    max-height: 44px !important;
    padding-inline: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.bhraaj-commerce-action.is-added,
.bhraaj-commerce-action.is-view-bag {
    inline-size: 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
}

/* "Added" is a brief confirmation state; View bag becomes the sole next action. */
.bhraaj-commerce-action.is-added {
    pointer-events: none !important;
}

@media (max-width: 600px) {
    .bhraaj-commerce-action,
    .bhraaj-home-product-cta.bhraaj-commerce-action,
    body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-commerce-action,
    body.bhraaj-shop-v22 .woocommerce-page ul.products li.product .bhraaj-commerce-action,
    .woocommerce .related ul.products li.product .bhraaj-commerce-action,
    .woocommerce .upsells ul.products li.product .bhraaj-commerce-action,
    .bhraaj-wishlist-card .bhraaj-commerce-action,
    .bhraaj-commerce-action.is-added,
    .bhraaj-commerce-action.is-view-bag {
        inline-size: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        block-size: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }
}


/* =========================================================
   BHRAAJ V57 — MOBILE MENU OPAQUE OVERLAY LOCK
   - fixed to the live bottom edge of the sticky header
   - fully opaque: underlying page content cannot show through
   - overlays the page; never pushes or reflows content
   - preserves the existing hamburger -> X treatment
   - one authoritative mobile/tablet open/closed state
   ========================================================= */

@media (max-width: 1000px) {
    .bhraaj-header {
        overflow: visible !important;
        isolation: isolate !important;
        z-index: 13000 !important;
    }

    .bhraaj-header-inner {
        position: relative !important;
        z-index: 13020 !important;
    }

    .bhraaj-mobile-nav,
    body.admin-bar .bhraaj-mobile-nav {
        position: fixed !important;
        z-index: 13010 !important;
        top: var(--bh-mobile-nav-top, 104px) !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        width: 100vw !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding:
            clamp(24px, 5vh, 42px)
            clamp(20px, 6vw, 42px)
            max(24px, env(safe-area-inset-bottom))
            !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;

        /* Intentionally opaque. Do not reveal page content beneath the menu. */
        background: var(--bh-bg) !important;
        background-color: var(--bh-bg) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;

        border: 0 !important;
        border-top: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
        border-radius: 0 !important;
        box-shadow: 0 22px 50px rgba(33, 23, 18, .09) !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        /* Retract upward without affecting document geometry. */
        transform: translate3d(0, -10px, 0) !important;
        clip-path: inset(0 0 100% 0) !important;
        -webkit-clip-path: inset(0 0 100% 0) !important;

        transition:
            opacity 180ms ease,
            transform 260ms cubic-bezier(.22,.72,.2,1),
            clip-path 280ms cubic-bezier(.22,.72,.2,1),
            -webkit-clip-path 280ms cubic-bezier(.22,.72,.2,1),
            visibility 0s linear 280ms
            !important;
    }

    .bhraaj-mobile-nav.is-open,
    body.admin-bar .bhraaj-mobile-nav.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translate3d(0, 0, 0) !important;
        clip-path: inset(0 0 0 0) !important;
        -webkit-clip-path: inset(0 0 0 0) !important;
        transition:
            opacity 180ms ease,
            transform 260ms cubic-bezier(.22,.72,.2,1),
            clip-path 280ms cubic-bezier(.22,.72,.2,1),
            -webkit-clip-path 280ms cubic-bezier(.22,.72,.2,1),
            visibility 0s linear 0s
            !important;
    }

    html[data-theme="dark"] .bhraaj-mobile-nav,
    html[data-theme="dark"] .bhraaj-mobile-nav.is-open {
        background: var(--bh-bg) !important;
        background-color: var(--bh-bg) !important;
        box-shadow: 0 24px 56px rgba(0, 0, 0, .34) !important;
    }

    /* The page remains exactly where it was when the overlay opens. */
    body.menu-open {
        overflow: hidden !important;
        overscroll-behavior: none !important;
        touch-action: none !important;
    }

    body.menu-open .bhraaj-site > main,
    body.menu-open main,
    body.menu-open .site-main,
    body.menu-open .site-content,
    body.menu-open .bhraaj-footer,
    body.menu-open footer {
        pointer-events: none !important;
    }

    /* Keep header controls live above the overlay. */
    body.menu-open .bhraaj-header,
    body.menu-open .bhraaj-header-inner,
    body.menu-open .bhraaj-menu-toggle,
    body.menu-open .bhraaj-brand,
    body.menu-open .bhraaj-header-actions,
    body.menu-open .bhraaj-mobile-nav {
        pointer-events: auto !important;
    }

    .bhraaj-mobile-nav a {
        width: min(100%, 360px) !important;
        min-height: 46px !important;
        padding: 7px 14px !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .bhraaj-mobile-nav,
    .bhraaj-mobile-nav.is-open,
    body.admin-bar .bhraaj-mobile-nav,
    body.admin-bar .bhraaj-mobile-nav.is-open {
        padding-top: clamp(24px, 4.5vh, 34px) !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .bhraaj-mobile-nav::before {
        margin-bottom: 14px !important;
    }

    .bhraaj-mobile-nav::after {
        width: min(100%, 300px) !important;
        margin-top: 18px !important;
    }
}

@media (max-width: 390px) and (max-height: 650px) {
    .bhraaj-mobile-nav,
    .bhraaj-mobile-nav.is-open {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    .bhraaj-mobile-nav a {
        min-height: 40px !important;
        font-size: clamp(22px, 7vw, 25px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bhraaj-mobile-nav,
    .bhraaj-mobile-nav.is-open {
        transition-duration: .01ms !important;
    }
}


/* =========================================================
   BHRAAJ V60 — SHARED PRODUCT CARD PARITY LOCK
   Homepage is the master visual system. Wishlist cards reuse
   the exact same geometry, typography, media motion and CTA.
   ========================================================= */

/* Shared media surface: homepage + wishlist */
.bhraaj-product-card-shared .bhraaj-home-product-media,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-media {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 70%, transparent) !important;
    border-radius: clamp(18px, 1.65vw, 24px) !important;
    background:
        radial-gradient(circle at 48% 37%, color-mix(in srgb, var(--bh-gold) 6%, transparent), transparent 38%),
        color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 4%) !important;
    box-shadow: 0 18px 48px rgba(55, 39, 29, .055) !important;
    transform: translateZ(0) !important;
    text-decoration: none !important;
    transition:
        transform 430ms var(--bh-ui-ease-emph),
        border-color 300ms ease,
        box-shadow 380ms var(--bh-ui-ease) !important;
}

.bhraaj-product-card-shared .bhraaj-home-product-image,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    transform: scale(1.001) !important;
    transition: transform 560ms var(--bh-ui-ease-emph), filter 320ms ease !important;
}

.bhraaj-product-card-shared .bhraaj-home-product-media.is-placeholder,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-media.is-placeholder {
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 18px !important;
    text-align: center !important;
}

/* Shared product-copy rhythm */
.bhraaj-product-card-shared .bhraaj-home-product-copy,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-copy {
    padding: 20px 2px 0 !important;
}

.bhraaj-product-card-shared .bhraaj-home-product-kicker,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-kicker {
    margin: 0 0 8px !important;
    color: var(--bh-red) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.bhraaj-product-card-shared .bhraaj-home-product-copy h3,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-copy h3 {
    margin: 0 !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(29px, 2.6vw, 40px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -.025em !important;
}

.bhraaj-product-card-shared .bhraaj-home-product-copy h3 a,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-copy h3 a {
    color: inherit !important;
    text-decoration: none !important;
}

.bhraaj-product-card-shared .bhraaj-home-product-price,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-price {
    margin-top: 10px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.bhraaj-product-card-shared .bhraaj-home-product-price del,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-price del {
    margin-right: 6px !important;
    color: var(--bh-text-soft) !important;
    opacity: .62 !important;
}

.bhraaj-product-card-shared .bhraaj-home-product-price ins,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-price ins {
    color: inherit !important;
    text-decoration: none !important;
}

/* Same CTA geometry and spacing as homepage */
.bhraaj-product-card-shared .bhraaj-home-product-cta,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-cta {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-top: 18px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #171210, #0f0b0a) !important;
    color: #fffdf9 !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(31,23,19,.13) !important;
    transition: transform 240ms var(--bh-ui-ease-emph), box-shadow 240ms var(--bh-ui-ease), filter 220ms ease !important;
}

/* Heart geometry: physically impossible to become oval */
.bhraaj-wishlist-card .bhraaj-wishlist-toggle,
.bhraaj-product-card-shared .bhraaj-wishlist-toggle {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    line-height: 1 !important;
}

.bhraaj-wishlist-card .bhraaj-wishlist-toggle svg,
.bhraaj-product-card-shared .bhraaj-wishlist-toggle svg {
    display: block !important;
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    min-height: 17px !important;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-product-card-shared:hover .bhraaj-home-product-media,
    .bhraaj-wishlist-card.bhraaj-home-product:hover .bhraaj-home-product-media {
        transform: translateY(-4px) !important;
        border-color: var(--bh-ui-border-strong) !important;
        box-shadow: 0 26px 62px rgba(55, 39, 29, .105) !important;
    }

    .bhraaj-product-card-shared:hover .bhraaj-home-product-image,
    .bhraaj-wishlist-card.bhraaj-home-product:hover .bhraaj-home-product-image {
        transform: scale(1.018) !important;
    }

    .bhraaj-product-card-shared .bhraaj-home-product-cta:not(.is-disabled):hover,
    .bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-cta:not(.is-disabled):hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.035) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 16px 34px rgba(31,23,19,.18) !important;
    }
}

.bhraaj-product-card-shared .bhraaj-home-product-cta:active,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-cta:active {
    transform: translateY(0) scale(.985) !important;
    transition-duration: 90ms !important;
}

html[data-theme="dark"] .bhraaj-product-card-shared .bhraaj-home-product-media,
html[data-theme="dark"] .bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-media {
    background:
        radial-gradient(circle at 48% 37%, color-mix(in srgb, var(--bh-gold) 8%, transparent), transparent 38%),
        color-mix(in srgb, var(--bh-surface) 96%, #000 4%) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.16) !important;
}

@media (max-width: 767px) {
    .bhraaj-wishlist-card .bhraaj-wishlist-toggle,
    .bhraaj-product-card-shared .bhraaj-wishlist-toggle {
        top: 10px !important;
        right: 10px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        flex-basis: 38px !important;
    }

    .bhraaj-product-card-shared .bhraaj-home-product-copy,
    .bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-copy {
        padding-top: 16px !important;
    }

    .bhraaj-product-card-shared .bhraaj-home-product-copy h3,
    .bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-copy h3 {
        font-size: clamp(27px, 9.2vw, 34px) !important;
    }
}


/* =========================================================
   BHRAAJ V61 — SHOP INTERACTION ARCHITECTURE
   One stable archive shell:
   - masthead / category chips / sort controls do not visually reload
   - only result count + product results update
   - Shop product media uses Homepage/Wishlist motion exactly
   - copy never moves
   ========================================================= */

body.bhraaj-shop-v22 {
    --bh-shop-media-radius: clamp(18px, 1.55vw, 24px);
    --bh-shop-media-border: color-mix(in srgb, var(--bh-border) 82%, transparent);
    --bh-shop-media-border-hover: color-mix(in srgb, var(--bh-gold) 27%, var(--bh-border));
}

/* The Woo product link contains media + copy; the link itself must remain still. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product,
body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover,
body.bhraaj-shop-v22 .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover > a.woocommerce-LoopProduct-link {
    transform: none !important;
}

/* Exact visual surface that rises. */
body.bhraaj-shop-v22 .bhraaj-shop-product-media {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 0 clamp(18px, 1.5vw, 22px) !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-shop-media-border) !important;
    border-radius: var(--bh-shop-media-radius) !important;
    background:
        radial-gradient(circle at 72% 22%, rgba(155, 28, 43, .035), transparent 31%),
        color-mix(in srgb, var(--bh-surface) 96%, var(--bh-bg)) !important;
    box-shadow: 0 18px 48px rgba(55, 39, 29, .055) !important;
    transform: translate3d(0, 0, 0) !important;
    transform-origin: center center !important;
    transition:
        transform 560ms var(--bh-ui-ease-emph),
        border-color 300ms ease,
        box-shadow 380ms var(--bh-ui-ease) !important;
    will-change: transform !important;
}

/* Woo images fill the shared square instead of moving independently. */
body.bhraaj-shop-v22 .bhraaj-shop-product-media img,
body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover .bhraaj-shop-product-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    object-fit: cover !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: scale(1.001) !important;
    transform-origin: center center !important;
    transition: transform 560ms var(--bh-ui-ease-emph) !important;
}

/* Placeholder remains a true square and participates in identical motion. */
body.bhraaj-shop-v22 .bhraaj-shop-product-media img.woocommerce-placeholder {
    object-fit: cover !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover .bhraaj-shop-product-media {
        transform: translate3d(0, -4px, 0) !important;
        border-color: var(--bh-shop-media-border-hover) !important;
        box-shadow: 0 26px 62px rgba(55, 39, 29, .105) !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover .bhraaj-shop-product-media img {
        transform: scale(1.018) !important;
    }
}

/* Sale / stock markers remain tied to the moving media surface. */
body.bhraaj-shop-v22 .bhraaj-shop-product-media .onsale,
body.bhraaj-shop-v22 .bhraaj-shop-product-media .bhraaj-product-status {
    z-index: 3 !important;
}

/* Heart stays pinned to the card, exactly like Homepage/Wishlist. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle {
    top: 14px !important;
    right: 14px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    transform: none !important;
}

/* Shop category / title / price / CTA vertical rhythm mirrors the shared card. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-product-category {
    display: block !important;
    margin: 0 0 7px !important;
    color: var(--bh-red) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin: 0 !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(29px, 2.6vw, 40px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .price {
    margin: 10px 0 18px !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    line-height: 1.2 !important;
}

/* Keep the already-locked fixed CTA geometry and motion. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-commerce-action,
body.bhraaj-shop-v22 .woocommerce ul.products li.product .add_to_cart_button {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-top: 0 !important;
    flex: 0 0 112px !important;
}

/* AJAX result transition — controls never fade or move. */
body.bhraaj-shop-v22 .woocommerce ul.products {
    transition:
        opacity 180ms ease,
        transform 220ms var(--bh-ui-ease) !important;
    transform-origin: center top !important;
}

body.bhraaj-shop-v22.bhraaj-shop-results-loading .woocommerce ul.products {
    opacity: .34 !important;
    transform: translate3d(0, 3px, 0) !important;
    pointer-events: none !important;
}

body.bhraaj-shop-v22 .bhraaj-shop-result-count {
    transition: opacity 150ms ease !important;
}

body.bhraaj-shop-v22.bhraaj-shop-results-loading.bhraaj-shop-mode-category .bhraaj-shop-result-count,
body.bhraaj-shop-v22.bhraaj-shop-results-loading.bhraaj-shop-mode-history .bhraaj-shop-result-count {
    opacity: .42 !important;
}

/* No full-page style loading state on masthead, chips, toolbar or sort. */
body.bhraaj-shop-v22.bhraaj-shop-results-loading .bhraaj-shop-masthead,
body.bhraaj-shop-v22.bhraaj-shop-results-loading .bhraaj-shop-categories,
body.bhraaj-shop-v22.bhraaj-shop-results-loading .bhraaj-shop-toolbar,
body.bhraaj-shop-v22.bhraaj-shop-results-loading .bhraaj-shop-sort {
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
}

/* Active category changes without reflow. */
body.bhraaj-shop-v22 .bhraaj-shop-chip {
    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        box-shadow 220ms ease !important;
}

/* Dark-mode surface parity. */
html[data-theme="dark"] body.bhraaj-shop-v22 .bhraaj-shop-product-media {
    background:
        radial-gradient(circle at 72% 22%, rgba(195, 75, 57, .055), transparent 31%),
        color-mix(in srgb, var(--bh-surface) 96%, var(--bh-bg)) !important;
    border-color: color-mix(in srgb, var(--bh-gold) 12%, var(--bh-border)) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .16) !important;
}

@media (hover:hover) and (pointer:fine) {
    html[data-theme="dark"] body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover .bhraaj-shop-product-media {
        border-color: color-mix(in srgb, var(--bh-gold) 28%, var(--bh-border)) !important;
        box-shadow: 0 26px 62px rgba(0, 0, 0, .24) !important;
    }
}

@media (max-width: 767px) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle {
        top: 10px !important;
        right: 10px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: clamp(27px, 9vw, 34px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.bhraaj-shop-v22 .bhraaj-shop-product-media,
    body.bhraaj-shop-v22 .bhraaj-shop-product-media img,
    body.bhraaj-shop-v22 .woocommerce ul.products {
        transition-duration: .01ms !important;
    }
}

/* BHRAAJ V62 — tighter sort geometry + mode-specific partial loading. */
body.bhraaj-shop-v22.bhraaj-shop-mode-sort .bhraaj-shop-masthead,
body.bhraaj-shop-v22.bhraaj-shop-mode-sort .bhraaj-shop-categories,
body.bhraaj-shop-v22.bhraaj-shop-mode-sort .bhraaj-shop-toolbar,
body.bhraaj-shop-v22.bhraaj-shop-mode-sort .bhraaj-shop-result-count,
body.bhraaj-shop-v22.bhraaj-shop-mode-sort .bhraaj-shop-sort {
    opacity: 1 !important;
    transform: none !important;
}

@media (max-width: 767px) {
    body.bhraaj-shop-v22 .bhraaj-shop-sort {
        gap: 8px !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-sort select {
        min-width: 164px !important;
        max-width: 184px !important;
        padding-right: 36px !important;
        padding-left: 12px !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-sort .woocommerce-ordering::after {
        right: 13px !important;
    }
}

/* BHRAAJ V63 — native sort open/close state polish. */
body.bhraaj-shop-v22 .bhraaj-shop-sort .woocommerce-ordering.is-open select {
    border-color: color-mix(in srgb, var(--bh-gold) 24%, var(--bh-border)) !important;
}

@media (prefers-reduced-motion: reduce) {
    body.bhraaj-shop-v22 .bhraaj-shop-sort .woocommerce-ordering::after {
        transition-duration: .01ms !important;
    }
}


/* =========================================================
   BHRAAJ V65 — MOBILE SHOP CTA = HOMEPAGE MASTER
   ---------------------------------------------------------
   Final cascade lock. WooCommerce/mobile generic `.button`
   rules must never stretch Shop purchase CTAs full-width.
   Homepage is the visual source of truth.
   ========================================================= */

@media (max-width: 767px) {
    body.bhraaj-shop-v22 :is(
        .woocommerce ul.products li.product .button,
        .woocommerce ul.products li.product .add_to_cart_button,
        .woocommerce ul.products li.product .bhraaj-commerce-action,
        .woocommerce-page ul.products li.product .button,
        .woocommerce-page ul.products li.product .add_to_cart_button,
        .woocommerce-page ul.products li.product .bhraaj-commerce-action
    ) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        inline-size: 112px !important;
        width: 112px !important;
        min-inline-size: 112px !important;
        min-width: 112px !important;
        max-inline-size: 112px !important;
        max-width: 112px !important;

        block-size: 44px !important;
        height: 44px !important;
        min-block-size: 44px !important;
        min-height: 44px !important;
        max-block-size: 44px !important;
        max-height: 44px !important;

        flex: 0 0 112px !important;
        align-self: flex-start !important;

        margin: 0 0 6px !important;
        padding: 0 12px !important;

        border-radius: 999px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    /* Added / View bag must occupy the exact same physical component. */
    body.bhraaj-shop-v22 :is(
        .woocommerce ul.products li.product .bhraaj-commerce-action.is-added,
        .woocommerce ul.products li.product .bhraaj-commerce-action.is-view-bag,
        .woocommerce-page ul.products li.product .bhraaj-commerce-action.is-added,
        .woocommerce-page ul.products li.product .bhraaj-commerce-action.is-view-bag
    ) {
        inline-size: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        block-size: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        flex-basis: 112px !important;
    }

    /*
     * Some Woo/mobile layouts wrap loop buttons in a full-width action row.
     * The row may remain full-width, but the CTA itself stays compact/left.
     */
    body.bhraaj-shop-v22 .woocommerce ul.products li.product :is(
        .bhraaj-product-actions,
        .bhraaj-commerce-actions
    ),
    body.bhraaj-shop-v22 .woocommerce-page ul.products li.product :is(
        .bhraaj-product-actions,
        .bhraaj-commerce-actions
    ) {
        width: 100% !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
}

/* 320×568 priority viewport — preserve the exact Homepage proportion. */
@media (max-width: 390px) {
    body.bhraaj-shop-v22 :is(
        .woocommerce ul.products li.product .button,
        .woocommerce ul.products li.product .add_to_cart_button,
        .woocommerce ul.products li.product .bhraaj-commerce-action,
        .woocommerce-page ul.products li.product .button,
        .woocommerce-page ul.products li.product .add_to_cart_button,
        .woocommerce-page ul.products li.product .bhraaj-commerce-action
    ) {
        inline-size: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        block-size: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   BHRAAJ V66 — OUR STORY
   ---------------------------------------------------------
   Editorial brand-story page.
   Desktop: asymmetric image/text rhythm.
   Mobile: deliberately re-composed for 320px screens.
   ========================================================= */

.bhraaj-story {
    position: relative;
    overflow: clip;
    background: var(--bh-bg);
    color: var(--bh-text);
}

.bhraaj-story *,
.bhraaj-story *::before,
.bhraaj-story *::after {
    box-sizing: border-box;
}

.bhraaj-story-shell {
    width: min(100% - 48px, 1240px);
    margin-inline: auto;
}

/* ---------- Opening ---------- */

.bhraaj-story-hero {
    min-height: clamp(460px, 68vh, 720px);
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid var(--bh-border);
    background:
        radial-gradient(circle at 82% 30%, rgba(139, 55, 52, .06), transparent 34%),
        var(--bh-bg);
}

.bhraaj-story-hero-inner {
    width: 100%;
    padding-block: clamp(92px, 12vw, 150px) clamp(74px, 9vw, 118px);
}

.bhraaj-story-eyebrow,
.bhraaj-story-index,
.bhraaj-story-signoff-label {
    margin: 0;
    color: var(--bh-accent);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.bhraaj-story-hero h1 {
    max-width: 920px;
    margin: 22px 0 0;
    font-family: var(--bh-font-display);
    font-size: clamp(64px, 8.4vw, 126px);
    font-weight: 400;
    line-height: .91;
    letter-spacing: -.045em;
}

.bhraaj-story-hero h1 em {
    color: var(--bh-accent);
    font-weight: 400;
}

.bhraaj-story-opening {
    max-width: 690px;
    margin: 34px 0 0;
    color: var(--bh-muted);
    font-size: clamp(17px, 1.5vw, 21px);
    line-height: 1.65;
}

/* ---------- Chapters ---------- */

.bhraaj-story-chapter {
    padding-block: clamp(88px, 10vw, 148px);
    border-bottom: 1px solid var(--bh-border);
}

.bhraaj-story-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
    gap: clamp(56px, 7vw, 112px);
    align-items: center;
}

.bhraaj-story-grid.is-reversed {
    grid-template-columns: minmax(360px, .98fr) minmax(0, 1.02fr);
}

.bhraaj-story-grid.is-reversed .bhraaj-story-media {
    order: 1;
}

.bhraaj-story-grid.is-reversed .bhraaj-story-copy {
    order: 2;
}

.bhraaj-story-copy {
    max-width: 650px;
}

.bhraaj-story-copy h2 {
    margin: 18px 0 30px;
    font-family: var(--bh-font-display);
    font-size: clamp(48px, 5.5vw, 82px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.035em;
}

.bhraaj-story-copy p {
    margin: 0 0 20px;
    color: var(--bh-muted);
    font-size: clamp(16px, 1.15vw, 18px);
    line-height: 1.78;
}

.bhraaj-story-copy p:last-child {
    margin-bottom: 0;
}

.bhraaj-story-media {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--bh-border);
    border-radius: clamp(22px, 2.4vw, 34px);
    background: var(--bh-surface);
}

.bhraaj-story-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}

.bhraaj-story-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 700ms cubic-bezier(.22, 1, .36, 1);
}

.bhraaj-story-media:hover img {
    transform: scale(1.012);
}

.bhraaj-story-media.is-mayapur {
    aspect-ratio: 16 / 10;
}

.bhraaj-story-media.is-mayapur img {
    object-position: 50% 52%;
}

.bhraaj-story-media.is-artisan {
    aspect-ratio: 4 / 3;
}

.bhraaj-story-media.is-artisan img {
    object-position: 50% 50%;
}

/* ---------- Family typography-led chapter ---------- */

.bhraaj-story-family {
    padding-block: clamp(96px, 11vw, 164px);
    border-bottom: 1px solid var(--bh-border);
}

.bhraaj-story-family-layout {
    display: grid;
    grid-template-columns: minmax(220px, .7fr) minmax(0, 1.6fr);
    gap: clamp(58px, 9vw, 150px);
    align-items: start;
}

.bhraaj-story-family-title h2 {
    margin: 18px 0 0;
    font-family: var(--bh-font-display);
    font-size: clamp(50px, 6.2vw, 92px);
    font-weight: 400;
    line-height: .94;
    letter-spacing: -.04em;
}

.bhraaj-story-family-copy {
    max-width: 760px;
}

.bhraaj-story-family-copy p {
    margin: 0 0 22px;
    color: var(--bh-muted);
    font-size: clamp(16px, 1.18vw, 18px);
    line-height: 1.8;
}

.bhraaj-story-family-copy p:last-child {
    margin-bottom: 0;
}

/* ---------- Closing ---------- */

.bhraaj-story-closing {
    padding-block: clamp(100px, 12vw, 180px);
}

.bhraaj-story-closing-inner {
    max-width: 920px;
    margin-inline: auto;
    text-align: center;
}

.bhraaj-story-closing p {
    margin: 0 auto 24px;
    color: var(--bh-muted);
    font-size: clamp(17px, 1.4vw, 21px);
    line-height: 1.75;
}

.bhraaj-story-signoff {
    margin-top: clamp(52px, 6vw, 82px);
    padding-top: clamp(36px, 4vw, 52px);
    border-top: 1px solid var(--bh-border);
}

.bhraaj-story-signoff-names {
    margin: 18px 0 8px;
    font-family: var(--bh-font-display);
    font-size: clamp(32px, 4vw, 56px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.025em;
}

.bhraaj-story-signoff-role {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 650;
    letter-spacing: .12em;
    text-transform: uppercase;
}

/* ---------- Dark mode ---------- */

html[data-theme="dark"] .bhraaj-story,
body.bhraaj-dark .bhraaj-story {
    background: var(--bh-bg);
}

html[data-theme="dark"] .bhraaj-story-media,
body.bhraaj-dark .bhraaj-story-media {
    border-color: rgba(255,255,255,.12);
}

/* ---------- Tablet ---------- */

@media (max-width: 980px) {
    .bhraaj-story-shell {
        width: min(100% - 36px, 920px);
    }

    .bhraaj-story-grid,
    .bhraaj-story-grid.is-reversed,
    .bhraaj-story-family-layout {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .bhraaj-story-grid.is-reversed .bhraaj-story-media,
    .bhraaj-story-grid.is-reversed .bhraaj-story-copy {
        order: initial;
    }

    .bhraaj-story-copy,
    .bhraaj-story-family-copy {
        max-width: 760px;
    }

    .bhraaj-story-media {
        width: 100%;
    }
}

/* ---------- Mobile: independent editorial composition ---------- */

@media (max-width: 767px) {
    .bhraaj-story-shell {
        width: calc(100% - 32px);
    }

    .bhraaj-story-hero {
        min-height: auto;
    }

    .bhraaj-story-hero-inner {
        padding-block: 64px 62px;
    }

    .bhraaj-story-eyebrow,
    .bhraaj-story-index,
    .bhraaj-story-signoff-label {
        font-size: 9.5px;
        letter-spacing: .16em;
    }

    .bhraaj-story-hero h1 {
        max-width: 290px;
        margin-top: 16px;
        font-size: clamp(49px, 16vw, 66px);
        line-height: .94;
    }

    .bhraaj-story-opening {
        max-width: 292px;
        margin-top: 26px;
        font-size: 15px;
        line-height: 1.62;
    }

    .bhraaj-story-chapter,
    .bhraaj-story-family {
        padding-block: 64px;
    }

    .bhraaj-story-grid,
    .bhraaj-story-grid.is-reversed {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    /*
     * Client direction:
     * 01 Faith — Mayapur image belongs to the first chapter.
     * On mobile the photograph leads the section, then the story.
     */
    .bhraaj-story-faith .bhraaj-story-media,
    .bhraaj-story-artisans .bhraaj-story-media {
        order: 1 !important;
    }

    .bhraaj-story-faith .bhraaj-story-copy,
    .bhraaj-story-artisans .bhraaj-story-copy {
        order: 2 !important;
    }

    .bhraaj-story-media {
        border-radius: 20px;
    }

    .bhraaj-story-media.is-mayapur {
        aspect-ratio: 4 / 3;
    }

    .bhraaj-story-media.is-mayapur img {
        object-position: 50% 50%;
    }

    .bhraaj-story-media.is-artisan {
        aspect-ratio: 4 / 3;
    }

    .bhraaj-story-copy h2,
    .bhraaj-story-family-title h2 {
        margin: 13px 0 22px;
        font-size: clamp(44px, 14vw, 58px);
        line-height: .96;
    }

    .bhraaj-story-copy p,
    .bhraaj-story-family-copy p {
        margin-bottom: 17px;
        font-size: 14.5px;
        line-height: 1.72;
    }

    .bhraaj-story-family-layout {
        gap: 30px;
    }

    .bhraaj-story-closing {
        padding-block: 72px 88px;
    }

    .bhraaj-story-closing-inner {
        text-align: left;
    }

    .bhraaj-story-closing p {
        font-size: 14.5px;
        line-height: 1.72;
    }

    .bhraaj-story-signoff {
        margin-top: 44px;
        padding-top: 30px;
    }

    .bhraaj-story-signoff-names {
        margin-top: 14px;
        font-size: clamp(34px, 11.5vw, 46px);
    }

    .bhraaj-story-signoff-role {
        font-size: 10px !important;
    }

    .bhraaj-story-media:hover img {
        transform: none;
    }
}

/* 320 × 568 priority viewport */
@media (max-width: 390px) {
    .bhraaj-story-shell {
        width: calc(100% - 28px);
    }

    .bhraaj-story-hero-inner {
        padding-block: 54px 56px;
    }

    .bhraaj-story-hero h1 {
        max-width: 276px;
        font-size: 52px;
    }

    .bhraaj-story-opening {
        max-width: 276px;
        font-size: 14px;
    }

    .bhraaj-story-chapter,
    .bhraaj-story-family {
        padding-block: 56px;
    }

    .bhraaj-story-copy h2,
    .bhraaj-story-family-title h2 {
        font-size: 43px;
    }

    .bhraaj-story-copy p,
    .bhraaj-story-family-copy p,
    .bhraaj-story-closing p {
        font-size: 14px;
        line-height: 1.7;
    }

    .bhraaj-story-closing {
        padding-block: 62px 80px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bhraaj-story-media img {
        transition: none !important;
    }
}


/* =========================================================
   BHRAAJ V67 — OUR STORY PRECISION / FINAL POLISH
   ---------------------------------------------------------
   Source-of-truth corrections after live desktop review:
   - Use BHRAAJ's real serif token, not an undefined display token.
   - Increase desktop page gutters.
   - Reduce hero scale and improve readable measure.
   - Lock 01 / 02 / 03 chapter-label parity.
   - Tighten Family density.
   - Refine image/text alignment in Faith + Artisans.
   - Recompose the closing into an editorial two-column finish.
   - Preserve independent 320×568 mobile treatment.
   ========================================================= */

/* ---------- Global story type correction ---------- */

.bhraaj-story :is(
    .bhraaj-story-hero h1,
    .bhraaj-story-copy h2,
    .bhraaj-story-family-title h2,
    .bhraaj-story-signoff-names
) {
    font-family: var(--bh-serif) !important;
    font-weight: 400 !important;
}

/* Keep utility labels consistent with the wider BHRAAJ system. */
.bhraaj-story :is(
    .bhraaj-story-eyebrow,
    .bhraaj-story-index,
    .bhraaj-story-signoff-label,
    .bhraaj-story-signoff-role
) {
    font-family: var(--bh-sans) !important;
}

/* ---------- Desktop page geometry ---------- */

@media (min-width: 981px) {
    .bhraaj-story-shell {
        width: min(calc(100% - 112px), 1240px) !important;
    }

    .bhraaj-story-hero {
        min-height: clamp(520px, 64vh, 670px) !important;
    }

    .bhraaj-story-hero-inner {
        padding-block:
            clamp(92px, 9vw, 126px)
            clamp(82px, 8vw, 108px) !important;
    }

    .bhraaj-story-hero h1 {
        max-width: 900px !important;
        margin-top: 18px !important;
        font-size: clamp(62px, 7.15vw, 102px) !important;
        line-height: .94 !important;
        letter-spacing: -.038em !important;
    }

    .bhraaj-story-opening {
        max-width: 640px !important;
        margin-top: 28px !important;
        font-size: clamp(17px, 1.32vw, 19px) !important;
        line-height: 1.64 !important;
    }

    .bhraaj-story-chapter {
        padding-block: clamp(92px, 8.5vw, 126px) !important;
    }

    .bhraaj-story-grid {
        grid-template-columns:
            minmax(0, .94fr)
            minmax(430px, 1.06fr) !important;
        gap: clamp(64px, 6.5vw, 94px) !important;
        align-items: center !important;
    }

    .bhraaj-story-grid.is-reversed {
        grid-template-columns:
            minmax(430px, 1.06fr)
            minmax(0, .94fr) !important;
    }

    .bhraaj-story-copy {
        max-width: 610px !important;
    }

    .bhraaj-story-copy h2 {
        margin: 14px 0 26px !important;
        font-size: clamp(52px, 4.75vw, 72px) !important;
        line-height: .98 !important;
        letter-spacing: -.032em !important;
    }

    .bhraaj-story-copy p {
        margin-bottom: 18px !important;
        font-size: clamp(16px, 1.08vw, 17.5px) !important;
        line-height: 1.72 !important;
    }

    /* One locked chapter-label specification across every section. */
    .bhraaj-story .bhraaj-story-index {
        margin: 0 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: .18em !important;
        text-transform: uppercase !important;
    }

    /* Faith: keep the wide landscape story image visually substantial. */
    .bhraaj-story-media.is-mayapur {
        aspect-ratio: 16 / 10 !important;
    }

    /* Artisan: slightly wider editorial frame, not a product-card square. */
    .bhraaj-story-media.is-artisan {
        aspect-ratio: 1.32 / 1 !important;
    }

    /* ---------- Family density correction ---------- */

    .bhraaj-story-family {
        padding-block: clamp(88px, 8vw, 118px) !important;
    }

    .bhraaj-story-family-layout {
        grid-template-columns:
            minmax(250px, .68fr)
            minmax(0, 1.32fr) !important;
        gap: clamp(58px, 6vw, 88px) !important;
        align-items: start !important;
    }

    .bhraaj-story-family-title {
        padding-top: 2px !important;
    }

    .bhraaj-story-family-title h2 {
        margin: 14px 0 0 !important;
        font-size: clamp(54px, 5.2vw, 76px) !important;
        line-height: .98 !important;
        letter-spacing: -.034em !important;
    }

    .bhraaj-story-family-copy {
        max-width: 720px !important;
    }

    .bhraaj-story-family-copy p {
        margin-bottom: 18px !important;
        font-size: clamp(16px, 1.08vw, 17.5px) !important;
        line-height: 1.72 !important;
    }

    /* ---------- Closing: editorial rather than document-like ---------- */

    .bhraaj-story-closing {
        padding-block: clamp(94px, 9vw, 132px) !important;
    }

    .bhraaj-story-closing-inner {
        max-width: 1120px !important;
        margin-inline: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr) !important;
        column-gap: clamp(70px, 8vw, 118px) !important;
        row-gap: 22px !important;
        text-align: left !important;
        align-items: start !important;
    }

    .bhraaj-story-closing-inner > p {
        grid-column: 1 !important;
        max-width: 700px !important;
        margin: 0 !important;
        font-size: clamp(17px, 1.25vw, 19px) !important;
        line-height: 1.72 !important;
    }

    .bhraaj-story-signoff {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
        margin: 0 !important;
        padding: 0 0 0 clamp(32px, 3vw, 48px) !important;
        border-top: 0 !important;
        border-left: 1px solid var(--bh-border) !important;
        text-align: left !important;
    }

    .bhraaj-story-signoff-names {
        margin: 17px 0 11px !important;
        font-size: clamp(32px, 3vw, 45px) !important;
        line-height: 1.09 !important;
        letter-spacing: -.026em !important;
    }

    .bhraaj-story-signoff-role {
        margin: 0 !important;
        font-size: 10.5px !important;
        line-height: 1.3 !important;
        letter-spacing: .14em !important;
    }
}

/* ---------- Large desktop breathing room ---------- */

@media (min-width: 1440px) {
    .bhraaj-story-shell {
        width: min(calc(100% - 144px), 1280px) !important;
    }
}

/* ---------- Tablet correction ---------- */

@media (min-width: 768px) and (max-width: 980px) {
    .bhraaj-story-shell {
        width: min(calc(100% - 56px), 900px) !important;
    }

    .bhraaj-story-hero h1 {
        font-family: var(--bh-serif) !important;
        font-size: clamp(58px, 9vw, 82px) !important;
    }

    .bhraaj-story-copy h2,
    .bhraaj-story-family-title h2 {
        font-family: var(--bh-serif) !important;
        font-size: clamp(48px, 7vw, 66px) !important;
    }

    .bhraaj-story-family-layout {
        gap: 34px !important;
    }
}

/* ---------- Mobile / 320×568 final composition ---------- */

@media (max-width: 767px) {
    .bhraaj-story-shell {
        width: calc(100% - 36px) !important;
    }

    .bhraaj-story-hero-inner {
        padding-block: 58px 58px !important;
    }

    .bhraaj-story-hero h1 {
        max-width: 100% !important;
        margin-top: 15px !important;
        font-family: var(--bh-serif) !important;
        font-size: clamp(47px, 15vw, 60px) !important;
        line-height: .96 !important;
        letter-spacing: -.032em !important;
    }

    .bhraaj-story-opening {
        max-width: 290px !important;
        margin-top: 23px !important;
        font-size: 14.5px !important;
        line-height: 1.62 !important;
    }

    .bhraaj-story-chapter,
    .bhraaj-story-family {
        padding-block: 58px !important;
    }

    .bhraaj-story-grid,
    .bhraaj-story-grid.is-reversed {
        gap: 28px !important;
    }

    .bhraaj-story-copy h2,
    .bhraaj-story-family-title h2 {
        margin: 12px 0 20px !important;
        font-family: var(--bh-serif) !important;
        font-size: clamp(40px, 13vw, 50px) !important;
        line-height: .98 !important;
        letter-spacing: -.028em !important;
    }

    .bhraaj-story .bhraaj-story-index {
        font-size: 9.5px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: .16em !important;
    }

    .bhraaj-story-copy p,
    .bhraaj-story-family-copy p {
        margin-bottom: 16px !important;
        font-size: 14px !important;
        line-height: 1.68 !important;
    }

    .bhraaj-story-family-layout {
        gap: 24px !important;
    }

    /* Images lead their chapters and keep a useful story crop. */
    .bhraaj-story-media.is-mayapur,
    .bhraaj-story-media.is-artisan {
        aspect-ratio: 4 / 3 !important;
        border-radius: 18px !important;
    }

    .bhraaj-story-closing {
        padding-block: 62px 76px !important;
    }

    .bhraaj-story-closing-inner {
        display: block !important;
        max-width: none !important;
        text-align: left !important;
    }

    .bhraaj-story-closing-inner > p {
        max-width: none !important;
        margin: 0 0 20px !important;
        font-size: 14px !important;
        line-height: 1.68 !important;
    }

    .bhraaj-story-signoff {
        margin-top: 38px !important;
        padding: 28px 0 0 !important;
        border-left: 0 !important;
        border-top: 1px solid var(--bh-border) !important;
        text-align: left !important;
    }

    .bhraaj-story-signoff-names {
        margin: 13px 0 9px !important;
        font-family: var(--bh-serif) !important;
        font-size: clamp(31px, 10vw, 40px) !important;
        line-height: 1.1 !important;
    }

    .bhraaj-story-signoff-role {
        font-size: 9.5px !important;
        letter-spacing: .13em !important;
    }
}

/* Exact priority viewport: Chrome responsive 320 × 568 */
@media (max-width: 390px) {
    .bhraaj-story-shell {
        width: calc(100% - 28px) !important;
    }

    .bhraaj-story-hero-inner {
        padding-block: 50px 52px !important;
    }

    .bhraaj-story-hero h1 {
        font-size: 48px !important;
        line-height: .97 !important;
    }

    .bhraaj-story-opening {
        max-width: 278px !important;
        font-size: 13.8px !important;
    }

    .bhraaj-story-chapter,
    .bhraaj-story-family {
        padding-block: 52px !important;
    }

    .bhraaj-story-copy h2,
    .bhraaj-story-family-title h2 {
        font-size: 41px !important;
    }

    .bhraaj-story-copy p,
    .bhraaj-story-family-copy p,
    .bhraaj-story-closing-inner > p {
        font-size: 13.8px !important;
        line-height: 1.67 !important;
    }
}


/* =========================================================
   BHRAAJ V68 — OUR STORY FINAL DESKTOP LOCK
   ---------------------------------------------------------
   Final targeted adjustments after desktop verification:
   1) eliminate sticky-header text bleed with an opaque header layer;
   2) tighten Family section vertical rhythm slightly;
   3) reduce founder-name scale so the closing stays balanced.
   Replace: main.css
   ========================================================= */

/* ---------- Sticky header opacity / isolation ---------- */

.bhraaj-announcement,
.bhraaj-header {
    isolation: isolate;
}

.bhraaj-header {
    background: var(--bh-bg) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    overflow: hidden;
}

.bhraaj-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--bh-bg);
}

.bhraaj-header.is-scrolled {
    box-shadow: 0 14px 40px rgba(40, 25, 16, 0.07) !important;
}

html[data-theme="dark"] .bhraaj-header,
body.bhraaj-dark .bhraaj-header {
    background: var(--bh-bg) !important;
}

html[data-theme="dark"] .bhraaj-header::before,
body.bhraaj-dark .bhraaj-header::before {
    background: var(--bh-bg) !important;
}

/* ---------- Desktop only: final spacing rebalance ---------- */

@media (min-width: 981px) {
    .bhraaj-story-family {
        padding-block: clamp(80px, 7.1vw, 104px) !important;
    }

    .bhraaj-story-family-layout {
        gap: clamp(54px, 5.5vw, 80px) !important;
    }

    .bhraaj-story-family-copy p {
        margin-bottom: 17px !important;
    }

    .bhraaj-story-signoff {
        padding-left: clamp(28px, 2.7vw, 42px) !important;
    }

    .bhraaj-story-signoff-names {
        font-size: clamp(29px, 2.72vw, 41px) !important;
        line-height: 1.08 !important;
    }
}

/* =========================================================
   BHRAAJ V69 — OUR STORY HERO SPACING LOCK
   ---------------------------------------------------------
   Single final desktop refinement:
   reduce the top breathing room between the header and
   OUR STORY by ~9%, while preserving the approved bottom
   spacing and all other V68 desktop/mobile styling.
   Replace: assets/css/main.css
   ========================================================= */

@media (min-width: 981px) {
    .bhraaj-story-hero-inner {
        padding-top: clamp(84px, 8.2vw, 115px) !important;
    }
}

/* =========================================================
   BHRAAJ V70 — PRODUCT DETAIL CONVERSION / REVIEW LOCK
   24 Aug 2026
   ========================================================= */

body.single-product.bhraaj-single-product-v20 {
    --bh-product-control-height: 50px;
}

/* ---------- Rating summary ---------- */
body.single-product.bhraaj-single-product-v20 .bhraaj-single-rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: fit-content !important;
    margin: -2px 0 17px !important;
    color: color-mix(in srgb, var(--bh-text) 70%, var(--bh-bg)) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-single-rating.is-new {
    padding-left: 12px !important;
    position: relative !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-single-rating.is-new::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: translateY(-50%);
    background: var(--bh-gold);
}

body.single-product.bhraaj-single-product-v20 .bhraaj-single-rating .star-rating,
body.single-product.bhraaj-single-product-v20 .bhraaj-compact-rating .star-rating {
    float: none !important;
    margin: 0 !important;
    color: var(--bh-gold) !important;
    font-size: 13px !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-single-rating-meta {
    color: color-mix(in srgb, var(--bh-text) 62%, var(--bh-bg)) !important;
    font-weight: 600 !important;
}

/* ---------- Short description ---------- */
body.single-product.bhraaj-single-product-v20 .woocommerce-product-details__short-description {
    max-width: 46ch !important;
    margin: 0 0 20px !important;
    color: color-mix(in srgb, var(--bh-text) 69%, var(--bh-bg)) !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
}

/* ---------- Quantity + CTA ---------- */
body.single-product.bhraaj-single-product-v20 div.product form.cart {
    grid-template-columns: 132px minmax(220px, 278px) !important;
    justify-content: start !important;
    gap: 14px !important;
    max-width: 430px !important;
    margin: 0 0 22px !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
    display: grid !important;
    grid-template-columns: 40px 52px 40px !important;
    align-items: center !important;
    justify-content: stretch !important;
    width: 132px !important;
    min-width: 132px !important;
    height: var(--bh-product-control-height) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
    grid-column: 2 !important;
    width: 52px !important;
    min-width: 52px !important;
    padding: 0 !important;
    font-size: 12px !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-qty-step {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: color-mix(in srgb, var(--bh-text) 72%, var(--bh-bg)) !important;
    font-family: var(--bh-sans) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: background 180ms var(--bh-ease), color 180ms var(--bh-ease), opacity 180ms var(--bh-ease) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-qty-minus {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-qty-plus {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-qty-step:disabled {
    opacity: .28 !important;
    cursor: default !important;
}

@media (hover: hover) and (pointer: fine) {
    body.single-product.bhraaj-single-product-v20 .bhraaj-qty-step:not(:disabled):hover {
        background: color-mix(in srgb, var(--bh-text) 5%, transparent) !important;
        color: var(--bh-text) !important;
    }
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
    width: 100% !important;
    min-width: 220px !important;
    max-width: 278px !important;
    min-height: var(--bh-product-control-height) !important;
    height: var(--bh-product-control-height) !important;
    padding-inline: 28px !important;
}

/* ---------- Wishlist + reassurance spacing ---------- */
body.single-product.bhraaj-single-product-v20 .bhraaj-single-wishlist {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 2px 0 24px !important;
    padding: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-single-wishlist .bhraaj-wishlist-toggle {
    flex: 0 0 auto !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance {
    margin-top: 0 !important;
    padding-top: 18px !important;
}

/* ---------- Product tabs ---------- */
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs {
    flex-wrap: wrap !important;
    row-gap: 12px !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-policy-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px 22px !important;
    margin-top: 22px !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-policy-links a {
    position: relative !important;
    color: var(--bh-text) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-policy-links a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 1px;
    background: color-mix(in srgb, var(--bh-gold) 65%, transparent);
}

/* ---------- Reviews ---------- */
body.single-product.bhraaj-single-product-v20 #reviews {
    max-width: 920px !important;
}

body.single-product.bhraaj-single-product-v20 #reviews #comments h2,
body.single-product.bhraaj-single-product-v20 #review_form_wrapper .comment-reply-title {
    display: block !important;
    margin: 0 0 22px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(34px, 3.2vw, 48px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.026em !important;
}

body.single-product.bhraaj-single-product-v20 #review_form_wrapper {
    max-width: 660px !important;
    margin-top: 36px !important;
    padding-top: 0 !important;
    border-top: 1px solid var(--bh-product-rule) !important;
}

body.single-product.bhraaj-single-product-v20 #review_form_wrapper .comment-form-rating,
body.single-product.bhraaj-single-product-v20 #review_form_wrapper .comment-form-comment,
body.single-product.bhraaj-single-product-v20 #review_form_wrapper .form-submit {
    margin: 0 0 20px !important;
}

body.single-product.bhraaj-single-product-v20 #review_form_wrapper label {
    display: block !important;
    margin: 0 0 9px !important;
    color: color-mix(in srgb, var(--bh-text) 72%, var(--bh-bg)) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
}

body.single-product.bhraaj-single-product-v20 #review_form_wrapper .stars {
    margin: 0 !important;
}

body.single-product.bhraaj-single-product-v20 #review_form_wrapper .stars a {
    color: var(--bh-gold) !important;
    font-size: 24px !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-review-field {
    position: relative !important;
}

body.single-product.bhraaj-single-product-v20 #review_form_wrapper textarea#comment {
    display: block !important;
    width: 100% !important;
    min-height: 132px !important;
    max-height: 132px !important;
    resize: none !important;
    padding: 16px 18px 34px !important;
    border: 1px solid var(--bh-product-rule-strong) !important;
    border-radius: 16px !important;
    outline: 0 !important;
    background: color-mix(in srgb, var(--bh-surface) 78%, transparent) !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    box-shadow: none !important;
    transition: border-color 180ms var(--bh-ease), background 180ms var(--bh-ease) !important;
}

body.single-product.bhraaj-single-product-v20 #review_form_wrapper textarea#comment:focus {
    border-color: color-mix(in srgb, var(--bh-gold) 55%, var(--bh-text) 12%) !important;
    background: var(--bh-surface) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-review-count {
    position: absolute !important;
    right: 14px !important;
    bottom: 11px !important;
    color: color-mix(in srgb, var(--bh-text) 46%, var(--bh-bg)) !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    letter-spacing: .03em !important;
}

body.single-product.bhraaj-single-product-v20 #review_form_wrapper input#submit {
    min-width: 146px !important;
    height: 46px !important;
    padding: 0 24px !important;
    border: 1px solid var(--bh-text) !important;
    border-radius: 999px !important;
    background: var(--bh-text) !important;
    color: var(--bh-bg) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    transition: transform 180ms var(--bh-ease), opacity 180ms var(--bh-ease) !important;
}

@media (hover: hover) and (pointer: fine) {
    body.single-product.bhraaj-single-product-v20 #review_form_wrapper input#submit:hover {
        transform: translateY(-1px) !important;
        opacity: .88 !important;
    }
}

body.single-product.bhraaj-single-product-v20 #reviews .commentlist {
    margin: 0 0 34px !important;
    padding: 0 !important;
}

body.single-product.bhraaj-single-product-v20 #reviews .commentlist li.review {
    margin: 0 !important;
    padding: 24px 0 !important;
    border-bottom: 1px solid var(--bh-product-rule) !important;
}

/* ---------- Related products parity ---------- */
body.single-product.bhraaj-single-product-v20 .related.products > h2,
body.single-product.bhraaj-single-product-v20 .upsells.products > h2 {
    font-family: var(--bh-serif) !important;
    font-weight: 500 !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20 {
        --bh-product-control-height: 50px;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 124px minmax(0, 1fr) !important;
        max-width: none !important;
        gap: 10px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
        grid-template-columns: 38px 48px 38px !important;
        width: 124px !important;
        min-width: 124px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
        width: 48px !important;
        min-width: 48px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-qty-step {
        width: 38px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
        min-width: 0 !important;
        max-width: none !important;
        padding-inline: 16px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-single-wishlist {
        margin-bottom: 22px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        overflow: visible !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs ul.tabs li a {
        justify-content: flex-start !important;
        width: 100% !important;
    }

    body.single-product.bhraaj-single-product-v20 #review_form_wrapper {
        max-width: none !important;
        margin-top: 28px !important;
        padding-top: 28px !important;
    }

    body.single-product.bhraaj-single-product-v20 #review_form_wrapper textarea#comment {
        min-height: 124px !important;
        max-height: 124px !important;
    }
}

@media (max-width: 390px) {
    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: 118px minmax(0, 1fr) !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
        grid-template-columns: 36px 46px 36px !important;
        width: 118px !important;
        min-width: 118px !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .qty {
        width: 46px !important;
        min-width: 46px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-qty-step {
        width: 36px !important;
    }
}
/* ==========================================================================
   BHRAAJ V72 — Product-card rating rendering lock
   Replace: assets/css/main.css

   WooCommerce keeps the human-readable "Rated X out of 5..." text inside
   .star-rating for accessibility. The core WooCommerce stylesheet normally
   visually hides that text while drawing the stars with pseudo-elements.
   BHRAAJ's custom compact rating component needs the same structural rules
   explicitly so the semantic text can never spill into the product card.
   ========================================================================== */

.bhraaj-compact-rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 18px !important;
    margin-top: 10px !important;
    white-space: nowrap !important;
}

/* Keep WooCommerce's accessible rating sentence in the DOM, but never
   render it as visible card copy. */
.bhraaj-compact-rating .star-rating {
    position: relative !important;
    float: none !important;
    display: inline-block !important;
    overflow: hidden !important;
    flex: 0 0 5.4em !important;
    width: 5.4em !important;
    height: 1em !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--bh-metal) !important;
    font-family: star !important;
    font-size: 11px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.bhraaj-compact-rating .star-rating::before {
    content: "sssss" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 1em !important;
    color: color-mix(in srgb, var(--bh-text-soft) 26%, transparent) !important;
    font-family: star !important;
    line-height: 1 !important;
    opacity: 1 !important;
}

.bhraaj-compact-rating .star-rating > span {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    overflow: hidden !important;
    height: 1em !important;
    margin: 0 !important;
    padding: 1em 0 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* The filled-star layer remains visual; the embedded "Rated..." sentence
   stays below the one-em viewport and therefore remains visually hidden. */
.bhraaj-compact-rating .star-rating > span::before {
    content: "SSSSS" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 1em !important;
    color: var(--bh-metal) !important;
    font-family: star !important;
    line-height: 1 !important;
}

.bhraaj-compact-rating .bhraaj-rating-meta {
    display: inline-block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
}

/* Homepage / Shop / Wishlist: reserve a clean rating row between title and
   price without changing the existing price or CTA treatment. */
.bhraaj-home-v54 .bhraaj-compact-rating,
.bhraaj-wishlist-card .bhraaj-compact-rating,
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-compact-rating,
body.bhraaj-shop-v22.woocommerce ul.products li.product .bhraaj-compact-rating,
.woocommerce .related ul.products li.product .bhraaj-compact-rating,
.woocommerce .upsells ul.products li.product .bhraaj-compact-rating {
    margin-top: 9px !important;
    margin-bottom: 0 !important;
}

/* Product price remains a separate row directly under the trust signal. */
.bhraaj-home-v54 .bhraaj-home-product-price,
.bhraaj-wishlist-card .bhraaj-home-product-price {
    margin-top: 8px !important;
}

/* Slightly tighter mobile rendering; no sentence wrapping or overflow. */
@media (max-width: 767px) {
    .bhraaj-compact-rating {
        gap: 6px !important;
        min-height: 17px !important;
        margin-top: 8px !important;
    }

    .bhraaj-compact-rating .star-rating {
        font-size: 10.5px !important;
    }

    .bhraaj-compact-rating .bhraaj-rating-meta {
        font-size: 9.5px !important;
    }
}

/* ==========================================================================
   BHRAAJ V73 — SINGLE PRODUCT RECOMMENDATION + SALE BADGE FINAL PARITY
   Replace: assets/css/main.css

   1) Locks the single-product sale badge safely inside the media composition.
   2) Makes Related / Upsell cards use the same product-card language already
      approved on Homepage / Shop / Wishlist.
   3) Only media rises on hover; category/title/rating/price/CTA remain still.
   ========================================================================== */

/* --------------------------------------------------------------------------
   SINGLE PRODUCT SALE BADGE
   Keep the discount merchandising visibly inside the product media zone.
   -------------------------------------------------------------------------- */
body.single-product.bhraaj-single-product-v20 div.product {
    position: relative !important;
}

body.single-product.bhraaj-single-product-v20 div.product > .onsale.bhraaj-sale-badge {
    top: 28px !important;
    left: 28px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 12 !important;
    pointer-events: none !important;
}

@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20 div.product > .onsale.bhraaj-sale-badge {
        top: 14px !important;
        left: 14px !important;
    }
}

/* --------------------------------------------------------------------------
   RELATED / UPSELL SECTION GEOMETRY
   Three-column desktop rhythm mirrors the Homepage product grid. With two
   recommendations, the third column simply remains open rather than stretching
   two cards into oversized, unrelated WooCommerce tiles.
   -------------------------------------------------------------------------- */
body.single-product.bhraaj-single-product-v20 .related.products,
body.single-product.bhraaj-single-product-v20 .upsells.products {
    --bh-related-media-radius: clamp(18px, 1.65vw, 24px);
    --bh-related-media-border: color-mix(in srgb, var(--bh-border) 70%, transparent);
    --bh-related-media-hover: var(--bh-ui-border-strong);
}

body.single-product.bhraaj-single-product-v20 .related.products ul.products,
body.single-product.bhraaj-single-product-v20 .upsells.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--bh-home-v41-card-gap, clamp(18px, 2.2vw, 30px)) !important;
    align-items: start !important;
}

body.single-product.bhraaj-single-product-v20 .related.products ul.products li.product,
body.single-product.bhraaj-single-product-v20 .upsells.products ul.products li.product {
    position: relative !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
    transform: none !important;
}

/* The Woo product anchor owns media + copy, but never moves as a whole. */
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product > a.woocommerce-LoopProduct-link,
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product:hover > a.woocommerce-LoopProduct-link {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
    transform: none !important;
}

/* Exact square media surface used by Shop/Homepage language. */
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
.bhraaj-shop-product-media {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 0 20px !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-related-media-border) !important;
    border-radius: var(--bh-related-media-radius) !important;
    background:
        radial-gradient(circle at 48% 37%, color-mix(in srgb, var(--bh-gold) 6%, transparent), transparent 38%),
        color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 4%) !important;
    box-shadow: 0 18px 48px rgba(55, 39, 29, .055) !important;
    transform: translate3d(0,0,0) !important;
    transform-origin: center center !important;
    transition:
        transform 430ms var(--bh-ui-ease-emph),
        border-color 300ms ease,
        box-shadow 380ms var(--bh-ui-ease) !important;
    will-change: transform !important;
}

/* Product image fills the media surface; no independent card movement. */
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
.bhraaj-shop-product-media img,
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product:hover .bhraaj-shop-product-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: scale(1.001) !important;
    transform-origin: center center !important;
    transition: transform 560ms var(--bh-ui-ease-emph) !important;
}

@media (hover:hover) and (pointer:fine) {
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product:hover .bhraaj-shop-product-media {
        transform: translateY(-4px) !important;
        border-color: var(--bh-related-media-hover) !important;
        box-shadow: 0 26px 62px rgba(55,39,29,.105) !important;
    }

    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product:hover .bhraaj-shop-product-media img {
        transform: scale(1.018) !important;
    }
}

/* Discount/status belongs to the moving media itself. */
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
.bhraaj-shop-product-media .onsale,
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
.bhraaj-shop-product-media .bhraaj-product-status {
    z-index: 4 !important;
}

/* Heart stays pinned to the card while media lifts underneath it. */
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product > .bhraaj-wishlist-toggle {
    top: 14px !important;
    right: 14px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    transform: none !important;
}

/* Shared Homepage copy hierarchy. */
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product .bhraaj-product-category {
    display: block !important;
    margin: 0 0 8px !important;
    color: var(--bh-red) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product .woocommerce-loop-product__title {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(29px, 2.6vw, 40px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -.025em !important;
}

body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product .bhraaj-compact-rating {
    margin-top: 9px !important;
    margin-bottom: 0 !important;
}

/* Rating -> price spacing mirrors the approved cards. */
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product .price {
    display: block !important;
    margin: 8px 0 18px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product .price del {
    margin-right: 7px !important;
    color: var(--bh-text-soft) !important;
    font-weight: 560 !important;
    opacity: .68 !important;
    text-decoration-thickness: 1px !important;
}

body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product .price ins {
    color: var(--bh-text) !important;
    font-weight: 780 !important;
    text-decoration: none !important;
}

/* Exact compact BHRAAJ CTA geometry. */
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product :is(.button, .add_to_cart_button, .bhraaj-commerce-action) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg,#171210,#0f0b0a) !important;
    background-image: linear-gradient(180deg,#171210,#0f0b0a) !important;
    color: #fffdf9 !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(31,23,19,.13) !important;
    transform: translateY(0) !important;
    transition:
        transform 240ms var(--bh-ui-ease-emph),
        box-shadow 240ms var(--bh-ui-ease),
        filter 220ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product :is(.button, .add_to_cart_button, .bhraaj-commerce-action):not(.disabled):not(.is-disabled):not(:disabled):hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.035) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 16px 34px rgba(31,23,19,.18) !important;
    }
}

/* --------------------------------------------------------------------------
   RELATED / UPSELL RESPONSIVE PARITY
   Desktop = 3-column homepage rhythm.
   Tablet = 2-column.
   Mobile = one clean card per row: no forced sideways WooCommerce carousel.
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    body.single-product.bhraaj-single-product-v20 .related.products ul.products,
    body.single-product.bhraaj-single-product-v20 .upsells.products ul.products {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}

@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20 .related.products,
    body.single-product.bhraaj-single-product-v20 .upsells.products {
        width: calc(100% - 36px) !important;
        margin-inline: auto !important;
        padding: 46px 0 72px !important;
    }

    body.single-product.bhraaj-single-product-v20 .related.products > h2,
    body.single-product.bhraaj-single-product-v20 .upsells.products > h2 {
        margin: 0 0 26px !important;
        font-size: clamp(38px, 11vw, 48px) !important;
    }

    body.single-product.bhraaj-single-product-v20 .related.products ul.products,
    body.single-product.bhraaj-single-product-v20 .upsells.products ul.products {
        display: grid !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        grid-template-columns: 1fr !important;
        gap: 34px !important;
        width: 100% !important;
        padding: 0 !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
    }

    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product > .bhraaj-wishlist-toggle {
        top: 10px !important;
        right: 10px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }

    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    .bhraaj-shop-product-media {
        margin-bottom: 18px !important;
    }
}

/* Dark-mode parity with Homepage/Shop card surfaces. */
html[data-theme="dark"] body.single-product.bhraaj-single-product-v20
:is(.related.products, .upsells.products) .bhraaj-shop-product-media {
    background:
        radial-gradient(circle at 48% 37%, color-mix(in srgb, var(--bh-gold) 8%, transparent), transparent 38%),
        color-mix(in srgb, var(--bh-surface) 96%, #000 4%) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.16) !important;
}

@media (hover:hover) and (pointer:fine) {
    html[data-theme="dark"] body.single-product.bhraaj-single-product-v20
    :is(.related.products, .upsells.products) ul.products li.product:hover .bhraaj-shop-product-media {
        box-shadow: 0 26px 62px rgba(0,0,0,.24) !important;
    }
}

/* Reduced motion: preserve hierarchy without motion. */
@media (prefers-reduced-motion: reduce) {
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    .bhraaj-shop-product-media,
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    .bhraaj-shop-product-media img,
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product :is(.button, .add_to_cart_button, .bhraaj-commerce-action) {
        transition: none !important;
        transform: none !important;
    }
}

/* ========================================================================== 
   BHRAAJ V82 — SINGLE PRODUCT SALE BADGE: FIRST IMAGE ANCHOR
   Replace: assets/css/main.css

   The single-product badge now lives inside the FIRST
   .woocommerce-product-gallery__image. Positioning therefore resolves against
   the actual visible square media card at every viewport, including the inset
   320px mobile layout. No rail calculations are required.
   ========================================================================== */
body.single-product.bhraaj-single-product-v20
.woocommerce-product-gallery__image:first-child {
    position: relative !important;
    isolation: isolate !important;
}

body.single-product.bhraaj-single-product-v20
.woocommerce-product-gallery__image:first-child > .onsale.bhraaj-sale-badge {
    position: absolute !important;
    top: 18px !important;
    left: 18px !important;
    right: auto !important;
    bottom: auto !important;
    inset-inline-start: 18px !important;
    inset-inline-end: auto !important;
    z-index: 14 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 78px !important;
    max-width: none !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transform: none !important;
    pointer-events: none !important;
}

/* Never display a stale/duplicate single-product badge outside first media. */
body.single-product.bhraaj-single-product-v20
.woocommerce-product-gallery > .onsale.bhraaj-sale-badge,
body.single-product.bhraaj-single-product-v20
div.product > .onsale.bhraaj-sale-badge {
    display: none !important;
}

@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20
    .woocommerce-product-gallery__image:first-child > .onsale.bhraaj-sale-badge {
        top: 12px !important;
        left: 12px !important;
        right: auto !important;
        inset-inline-start: 12px !important;
        inset-inline-end: auto !important;
        min-width: 68px !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 11px !important;
        font-size: 8px !important;
        letter-spacing: .08em !important;
    }
}

/* ========================================================================== 
   BHRAAJ V75 — SHOP / RELATED HEART + SALE BADGE PARITY
   Replace: assets/css/main.css

   Goal:
   - Homepage remains the interaction reference.
   - Shop and single-product Related/Upsell hearts now use the same premium
     lift / depth / micro-icon response.
   - Shop/loop sale badges retain their existing placement and geometry, but
     regain full visual density instead of appearing washed out.
   ========================================================================== */

/* --------------------------------------------------------------------------
   SHOP + RELATED WISHLIST HEART — interaction parity
   Earlier Shop/Related geometry locks used transform:none!important, which
   unintentionally defeated the shared hover transform. These more-specific
   rules restore only the intended hover motion without moving card content.
   -------------------------------------------------------------------------- */
body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle,
body.bhraaj-shop-v22.woocommerce ul.products li.product > .bhraaj-wishlist-toggle,
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product > .bhraaj-wishlist-toggle {
    transition:
        transform 210ms var(--bh-ui-ease-emph),
        border-color 210ms ease,
        background-color 210ms ease,
        color 210ms ease,
        box-shadow 210ms ease !important;
    transform: translate3d(0,0,0) !important;
    transform-origin: center center !important;
    will-change: transform !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle svg,
body.bhraaj-shop-v22.woocommerce ul.products li.product > .bhraaj-wishlist-toggle svg,
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product > .bhraaj-wishlist-toggle svg {
    transition: transform 210ms var(--bh-ui-ease-emph) !important;
    transform: scale(1) !important;
    transform-origin: center center !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle:hover,
    body.bhraaj-shop-v22.woocommerce ul.products li.product > .bhraaj-wishlist-toggle:hover,
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product > .bhraaj-wishlist-toggle:hover {
        transform: translate3d(0,-2px,0) !important;
        border-color: color-mix(in srgb, var(--bh-text) 22%, var(--bh-border)) !important;
        box-shadow:
            inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 88%, transparent),
            0 12px 28px rgba(42,31,25,.13) !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle:hover svg,
    body.bhraaj-shop-v22.woocommerce ul.products li.product > .bhraaj-wishlist-toggle:hover svg,
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product > .bhraaj-wishlist-toggle:hover svg {
        transform: scale(1.045) !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle.is-saved:hover,
    body.bhraaj-shop-v22.woocommerce ul.products li.product > .bhraaj-wishlist-toggle.is-saved:hover,
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product > .bhraaj-wishlist-toggle.is-saved:hover {
        border-color: color-mix(in srgb, var(--bh-red) 48%, var(--bh-border)) !important;
        background: color-mix(in srgb, var(--bh-surface) 88%, var(--bh-red) 12%) !important;
        box-shadow:
            inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 88%, transparent),
            0 12px 28px rgba(96,36,29,.14) !important;
    }
}

/* Touch devices keep the fixed geometry and avoid sticky hover transforms. */
@media (hover:none), (pointer:coarse) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle,
    body.bhraaj-shop-v22.woocommerce ul.products li.product > .bhraaj-wishlist-toggle,
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product > .bhraaj-wishlist-toggle {
        transform: none !important;
    }
}

/* --------------------------------------------------------------------------
   SHOP / PRODUCT-LOOP SALE BADGE — full-density premium red
   Keep the already-approved coordinates, radius and dimensions. Only correct
   the washed-out appearance. Explicit opacity/filter guards prevent stale
   WooCommerce/card rules from visually weakening the badge itself.
   -------------------------------------------------------------------------- */
body.bhraaj-shop-v22 .woocommerce ul.products li.product
.bhraaj-shop-product-media .onsale.bhraaj-sale-badge,
body.bhraaj-shop-v22.woocommerce ul.products li.product
.bhraaj-shop-product-media .onsale.bhraaj-sale-badge,
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
.bhraaj-shop-product-media .onsale.bhraaj-sale-badge {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    background: #8f342d !important;
    background-image: linear-gradient(180deg, #963a32 0%, #842d27 100%) !important;
    border-color: rgba(105,34,29,.34) !important;
    color: #fffaf5 !important;
    text-shadow: 0 1px 0 rgba(74,20,16,.10) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 8px 20px rgba(91,31,25,.16) !important;
}

/* Preserve the selected-heart circle as a clearly defined control on pale media. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle.is-saved,
body.bhraaj-shop-v22.woocommerce ul.products li.product > .bhraaj-wishlist-toggle.is-saved,
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product > .bhraaj-wishlist-toggle.is-saved {
    border-color: color-mix(in srgb, var(--bh-red) 40%, var(--bh-border)) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 74%, transparent),
        0 8px 22px rgba(73,37,31,.10) !important;
}

html[data-theme="dark"] body.bhraaj-shop-v22 .woocommerce ul.products li.product
.bhraaj-shop-product-media .onsale.bhraaj-sale-badge,
html[data-theme="dark"] body.single-product.bhraaj-single-product-v20
:is(.related.products, .upsells.products) .bhraaj-shop-product-media .onsale.bhraaj-sale-badge {
    background: #9a3c33 !important;
    background-image: linear-gradient(180deg, #a44237 0%, #8c312a 100%) !important;
    border-color: rgba(255,225,215,.14) !important;
    color: #fffaf6 !important;
}

/* Reduced motion preserves the visual state without animation. */
@media (prefers-reduced-motion: reduce) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle,
    body.bhraaj-shop-v22.woocommerce ul.products li.product > .bhraaj-wishlist-toggle,
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product > .bhraaj-wishlist-toggle,
    body.bhraaj-shop-v22 .woocommerce ul.products li.product > .bhraaj-wishlist-toggle svg,
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product > .bhraaj-wishlist-toggle svg {
        transition: none !important;
        transform: none !important;
    }
}

/* ==========================================================================
   BHRAAJ V76 — SHOP SALE BADGE DENSITY / LOADING ISOLATION
   Replace: assets/css/main.css

   Root cause:
   The Shop results-loading state faded the entire <ul class="products">.
   CSS opacity on a parent composites all descendants together, so even a
   child badge with opacity:1 still appears washed out. The badge itself was
   already full-opacity; its parent was not.

   V76 keeps the badge fully dense at all times while preserving a subtle
   product-refresh cue on the image/copy only.
   ========================================================================== */

/* Never composite/fade the complete product grid as one layer. */
body.bhraaj-shop-v22 .woocommerce ul.products,
body.bhraaj-shop-v22.bhraaj-shop-results-loading .woocommerce ul.products {
    opacity: 1 !important;
}

/* Keep the existing tiny refresh movement, but do not weaken badges/hearts. */
body.bhraaj-shop-v22.bhraaj-shop-results-loading .woocommerce ul.products {
    transform: translate3d(0, 3px, 0) !important;
    pointer-events: none !important;
}

/* Refresh feedback is limited to the product imagery and textual commerce
   information. Overlay controls remain at full visual density. */
body.bhraaj-shop-v22.bhraaj-shop-results-loading
.woocommerce ul.products li.product .bhraaj-shop-product-media img,
body.bhraaj-shop-v22.bhraaj-shop-results-loading
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link
> :not(.bhraaj-shop-product-media) {
    opacity: .42 !important;
    transition: opacity 180ms ease !important;
}

/* The actual media surface stays opaque because it owns the sale badge. */
body.bhraaj-shop-v22 .bhraaj-shop-product-media,
body.bhraaj-shop-v22.bhraaj-shop-results-loading .bhraaj-shop-product-media {
    opacity: 1 !important;
    isolation: isolate !important;
}

/* Absolute final Shop sale-badge lock.
   Coordinates/sizing are intentionally untouched. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product
.bhraaj-shop-product-media > .onsale.bhraaj-sale-badge,
body.bhraaj-shop-v22.woocommerce ul.products li.product
.bhraaj-shop-product-media > .onsale.bhraaj-sale-badge {
    z-index: 12 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    background: #8f342d !important;
    background-color: #8f342d !important;
    background-image: none !important;

    color: #fffaf5 !important;
    border-color: rgba(105,34,29,.38) !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.17),
        0 8px 20px rgba(91,31,25,.16) !important;
}

/* Preserve the same final density during AJAX filtering/sorting. */
body.bhraaj-shop-v22.bhraaj-shop-results-loading
.woocommerce ul.products li.product
.bhraaj-shop-product-media > .onsale.bhraaj-sale-badge {
    opacity: 1 !important;
    background: #8f342d !important;
    color: #fffaf5 !important;
}

/* Related/upsell cards use the same visual badge treatment. */
body.single-product.bhraaj-single-product-v20
:is(.related.products, .upsells.products)
.bhraaj-shop-product-media > .onsale.bhraaj-sale-badge {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #8f342d !important;
    color: #fffaf5 !important;
}

/* ==========================================================================
   BHRAAJ V77 — SHOP NO-IMAGE PLACEHOLDER / SALE BADGE STACK FIX
   Replace: assets/css/main.css

   Root cause fixed:
   The legacy "Photography coming soon" placeholder lived on the OUTER product
   link via ::before / ::after while the sale badge lived inside
   .bhraaj-shop-product-media. That created two different stacking contexts,
   allowing the pale placeholder layer to visually wash over the solid badge.

   V77 moves the complete no-image placeholder into the SAME media wrapper as
   the badge. Final stack:
      media background      base
      BHRAAJ placeholder    z1
      photography label     z2
      sale badge            z12
      wishlist control      card-level overlay
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) Disable the legacy outer-link placeholder layers.
   -------------------------------------------------------------------------- */
body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image
> a.woocommerce-LoopProduct-link::before,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image
> a.woocommerce-LoopProduct-link::before,
body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image
> a.woocommerce-LoopProduct-link::after,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image
> a.woocommerce-LoopProduct-link::after {
    content: none !important;
    display: none !important;
}

/* --------------------------------------------------------------------------
   2) Make the media wrapper the single authoritative placeholder stage.
   -------------------------------------------------------------------------- */
body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Hide WooCommerce's missing-image artwork but keep its geometry available. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media img,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media img {
    opacity: 0 !important;
}

/* BHRAAJ placeholder wordmark layer — intentionally soft, but it no longer
   affects the sale badge because both now have explicit local z-order. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media::before,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media::before {
    content: "BHRAAJ" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;

    display: grid !important;
    place-items: center !important;

    border: 0 !important;
    border-radius: inherit !important;
    background:
        radial-gradient(
            circle at 50% 38%,
            color-mix(in srgb, var(--bh-gold) 7%, transparent),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--bh-surface) 97%, var(--bh-gold) 3%),
            var(--bh-surface-soft)
        ) !important;

    color: var(--bh-metal) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(28px, 3vw, 44px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .20em !important;
    text-indent: .20em !important;
    opacity: .62 !important;

    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 48%, transparent)
        !important;

    pointer-events: none !important;
}

/* Supporting label stays inside the same media stage. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media::after,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media::after {
    content: "Photography coming soon" !important;
    position: absolute !important;
    left: 50% !important;
    top: calc(50% + 28px) !important;
    z-index: 2 !important;

    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;

    color: color-mix(in srgb, var(--bh-text) 45%, transparent) !important;
    font-family: var(--bh-sans) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    transform: translateX(-50%) !important;
    pointer-events: none !important;
    box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   3) Sale badge is now unquestionably above the placeholder.
   Keep existing approved dimensions and coordinates; only stacking/density is
   locked here.
   -------------------------------------------------------------------------- */
body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media > .onsale.bhraaj-sale-badge,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media > .onsale.bhraaj-sale-badge {
    z-index: 12 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    mix-blend-mode: normal !important;

    background: #8f342d !important;
    background-color: #8f342d !important;
    background-image: none !important;
    color: #fffaf5 !important;

    pointer-events: none !important;
}

/* --------------------------------------------------------------------------
   4) Hover: only the media stage moves. Placeholder and badge travel together,
   so there is no layer separation or fade.
   -------------------------------------------------------------------------- */
@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image:hover
    .bhraaj-shop-product-media::before,
    body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image:hover
    .bhraaj-shop-product-media::before {
        opacity: .62 !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image:hover
    .bhraaj-shop-product-media::after,
    body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image:hover
    .bhraaj-shop-product-media::after {
        opacity: 1 !important;
    }
}

/* Loading/filtering must never fade the local overlay stack. */
body.bhraaj-shop-v22.bhraaj-shop-results-loading
.woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media::before {
    opacity: .62 !important;
}

body.bhraaj-shop-v22.bhraaj-shop-results-loading
.woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media::after,
body.bhraaj-shop-v22.bhraaj-shop-results-loading
.woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media > .onsale.bhraaj-sale-badge {
    opacity: 1 !important;
}

/* ==========================================================================
   BHRAAJ V78 — SHOP PRODUCT MEDIA HOVER: EXACT HOMEPAGE PARITY
   Replace: assets/css/main.css

   Why this pass exists:
   V77 correctly moved the no-image placeholder from the OUTER product-link
   pseudo layer into .bhraaj-shop-product-media. The old no-image hover rule,
   however, was written for the now-disabled outer ::before placeholder.
   That left placeholder-based Shop cards without the same visible media lift
   that the Homepage uses.

   Homepage reference values copied here:
   media lift:       translateY(-4px)
   media duration:   430ms
   image zoom:       scale(1.018)
   image duration:   560ms
   border duration:  300ms
   shadow duration:  380ms
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) Shop media base state = Homepage product-media motion values.
   This final rule intentionally overrides older Shop motion experiments.
   -------------------------------------------------------------------------- */
body.bhraaj-shop-v22 .woocommerce ul.products li.product
.bhraaj-shop-product-media,
body.bhraaj-shop-v22.woocommerce ul.products li.product
.bhraaj-shop-product-media {
    transform: translate3d(0, 0, 0) !important;
    transform-origin: center center !important;

    transition:
        transform 430ms var(--bh-ui-ease-emph),
        border-color 300ms ease,
        box-shadow 380ms var(--bh-ui-ease) !important;

    will-change: transform !important;
}

/* Real product photographs retain the exact Homepage zoom timing. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product
.bhraaj-shop-product-media img,
body.bhraaj-shop-v22.woocommerce ul.products li.product
.bhraaj-shop-product-media img {
    transform: scale(1.001) !important;
    transform-origin: center center !important;
    transition:
        transform 560ms var(--bh-ui-ease-emph),
        filter 320ms ease !important;
    will-change: transform !important;
}

/* --------------------------------------------------------------------------
   2) Exact Homepage hover behaviour for every Shop product.
   Only the media rises. Product copy stays fixed.
   -------------------------------------------------------------------------- */
@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover
    .bhraaj-shop-product-media,
    body.bhraaj-shop-v22.woocommerce ul.products li.product:hover
    .bhraaj-shop-product-media {
        transform: translate3d(0, -4px, 0) !important;
        border-color: var(--bh-ui-border-strong) !important;
        box-shadow: 0 26px 62px rgba(55, 39, 29, .105) !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover
    .bhraaj-shop-product-media img:not(.woocommerce-placeholder),
    body.bhraaj-shop-v22.woocommerce ul.products li.product:hover
    .bhraaj-shop-product-media img:not(.woocommerce-placeholder) {
        transform: scale(1.018) !important;
    }
}

/* --------------------------------------------------------------------------
   3) Placeholder cards need an explicit motion lock because V77 replaced the
   old outer-link pseudo placeholder. The entire local placeholder stage now
   travels with the media, including the badge; nothing gets left behind.
   -------------------------------------------------------------------------- */
body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media,
body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image
.bhraaj-shop-product-media {
    transform: translate3d(0, 0, 0) !important;
    transition:
        transform 430ms var(--bh-ui-ease-emph),
        border-color 300ms ease,
        box-shadow 380ms var(--bh-ui-ease) !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-no-image:hover
    .bhraaj-shop-product-media,
    body.bhraaj-shop-v22.woocommerce ul.products li.product.bhraaj-product-no-image:hover
    .bhraaj-shop-product-media {
        transform: translate3d(0, -4px, 0) !important;
        border-color: var(--bh-ui-border-strong) !important;
        box-shadow: 0 26px 62px rgba(55, 39, 29, .105) !important;
    }
}

/* --------------------------------------------------------------------------
   4) Keep overlay controls visually stable relative to their intended owner.
   - Sale badge belongs to the moving media, so it rises WITH the image.
   - Wishlist belongs to the card, so it does not ride with the media.
   -------------------------------------------------------------------------- */
body.bhraaj-shop-v22 .woocommerce ul.products li.product
.bhraaj-shop-product-media > .onsale.bhraaj-sale-badge,
body.bhraaj-shop-v22.woocommerce ul.products li.product
.bhraaj-shop-product-media > .onsale.bhraaj-sale-badge {
    transform: none !important;
}

/* --------------------------------------------------------------------------
   5) Touch / reduced-motion guard.
   -------------------------------------------------------------------------- */
@media (hover:none), (pointer:coarse) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product
    .bhraaj-shop-product-media,
    body.bhraaj-shop-v22.woocommerce ul.products li.product
    .bhraaj-shop-product-media {
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product
    .bhraaj-shop-product-media,
    body.bhraaj-shop-v22.woocommerce ul.products li.product
    .bhraaj-shop-product-media,
    body.bhraaj-shop-v22 .woocommerce ul.products li.product
    .bhraaj-shop-product-media img,
    body.bhraaj-shop-v22.woocommerce ul.products li.product
    .bhraaj-shop-product-media img {
        transition: none !important;
        transform: none !important;
    }
}

/* ==========================================================================
   BHRAAJ V83 — SINGLE PRODUCT PREMIUM "ADDED TO BAG" TOAST
   Replace: assets/css/main.css

   Scope:
   - Single product success notice only.
   - Removes WooCommerce's full-width page-pushing success banner.
   - Preserves WooCommerce cart state / checkout logic.
   - Desktop: compact top-right floating card below site header.
   - Mobile: bottom floating confirmation above browser/system controls.
   ========================================================================== */

body.single-product.bhraaj-single-product-v20 {
    --bh-add-bag-toast-width: min(356px, calc(100vw - 40px));
}

/* The notice wrapper itself must never reserve vertical space for this toast. */
body.single-product.bhraaj-single-product-v20
.woocommerce-notices-wrapper:has(.bhraaj-add-bag-toast-copy) {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
}

/* Transform WooCommerce's success message into an overlay card. */
body.single-product.bhraaj-single-product-v20
.woocommerce-message:has(.bhraaj-add-bag-toast-copy) {
    position: fixed !important;
    top: calc(var(--bh-header-offset, 108px) + 18px) !important;
    right: clamp(20px, 3vw, 44px) !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 9997 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 14px !important;

    width: var(--bh-add-bag-toast-width) !important;
    max-width: none !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 14px 14px 14px 16px !important;

    color: var(--bh-text) !important;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--bh-surface) 96%, white 4%),
            color-mix(in srgb, var(--bh-surface-soft) 82%, white 18%)
        ) !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 78%, var(--bh-gold) 22%) !important;
    border-radius: 20px !important;
    box-shadow:
        0 22px 58px rgba(45, 31, 23, .14),
        inset 0 1px 0 rgba(255,255,255,.72) !important;

    font-family: var(--bh-sans) !important;
    line-height: 1.25 !important;

    transform: translate3d(0, 8px, 0) scale(.985) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition:
        opacity 240ms ease,
        transform 300ms var(--bh-ui-ease-emph),
        visibility 0s linear 300ms !important;

    -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
    backdrop-filter: blur(18px) saturate(1.04) !important;
}

/* Remove native WooCommerce check / top border / decorative artifacts. */
body.single-product.bhraaj-single-product-v20
.woocommerce-message:has(.bhraaj-add-bag-toast-copy)::before,
body.single-product.bhraaj-single-product-v20
.woocommerce-message:has(.bhraaj-add-bag-toast-copy)::after {
    content: none !important;
    display: none !important;
}

/* JS adds .is-visible after page paint, avoiding a hard pop-in. */
body.single-product.bhraaj-single-product-v20
.woocommerce-message.bhraaj-add-bag-toast.is-visible {
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition-delay: 0s !important;
}

body.single-product.bhraaj-single-product-v20
.woocommerce-message.bhraaj-add-bag-toast.is-leaving {
    transform: translate3d(0, 6px, 0) scale(.99) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.single-product.bhraaj-single-product-v20
.bhraaj-add-bag-toast-copy {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
}

body.single-product.bhraaj-single-product-v20
.bhraaj-add-bag-toast-mark {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-red) 10%, var(--bh-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--bh-red) 26%, transparent) !important;
    color: var(--bh-red-deep) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

body.single-product.bhraaj-single-product-v20
.bhraaj-add-bag-toast-text {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}

body.single-product.bhraaj-single-product-v20
.bhraaj-add-bag-toast-title {
    color: var(--bh-text) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    letter-spacing: -.01em !important;
}

body.single-product.bhraaj-single-product-v20
.bhraaj-add-bag-toast-product {
    overflow: hidden !important;
    color: var(--bh-text-soft) !important;
    font-size: 11px !important;
    font-weight: 550 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* "View bag" is deliberately a compact action, not another large CTA. */
body.single-product.bhraaj-single-product-v20
.woocommerce-message .bhraaj-add-bag-toast-action {
    display: inline-grid !important;
    place-items: center !important;
    width: auto !important;
    min-width: 82px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 14px !important;

    border: 1px solid var(--bh-text) !important;
    border-radius: 999px !important;
    background: var(--bh-text) !important;
    color: var(--bh-surface) !important;

    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    text-decoration: none !important;

    box-shadow: none !important;
    transform: translate3d(0, 0, 0) !important;
    transition:
        transform 220ms var(--bh-ui-ease-emph),
        box-shadow 220ms ease,
        background-color 220ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    body.single-product.bhraaj-single-product-v20
    .woocommerce-message .bhraaj-add-bag-toast-action:hover {
        transform: translate3d(0, -2px, 0) !important;
        box-shadow: 0 9px 20px rgba(36, 27, 22, .14) !important;
    }
}

/* JS-generated close control. */
body.single-product.bhraaj-single-product-v20
.bhraaj-add-bag-toast-close {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--bh-text-soft) !important;
    cursor: pointer !important;
    font-family: var(--bh-sans) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    transition:
        background-color 180ms ease,
        color 180ms ease,
        transform 180ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    body.single-product.bhraaj-single-product-v20
    .bhraaj-add-bag-toast-close:hover {
        background: color-mix(in srgb, var(--bh-text) 6%, transparent) !important;
        color: var(--bh-text) !important;
        transform: rotate(4deg) !important;
    }
}

/* Mobile: bottom floating confirmation. Never pushes product content. */
@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20 {
        --bh-add-bag-toast-width: calc(100vw - 28px);
    }

    body.single-product.bhraaj-single-product-v20
    .woocommerce-message:has(.bhraaj-add-bag-toast-copy) {
        top: auto !important;
        right: 14px !important;
        bottom: max(16px, env(safe-area-inset-bottom)) !important;
        left: 14px !important;

        grid-template-columns: minmax(0, 1fr) auto auto !important;
        gap: 9px !important;

        width: auto !important;
        min-height: 68px !important;
        padding: 11px 10px 11px 12px !important;
        border-radius: 18px !important;

        transform: translate3d(0, 12px, 0) scale(.99) !important;
        box-shadow:
            0 18px 46px rgba(45, 31, 23, .17),
            inset 0 1px 0 rgba(255,255,255,.72) !important;
    }

    body.single-product.bhraaj-single-product-v20
    .woocommerce-message.bhraaj-add-bag-toast.is-visible {
        transform: translate3d(0, 0, 0) scale(1) !important;
    }

    body.single-product.bhraaj-single-product-v20
    .bhraaj-add-bag-toast-copy {
        grid-template-columns: 24px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    body.single-product.bhraaj-single-product-v20
    .bhraaj-add-bag-toast-mark {
        width: 24px !important;
        height: 24px !important;
        font-size: 10px !important;
    }

    body.single-product.bhraaj-single-product-v20
    .bhraaj-add-bag-toast-title {
        font-size: 11px !important;
    }

    body.single-product.bhraaj-single-product-v20
    .bhraaj-add-bag-toast-product {
        max-width: 32vw !important;
        font-size: 9px !important;
    }

    body.single-product.bhraaj-single-product-v20
    .woocommerce-message .bhraaj-add-bag-toast-action {
        min-width: 70px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 11px !important;
        font-size: 9px !important;
    }

    body.single-product.bhraaj-single-product-v20
    .bhraaj-add-bag-toast-close {
        width: 28px !important;
        height: 28px !important;
        font-size: 17px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.single-product.bhraaj-single-product-v20
    .woocommerce-message:has(.bhraaj-add-bag-toast-copy),
    body.single-product.bhraaj-single-product-v20
    .woocommerce-message .bhraaj-add-bag-toast-action,
    body.single-product.bhraaj-single-product-v20
    .bhraaj-add-bag-toast-close {
        transition: none !important;
    }
}

/* ==========================================================================
   BHRAAJ V84 — ADD-TO-BAG TOAST TRIGGER FIX COMPATIBILITY LOCK
   No visual values changed in this pass.
   The V83 toast design remains authoritative; V84 fixes the PHP trigger and
   makes JS discovery more defensive so this styling can actually activate.
   ========================================================================== */

/* ==========================================================================
   BHRAAJ V85 — ADD-TO-BAG TOAST DESKTOP VERTICAL SPACING
   Replace: assets/css/main.css

   Scope:
   - Desktop/tablet only (761px+).
   - Moves the floating confirmation slightly lower so it clears the header
     controls and reads as a distinct premium feedback layer.
   - Mobile toast behavior/placement remains exactly as V84.
   ========================================================================== */

@media (min-width: 761px) {
    body.single-product.bhraaj-single-product-v20
    .woocommerce-message:has(.bhraaj-add-bag-toast-copy) {
        top: calc(var(--bh-header-offset, 108px) + 34px) !important;
    }
}

/* ==========================================================================
   BHRAAJ V86 — ADD-TO-BAG TOAST TRUE HEADER GAP + MOBILE SCROLL STABILITY
   Replace: assets/css/main.css

   Scope:
   - Desktop/tablet toast gets a real measured gap below the rendered header.
   - Mobile toast remains bottom-fixed.
   - No visual redesign of the toast.
   ========================================================================== */

@media (min-width: 761px) {
    body.single-product.bhraaj-single-product-v20
    .woocommerce-message:has(.bhraaj-add-bag-toast-copy) {
        /*
         * JS measures #bhraaj-header's actual rendered bottom edge and writes
         * --bh-add-bag-toast-top. This avoids guessing with header-height vars.
         */
        top: var(
            --bh-add-bag-toast-top,
            calc(var(--bh-header-offset, 108px) + 50px)
        ) !important;
    }
}

/* Mobile remains intentionally anchored to the viewport bottom. */
@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20
    .woocommerce-message:has(.bhraaj-add-bag-toast-copy) {
        top: auto !important;
        bottom: max(16px, env(safe-area-inset-bottom)) !important;
    }
}

/* ==========================================================================
   BHRAAJ V87 — SINGLE PRODUCT AJAX ADD-TO-BAG STATES
   Replace: assets/css/main.css

   Scope:
   - No toast redesign.
   - No product layout changes.
   - Adds only loading/success states for the existing Add to bag button.
   ========================================================================== */

body.single-product.bhraaj-single-product-v20
form.cart .single_add_to_cart_button.bhraaj-is-loading {
    pointer-events: none !important;
    opacity: .72 !important;
}

body.single-product.bhraaj-single-product-v20
form.cart .single_add_to_cart_button.bhraaj-is-added {
    pointer-events: none !important;
    opacity: 1 !important;
    border-color: var(--bh-text) !important;
    background: var(--bh-text) !important;
    background-image: none !important;
    color: var(--bh-bg) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

/* Keep text width stable while labels switch. */
body.single-product.bhraaj-single-product-v20
form.cart .single_add_to_cart_button {
    min-width: 220px;
}

@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20
    form.cart .single_add_to_cart_button {
        min-width: 0;
    }
}

/* ==========================================================================
   BHRAAJ V88 — NATIVE WC AJAX SUPPORT
   No toast/layout redesign in this pass.
   ========================================================================== */

body.single-product.bhraaj-single-product-v20
.bhraaj-add-bag-inline-error {
    margin: 10px 0 0 !important;
    color: var(--bh-red-deep) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   BHRAAJ V90 — SHOP ADD TO BAG = HOMEPAGE MASTER
   Scope: Shop/category/tag product-loop purchase CTA only.
   No card, image, copy, sort, wishlist or page-layout changes.
   ========================================================================== */

body.bhraaj-shop-v22 .woocommerce ul.products li.product
a.bhraaj-commerce-action.add_to_cart_button,
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product
a.bhraaj-commerce-action.add_to_cart_button {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    inline-size: 112px !important;
    width: 112px !important;
    min-inline-size: 112px !important;
    min-width: 112px !important;
    max-inline-size: 112px !important;
    max-width: 112px !important;

    block-size: 44px !important;
    height: 44px !important;
    min-block-size: 44px !important;
    min-height: 44px !important;
    max-block-size: 44px !important;
    max-height: 44px !important;

    margin: 0 0 6px !important;
    padding: 0 12px !important;
    flex: 0 0 112px !important;
    align-self: flex-start !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #171210, #0f0b0a) !important;
    color: #f8f2e9 !important;

    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 10px 24px rgba(31,23,19,.14) !important;

    transition:
        transform 220ms var(--bh-ui-ease-emph),
        box-shadow 220ms var(--bh-ui-ease),
        filter 220ms ease !important;
}

/* "Added" and "View bag" are the same physical pill — no width shift. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product
a.bhraaj-commerce-action.is-added,
body.bhraaj-shop-v22 .woocommerce ul.products li.product
a.bhraaj-commerce-action.is-view-bag,
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product
a.bhraaj-commerce-action.is-added,
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product
a.bhraaj-commerce-action.is-view-bag {
    inline-size: 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    block-size: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex-basis: 112px !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product
a.bhraaj-commerce-action.is-added,
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product
a.bhraaj-commerce-action.is-added {
    pointer-events: none !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product
    a.bhraaj-commerce-action:not(.is-disabled):not(.is-added):hover,
    body.bhraaj-shop-v22 .woocommerce-page ul.products li.product
    a.bhraaj-commerce-action:not(.is-disabled):not(.is-added):hover {
        transform: translateY(-2px) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.13),
            0 16px 34px rgba(31,23,19,.18) !important;
        filter: brightness(1.03) !important;
    }
}

/* WooCommerce's injected secondary link must never appear beside the CTA. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product a.added_to_cart,
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product a.added_to_cart {
    display: none !important;
}

/* ========================================================================== 
   BHRAAJ V91 — CONSOLIDATED PREMIUM BAG EXPERIENCE
   Replace: assets/css/main.css

   Architecture:
   - WooCommerce Cart Block remains the functional owner.
   - bhraaj-cart-v91 is the only live BHRAAJ Bag scope.
   - Older V21/V211 cart selectors remain dormant for rollback safety.
   - Desktop is editorial + summary panel; mobile is a deliberate stacked card
     composition, including compact 320px layouts.
   ========================================================================== */

body.bhraaj-cart-v91 {
    --bh-bag-max: 1220px;
    --bh-bag-gutter: clamp(18px, 3.5vw, 48px);
    --bh-bag-panel: color-mix(in srgb, var(--bh-surface) 90%, transparent);
    --bh-bag-panel-strong: color-mix(in srgb, var(--bh-surface) 97%, transparent);
    --bh-bag-line: var(--bh-ui-border, var(--bh-border));
    --bh-bag-accent: var(--bh-brand-accent, var(--bh-gold));
}

body.bhraaj-cart-v91 #primary,
body.bhraaj-cart-v91 main.site-main,
body.bhraaj-cart-v91 .entry-content,
body.bhraaj-cart-v91 .wp-block-post-content {
    min-width: 0;
}

body.bhraaj-cart-v91 .wc-block-cart {
    width: min(calc(100% - (var(--bh-bag-gutter) * 2)), var(--bh-bag-max));
    max-width: var(--bh-bag-max);
    margin: 0 auto !important;
    padding: clamp(34px, 4.4vw, 64px) 0 clamp(74px, 8vw, 116px) !important;
    color: var(--bh-text);
}

/* ---------- Masthead ---------- */
body.bhraaj-cart-v91 .bhraaj-cart-masthead {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: clamp(20px, 3vw, 42px);
    margin: 0 0 clamp(30px, 3.4vw, 44px);
    padding: 0 0 clamp(22px, 2.5vw, 30px);
    border-bottom: 1px solid var(--bh-bag-line);
}

body.bhraaj-cart-v91 .bhraaj-cart-masthead-copy {
    max-width: 680px;
    min-width: 0;
}

body.bhraaj-cart-v91 .bhraaj-cart-kicker {
    margin: 0 0 11px;
    color: var(--bh-bag-accent);
    font-family: var(--bh-sans);
    font-size: 10px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: .17em;
    text-transform: uppercase;
}

body.bhraaj-cart-v91 .bhraaj-cart-masthead h1 {
    margin: 0;
    color: var(--bh-text);
    font-family: var(--bh-serif);
    font-size: clamp(48px, 5.2vw, 74px);
    font-weight: 500;
    line-height: .95;
    letter-spacing: -.038em;
    text-wrap: balance;
}

body.bhraaj-cart-v91 .bhraaj-cart-intro {
    max-width: 530px;
    margin: 17px 0 0;
    color: var(--bh-text-soft);
    font-family: var(--bh-sans);
    font-size: 13px;
    line-height: 1.72;
}

body.bhraaj-cart-v91 .bhraaj-cart-count-note {
    align-self: start;
    justify-self: end;
    margin: 5px 0 0;
    padding: 8px 11px;
    border: 1px solid var(--bh-bag-line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bh-surface) 68%, transparent);
    color: var(--bh-text-soft);
    font-family: var(--bh-sans);
    font-size: 9px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .085em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* ---------- Core two-column composition ---------- */
body.bhraaj-cart-v91 .wc-block-cart__main,
body.bhraaj-cart-v91 .wc-block-cart__sidebar {
    min-width: 0 !important;
    max-width: none !important;
    border: 0 !important;
}

body.bhraaj-cart-v91 .wc-block-cart__main {
    padding-right: clamp(22px, 3.5vw, 52px) !important;
}

body.bhraaj-cart-v91 .wc-block-cart__sidebar {
    position: sticky;
    top: calc(var(--bh-header-height, 78px) + 24px);
    align-self: start;
    padding: clamp(24px, 2.4vw, 32px) !important;
    border: 1px solid var(--bh-bag-line) !important;
    border-radius: var(--bh-radius-lg, 26px) !important;
    background: var(--bh-bag-panel) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, white 42%, transparent),
        0 22px 62px color-mix(in srgb, var(--bh-text) 6%, transparent) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

body.admin-bar.bhraaj-cart-v91 .wc-block-cart__sidebar {
    top: calc(var(--bh-header-height, 78px) + 56px);
}

html[data-theme="dark"] body.bhraaj-cart-v91 .wc-block-cart__sidebar {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 24px 66px rgba(0,0,0,.28) !important;
}

/* ---------- Product rows ---------- */
body.bhraaj-cart-v91 table.wc-block-cart-items {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
}

body.bhraaj-cart-v91 table.wc-block-cart-items thead {
    display: none !important;
}

body.bhraaj-cart-v91 table.wc-block-cart-items tbody {
    display: grid;
    gap: 0;
}

body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
    display: grid !important;
    grid-template-columns: minmax(126px, 148px) minmax(0, 1fr) minmax(86px, auto) !important;
    gap: clamp(20px, 2.25vw, 30px) !important;
    align-items: start !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 24px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--bh-bag-line) !important;
    background: transparent !important;
}

body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row:first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
}

body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row > td,
body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row > th,
body.bhraaj-cart-v91 .wc-block-cart-item__image,
body.bhraaj-cart-v91 .wc-block-cart-item__product,
body.bhraaj-cart-v91 .wc-block-cart-item__total {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.bhraaj-cart-v91 .wc-block-cart-item__image {
    align-self: start !important;
}

body.bhraaj-cart-v91 .wc-block-cart-item__image > a {
    position: relative;
    display: block !important;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--bh-bag-line);
    border-radius: var(--bh-radius-md, 18px);
    background: var(--bh-surface-soft);
    box-shadow: 0 14px 36px color-mix(in srgb, var(--bh-text) 4%, transparent);
}

body.bhraaj-cart-v91 .wc-block-cart-item__image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 0 !important;
    border-radius: inherit !important;
    background: var(--bh-surface-soft);
    transition: transform 520ms var(--bh-ui-ease-emph, var(--bh-ease)), opacity 220ms ease;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-cart-v91 .wc-block-cart-item__image > a:hover img:not(.woocommerce-placeholder) {
        transform: scale(1.018);
    }
}

/* Branded placeholder without replacing WooCommerce's underlying image node. */
body.bhraaj-cart-v91 .wc-block-cart-item__image.is-bhraaj-cart-placeholder > a,
body.bhraaj-cart-v91 .wc-block-cart-item__image:has(img.woocommerce-placeholder) > a,
body.bhraaj-cart-v91 .wc-block-cart-item__image:has(img[src*="placeholder"]) > a {
    display: grid !important;
    place-items: center;
    aspect-ratio: 1 / 1;
    background:
        radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--bh-bag-accent) 8%, transparent), transparent 40%),
        linear-gradient(145deg, color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 4%), var(--bh-surface-soft));
}

body.bhraaj-cart-v91 .wc-block-cart-item__image.is-bhraaj-cart-placeholder img,
body.bhraaj-cart-v91 .wc-block-cart-item__image img.woocommerce-placeholder,
body.bhraaj-cart-v91 .wc-block-cart-item__image img[src*="placeholder"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.bhraaj-cart-v91 .wc-block-cart-item__image.is-bhraaj-cart-placeholder > a::before,
body.bhraaj-cart-v91 .wc-block-cart-item__image:has(img.woocommerce-placeholder) > a::before,
body.bhraaj-cart-v91 .wc-block-cart-item__image:has(img[src*="placeholder"]) > a::before {
    content: "B";
    color: var(--bh-bag-accent);
    font-family: var(--bh-serif);
    font-size: clamp(42px, 4vw, 60px);
    font-weight: 500;
    line-height: 1;
    opacity: .56;
}

body.bhraaj-cart-v91 .wc-block-cart-item__image.is-bhraaj-cart-placeholder > a::after,
body.bhraaj-cart-v91 .wc-block-cart-item__image:has(img.woocommerce-placeholder) > a::after,
body.bhraaj-cart-v91 .wc-block-cart-item__image:has(img[src*="placeholder"]) > a::after {
    content: "BHRAAJ";
    position: absolute;
    left: 50%;
    top: calc(50% + 32px);
    transform: translateX(-50%);
    color: color-mix(in srgb, var(--bh-text) 42%, transparent);
    font-family: var(--bh-sans);
    font-size: 7px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .18em;
}

/* ---------- Product information ---------- */
body.bhraaj-cart-v91 .wc-block-cart-item__product {
    align-self: start !important;
    padding-top: 2px !important;
}

body.bhraaj-cart-v91 .wc-block-components-product-name {
    display: inline-block;
    max-width: 100%;
    margin: 0 0 7px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(25px, 2vw, 32px) !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;
    letter-spacing: -.026em !important;
    overflow-wrap: anywhere;
    transition: color 200ms ease;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-cart-v91 .wc-block-components-product-name:hover {
        color: var(--bh-bag-accent) !important;
    }
}

body.bhraaj-cart-v91 .wc-block-components-product-metadata,
body.bhraaj-cart-v91 .wc-block-components-product-details {
    max-width: 430px;
    margin: 0 0 10px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.75px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere;
}

/* Bag is a review surface, not a second product-detail page. Keep real
   variation metadata, but remove the marketing/short-description excerpt. */
body.bhraaj-cart-v91 .wc-block-components-product-metadata__description {
    display: none !important;
}

body.bhraaj-cart-v91 .wc-block-cart-item__prices,
body.bhraaj-cart-v91 .wc-block-components-product-price {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

body.bhraaj-cart-v91 .wc-block-components-product-price del,
body.bhraaj-cart-v91 .wc-block-components-product-price .wc-block-components-product-price__regular {
    color: var(--bh-text-soft) !important;
    opacity: .78;
}

body.bhraaj-cart-v91 .wc-block-components-product-price ins,
body.bhraaj-cart-v91 .wc-block-components-product-price .wc-block-components-product-price__value.is-discounted {
    color: var(--bh-red-deep) !important;
    text-decoration: none !important;
}

/* ---------- Quantity + remove ---------- */
body.bhraaj-cart-v91 .wc-block-components-quantity-selector {
    display: inline-grid !important;
    grid-template-columns: 40px 52px 40px !important;
    align-items: center !important;
    vertical-align: middle !important;
    width: 132px !important;
    min-width: 132px !important;
    height: 50px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-product-rule-strong, var(--bh-bag-line)) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-surface) 82%, transparent) !important;
    box-shadow: none !important;
    transition: border-color 220ms var(--bh-ease), background 220ms var(--bh-ease) !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector:focus-within {
    border-color: color-mix(in srgb, var(--bh-gold) 48%, var(--bh-text) 16%) !important;
    background: var(--bh-surface) !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector::after {
    display: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector input,
body.bhraaj-cart-v91 .wc-block-components-quantity-selector button {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector input {
    text-align: center !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector button {
    cursor: pointer;
    font-size: 17px !important;
    transition: background 180ms ease, color 180ms ease;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-cart-v91 .wc-block-components-quantity-selector button:hover {
        background: color-mix(in srgb, var(--bh-bag-accent) 9%, transparent) !important;
        color: var(--bh-bag-accent) !important;
    }
}

/* BHRAAJ V101 — Bag remove control balance
   44px touch target + 21px premium line icon, optically paired with the 50px quantity pill. */
body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized {
    display: inline-grid !important;
    place-items: center !important;
    vertical-align: middle !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 12px 0 0 12px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 1px solid transparent !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--bh-text-soft) !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: color 180ms ease, border-color 180ms ease, background 180ms ease, transform 180ms var(--bh-ease) !important;
}

body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized > *,
body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized svg,
body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized img {
    display: none !important;
}

body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized::after {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.65' d='M5 7.2h14M9.2 4.8h5.6M7.3 7.2l.65 11h8.1l.65-11M10 10.35v5.25M14 10.35v5.25'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.65' d='M5 7.2h14M9.2 4.8h5.6M7.3 7.2l.65 11h8.1l.65-11M10 10.35v5.25M14 10.35v5.25'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized:hover {
        border-color: color-mix(in srgb, var(--bh-red) 18%, var(--bh-bag-line)) !important;
        background: color-mix(in srgb, var(--bh-red) 6%, transparent) !important;
        color: var(--bh-red-deep) !important;
        transform: translateY(-1px);
    }
}

body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized:active {
    transform: translateY(0);
}

/* ---------- Item subtotal ---------- */
body.bhraaj-cart-v91 .wc-block-cart-item__total {
    align-self: start !important;
    padding-top: 4px !important;
    text-align: right !important;
}

body.bhraaj-cart-v91 .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    justify-content: flex-end !important;
}

body.bhraaj-cart-v91 .wc-block-cart-item__total .wc-block-components-product-price {
    font-size: 13px !important;
    white-space: nowrap;
}

/* ---------- Order summary ---------- */
body.bhraaj-cart-v91 .wc-block-cart__totals-title {
    margin: 0 0 18px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid var(--bh-bag-line) !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(29px, 2.3vw, 35px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
    text-transform: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-wrapper {
    margin: 0 !important;
    padding: 15px 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-wrapper:first-of-type {
    border-top: 0 !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-item__label,
body.bhraaj-cart-v91 .wc-block-components-totals-item__value,
body.bhraaj-cart-v91 .wc-block-components-totals-shipping,
body.bhraaj-cart-v91 .wc-block-components-shipping-rates-control {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    line-height: 1.5 !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.bhraaj-cart-v91 .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-family: var(--bh-serif) !important;
    font-size: clamp(23px, 2vw, 29px) !important;
    font-weight: 500 !important;
    line-height: 1.08 !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__content {
    margin: 0 !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__button,
body.bhraaj-cart-v91 .wc-block-components-panel__button {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__content {
    padding-top: 12px !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: stretch !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form input {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    border: 1px solid var(--bh-bag-line) !important;
    border-radius: 12px !important;
    background: var(--bh-surface) !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form button {
    min-width: 88px !important;
    min-height: 46px !important;
    padding-inline: 14px !important;
    border: 1px solid var(--bh-text) !important;
    border-radius: 12px !important;
    background: var(--bh-text) !important;
    color: var(--bh-bg) !important;
    box-shadow: none !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
}

body.bhraaj-cart-v91 .wc-block-components-radio-control__option,
body.bhraaj-cart-v91 .wc-block-components-address-card,
body.bhraaj-cart-v91 .wc-block-components-shipping-address {
    border-color: var(--bh-bag-line) !important;
    background: transparent !important;
}

/* ---------- Primary checkout action ---------- */
body.bhraaj-cart-v91 .wc-block-cart__submit-container {
    margin-top: 20px !important;
}

body.bhraaj-cart-v91 .wc-block-cart__submit-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 0 22px !important;
    border: 1px solid var(--bh-text) !important;
    border-radius: 999px !important;
    background: var(--bh-text) !important;
    color: var(--bh-bg) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, white 12%, transparent),
        0 14px 32px color-mix(in srgb, var(--bh-text) 11%, transparent) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    transition:
        transform 220ms var(--bh-ui-ease-emph, var(--bh-ease)),
        box-shadow 220ms var(--bh-ui-ease, var(--bh-ease)),
        filter 220ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-cart-v91 .wc-block-cart__submit-button:hover {
        transform: translateY(-2px) !important;
        box-shadow:
            inset 0 1px 0 color-mix(in srgb, white 14%, transparent),
            0 18px 40px color-mix(in srgb, var(--bh-text) 15%, transparent) !important;
        filter: brightness(1.03);
    }
}

body.bhraaj-cart-v91 .wc-block-cart__submit-button:active {
    transform: translateY(0) !important;
}

body.bhraaj-cart-v91 .bhraaj-cart-assurance {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--bh-bag-line);
}

body.bhraaj-cart-v91 .bhraaj-cart-assurance-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
    color: var(--bh-text-soft);
    font-family: var(--bh-sans);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.42;
}

body.bhraaj-cart-v91 .bhraaj-cart-assurance-mark {
    width: 4px;
    height: 4px;
    margin-top: 5px;
    flex: 0 0 4px;
    border-radius: 50%;
    background: var(--bh-bag-accent);
}

/* ---------- Notices and validation ---------- */
body.bhraaj-cart-v91 .wc-block-components-notice-banner,
body.bhraaj-cart-v91 .woocommerce-error,
body.bhraaj-cart-v91 .woocommerce-message,
body.bhraaj-cart-v91 .woocommerce-info {
    border: 1px solid var(--bh-bag-line) !important;
    border-radius: var(--bh-radius-md, 18px) !important;
    background: var(--bh-bag-panel-strong) !important;
    color: var(--bh-text) !important;
    box-shadow: 0 12px 34px color-mix(in srgb, var(--bh-text) 4%, transparent) !important;
}

/* ---------- Cross-sells / recommendations ---------- */
body.bhraaj-cart-v91 .wp-block-woocommerce-cart-cross-sells-block {
    margin-top: clamp(58px, 7vw, 96px) !important;
    padding-top: clamp(34px, 4vw, 52px) !important;
    border-top: 1px solid var(--bh-bag-line);
}

body.bhraaj-cart-v91 .wp-block-woocommerce-cart-cross-sells-block > h2,
body.bhraaj-cart-v91 .wc-block-cart__cross-sells-title {
    margin: 0 0 28px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(36px, 4vw, 54px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.034em !important;
}

/* ---------- Empty bag ---------- */
body.bhraaj-cart-v91 .wp-block-woocommerce-empty-cart-block {
    width: min(calc(100% - (var(--bh-bag-gutter) * 2)), 940px);
    margin: 0 auto !important;
    padding: clamp(72px, 9vw, 132px) 0 clamp(92px, 11vw, 150px) !important;
    text-align: center;
}

body.bhraaj-cart-v91 .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title,
body.bhraaj-cart-v91 .wp-block-woocommerce-empty-cart-block > h2:first-child {
    max-width: 760px;
    margin: 0 auto 16px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(48px, 6vw, 78px) !important;
    font-weight: 500 !important;
    line-height: .96 !important;
    letter-spacing: -.04em !important;
}

body.bhraaj-cart-v91 .wp-block-woocommerce-empty-cart-block p {
    max-width: 520px;
    margin-inline: auto;
    color: var(--bh-text-soft);
    font-size: 13px;
    line-height: 1.72;
}

body.bhraaj-cart-v91 .bhraaj-empty-cart-continue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    margin-top: 24px;
    padding: 0 26px;
    border: 1px solid var(--bh-text);
    border-radius: 999px;
    background: var(--bh-text);
    color: var(--bh-bg);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--bh-text) 10%, transparent);
    font-family: var(--bh-sans);
    font-size: 10.5px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .065em;
    text-transform: uppercase;
    transition: transform 220ms var(--bh-ui-ease-emph, var(--bh-ease)), box-shadow 220ms ease;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-cart-v91 .bhraaj-empty-cart-continue:hover {
        transform: translateY(-2px);
        box-shadow: 0 16px 38px color-mix(in srgb, var(--bh-text) 14%, transparent);
    }
}

/* Keep WooCommerce's own empty-state buttons coherent if present. */
body.bhraaj-cart-v91 .wp-block-woocommerce-empty-cart-block .wp-block-button__link,
body.bhraaj-cart-v91 .wp-block-woocommerce-empty-cart-block a.wc-block-components-button {
    border-radius: 999px !important;
}

/* ---------- Tablet / narrow laptop ---------- */
@media (max-width: 980px) {
    body.bhraaj-cart-v91 .wc-block-cart {
        width: min(calc(100% - 36px), var(--bh-bag-max));
    }

    body.bhraaj-cart-v91 .wc-block-cart__main {
        padding-right: 24px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart__sidebar {
        padding: 22px !important;
    }

    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
        grid-template-columns: 116px minmax(0, 1fr) minmax(76px, auto) !important;
        gap: 18px !important;
    }
}

/* ---------- Mobile: deliberate stacked/card composition ---------- */
@media (max-width: 700px) {
    body.bhraaj-cart-v91 {
        --bh-bag-gutter: 18px;
    }

    body.bhraaj-cart-v91 .wc-block-cart {
        width: min(calc(100% - (var(--bh-bag-gutter) * 2)), var(--bh-bag-max)) !important;
        padding: 28px 0 72px !important;
    }

    body.bhraaj-cart-v91 .bhraaj-cart-masthead {
        grid-template-columns: 1fr;
        gap: 13px;
        margin-bottom: 24px;
        padding-bottom: 21px;
    }

    body.bhraaj-cart-v91 .bhraaj-cart-masthead h1 {
        font-size: clamp(45px, 14vw, 62px);
        line-height: .98;
    }

    body.bhraaj-cart-v91 .bhraaj-cart-intro {
        max-width: 440px;
        margin-top: 13px;
        font-size: 12.5px;
        line-height: 1.65;
    }

    body.bhraaj-cart-v91 .bhraaj-cart-count-note {
        justify-self: start;
        margin-top: 0;
    }

    body.bhraaj-cart-v91 .wc-block-cart__main,
    body.bhraaj-cart-v91 .wc-block-cart__sidebar {
        width: 100% !important;
        max-width: none !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart__main {
        padding-right: 0 !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart__sidebar {
        position: static !important;
        top: auto !important;
        margin-top: 30px !important;
        padding: 20px !important;
        border-radius: 22px !important;
    }

    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        gap: 0 15px !important;
        padding: 18px 0 20px !important;
        border-top: 1px solid var(--bh-bag-line) !important;
    }

    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row:first-child {
        padding-top: 0 !important;
        border-top: 0 !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__image {
        grid-column: 1;
        grid-row: 1;
        align-self: start !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product {
        grid-column: 2;
        grid-row: 1;
        align-self: start !important;
        padding-top: 0 !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: stretch;
        align-self: end !important;
        margin-top: 14px !important;
        padding-top: 13px !important;
        border-top: 1px solid color-mix(in srgb, var(--bh-bag-line) 72%, transparent) !important;
        text-align: left !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        justify-content: flex-start !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-product-name {
        margin-bottom: 5px !important;
        font-size: clamp(22px, 7vw, 27px) !important;
        line-height: 1.04 !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-product-metadata,
    body.bhraaj-cart-v91 .wc-block-components-product-details {
        margin-bottom: 8px !important;
        font-size: 10px !important;
        line-height: 1.48 !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector {
        grid-template-columns: 38px 48px 38px !important;
        width: 124px !important;
        min-width: 124px !important;
        height: 50px !important;
        margin-top: 10px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector input,
    body.bhraaj-cart-v91 .wc-block-components-quantity-selector button {
        height: 48px !important;
        min-height: 48px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 10px 0 0 10px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart__totals-title {
        font-size: 29px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart__submit-button {
        min-height: 54px !important;
    }

    body.bhraaj-cart-v91 .wp-block-woocommerce-empty-cart-block {
        width: min(calc(100% - 36px), 940px);
        padding: 66px 0 92px !important;
    }
}

/* ---------- Compact phones, explicitly including 320px ---------- */
@media (max-width: 479px) {
    body.bhraaj-cart-v91 {
        --bh-bag-gutter: 16px;
    }

    body.bhraaj-cart-v91 .wc-block-cart {
        width: calc(100% - 32px) !important;
        padding-top: 24px !important;
    }

    body.bhraaj-cart-v91 .bhraaj-cart-kicker {
        font-size: 9px;
    }

    body.bhraaj-cart-v91 .bhraaj-cart-masthead h1 {
        font-size: clamp(43px, 15vw, 56px);
    }

    body.bhraaj-cart-v91 .bhraaj-cart-intro {
        font-size: 12px;
    }

    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 0 12px !important;
        padding: 16px 0 18px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__image > a {
        border-radius: 14px;
    }

    body.bhraaj-cart-v91 .wc-block-components-product-name {
        font-size: clamp(20px, 7.2vw, 24px) !important;
        letter-spacing: -.02em !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__prices,
    body.bhraaj-cart-v91 .wc-block-components-product-price {
        font-size: 11.5px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector {
        grid-template-columns: 36px 46px 36px !important;
        width: 118px !important;
        min-width: 118px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart__sidebar {
        margin-top: 26px !important;
        padding: 18px !important;
        border-radius: 19px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form {
        grid-template-columns: 1fr !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form button {
        width: 100% !important;
    }

    body.bhraaj-cart-v91 .wp-block-woocommerce-empty-cart-block {
        width: calc(100% - 32px);
        padding: 58px 0 84px !important;
    }

    body.bhraaj-cart-v91 .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title,
    body.bhraaj-cart-v91 .wp-block-woocommerce-empty-cart-block > h2:first-child {
        font-size: clamp(44px, 14vw, 58px) !important;
    }
}

/* ---------- Motion accessibility ---------- */
@media (prefers-reduced-motion: reduce) {
    body.bhraaj-cart-v91 *,
    body.bhraaj-cart-v91 *::before,
    body.bhraaj-cart-v91 *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* =========================================================
   BHRAAJ V92 — EMPTY BAG / HOMEPAGE CARD PARITY
   Option 1: “Your bag is waiting.” flows directly into a compact version of
   the homepage product cards. No secondary “New in store” heading.
   ========================================================= */
body.bhraaj-cart-v91 .wp-block-woocommerce-empty-cart-block .bhraaj-empty-bag-native-recommendation {
    display: none !important;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-recommendations {
    width: min(100%, 920px);
    margin: clamp(34px, 4vw, 48px) auto 0;
    padding: 0;
    text-align: left;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(20px, 2.2vw, 30px) !important;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product {
    min-width: 0;
    text-align: left;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product-media {
    border-radius: 18px;
    box-shadow: 0 14px 38px rgba(55, 39, 29, .05);
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-placeholder-brand {
    font-size: clamp(24px, 2.4vw, 34px);
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-placeholder-note {
    font-size: 7.5px;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product-copy {
    padding: 14px 2px 0;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product-kicker {
    margin: 0 0 6px;
    color: var(--bh-red);
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product-copy h3 {
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-compact-rating {
    margin-top: 8px;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product-price {
    margin-top: 7px;
    font-size: 10.5px;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product-cta {
    min-width: 112px;
    min-height: 44px;
    margin-top: 14px;
    padding-inline: 17px;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-wishlist-toggle {
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-wishlist-toggle svg {
    width: 15px;
    height: 15px;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-sale-badge {
    top: 12px !important;
    left: 12px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding-inline: 10px !important;
    font-size: 8px !important;
}

body.bhraaj-cart-v91 .bhraaj-empty-cart-continue {
    margin-top: clamp(34px, 4vw, 48px) !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product:hover .bhraaj-home-product-media {
        transform: translateY(-4px);
        border-color: var(--bh-ui-border-strong);
        box-shadow: 0 22px 54px rgba(55, 39, 29, .09);
    }

    body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product:hover .bhraaj-home-product-image {
        transform: scale(1.018);
    }
}

@media (max-width: 760px) {
    body.bhraaj-cart-v91 .bhraaj-empty-bag-recommendations {
        width: 100%;
        margin-top: 30px;
        overflow: hidden;
    }

    body.bhraaj-cart-v91 .bhraaj-empty-bag-products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 34px !important;
        width: min(100%, 300px);
        margin-inline: auto;
    }

    body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product:last-child:nth-child(odd) {
        grid-column: auto !important;
        width: 100% !important;
        justify-self: stretch !important;
    }

    body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product-media {
        border-radius: 17px;
    }

    body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product-copy {
        padding-top: 15px;
    }

    body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product-copy h3 {
        font-size: clamp(26px, 8vw, 32px);
    }
}

@media (max-width: 360px) {
    body.bhraaj-cart-v91 .bhraaj-empty-bag-products {
        width: min(100%, 272px);
        gap: 30px !important;
    }

    body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-home-product-copy h3 {
        font-size: 25px;
    }
}

/* =========================================================
   BHRAAJ V94 — EMPTY BAG STATIONARY AJAX + PRODUCT ACCENT LOCK
   Empty Bag: Adding… -> Added stays in place without forcing the Cart Block
   into its populated state. Product detail: category eyebrow uses BHRAAJ red;
   Added confirmations stay dark instead of drifting into brown/gold.
   ========================================================= */
body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-empty-bag-add {
    min-width: 112px;
    white-space: nowrap;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-empty-bag-add.loading,
body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-empty-bag-add.is-added {
    min-width: 112px;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-empty-bag-add.loading {
    pointer-events: none;
    opacity: .78;
}

body.bhraaj-cart-v91 .bhraaj-empty-bag-products .bhraaj-empty-bag-add.is-added {
    pointer-events: none;
    opacity: 1 !important;
    background: linear-gradient(180deg, #171210, #0f0b0a) !important;
    background-image: linear-gradient(180deg, #171210, #0f0b0a) !important;
    border-color: rgba(255,255,255,.10) !important;
    color: #fffdf9 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(31,23,19,.13) !important;
    filter: none !important;
    transform: none !important;
}



/* V94 — single-product semantic accent hierarchy.
   Brand/category = burgundy. Ratings/status indicators = gold. Supporting text = neutral. */
body.single-product.bhraaj-single-product-v20 .bhraaj-product-eyebrow {
    color: var(--bh-red) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-single-rating {
    color: color-mix(in srgb, var(--bh-text) 70%, var(--bh-bg)) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-single-rating.is-new::before,
body.single-product.bhraaj-single-product-v20 div.product p.stock::before {
    background: var(--bh-gold) !important;
}

body.single-product.bhraaj-single-product-v20 div.product p.stock {
    color: color-mix(in srgb, var(--bh-text) 72%, var(--bh-bg)) !important;
}

/* =========================================================
   BHRAAJ V100 — BAG QUANTITY EXACT PRODUCT DIMENSION LOCK
   Exact Single Product quantity geometry:
   desktop 132 × 50px / 40-52-40
   mobile 124 × 50px / 38-48-38
   compact 118 × 50px / 36-46-36
   WooCommerce Cart Block remains the functional owner.
   ========================================================= */

body.bhraaj-cart-v91 {
    /* These two tokens are scoped to the Single Product page elsewhere.
       Define the identical values here so the Bag can truly use the same control. */
    --bh-product-control-height: 50px;
    --bh-product-rule-strong: color-mix(in srgb, var(--bh-text) 13%, transparent);
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity {
    display: grid !important;
    grid-template-columns: 40px 52px 40px !important;
    align-items: center !important;
    justify-content: stretch !important;
    box-sizing: border-box !important;

    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;

    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    margin: 12px 0 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    border: 1px solid var(--bh-product-rule-strong) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-surface) 82%, transparent) !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: 0 !important;

    transition:
        border-color 220ms var(--bh-ease),
        background 220ms var(--bh-ease) !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity:focus-within {
    border-color: color-mix(in srgb, var(--bh-gold) 48%, var(--bh-text) 16%) !important;
    background: var(--bh-surface) !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity::before,
body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity::after {
    content: none !important;
    display: none !important;
}

/* Exact middle quantity cell. */
body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
input.bhraaj-cart-qty-input {
    grid-column: 2 !important;
    grid-row: 1 !important;
    box-sizing: border-box !important;

    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;

    color: var(--bh-text) !important;
    text-align: center !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Exact Single Product step geometry. */
body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
button.bhraaj-qty-step {
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box !important;

    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;

    color: color-mix(in srgb, var(--bh-text) 72%, var(--bh-bg)) !important;
    font-family: var(--bh-sans) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;

    transition:
        background 180ms var(--bh-ease),
        color 180ms var(--bh-ease),
        opacity 180ms var(--bh-ease) !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
button.bhraaj-qty-step::before,
body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
button.bhraaj-qty-step::after,
body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
button.bhraaj-qty-step > *::before,
body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
button.bhraaj-qty-step > *::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
button.bhraaj-qty-step > * {
    display: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
button.bhraaj-qty-minus {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
button.bhraaj-qty-plus {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
button.bhraaj-qty-step:disabled {
    opacity: .28 !important;
    cursor: default !important;
}

@media (hover: hover) and (pointer: fine) {
    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
    button.bhraaj-qty-step:not(:disabled):hover {
        background: color-mix(in srgb, var(--bh-text) 5%, transparent) !important;
        color: var(--bh-text) !important;
    }
}

@media (max-width: 760px) {
    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity {
        grid-template-columns: 38px 48px 38px !important;
        width: 124px !important;
        min-width: 124px !important;
        max-width: 124px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
    input.bhraaj-cart-qty-input {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
    button.bhraaj-qty-step {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
    }
}

@media (max-width: 390px) {
    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity {
        grid-template-columns: 36px 46px 36px !important;
        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
    input.bhraaj-cart-qty-input {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
    button.bhraaj-qty-step {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
    }
}

/* =========================================================
   BHRAAJ V102 — MOBILE BAG CLEANUP + CHECKOUT FLICKER FIX
   Scope: mobile only. Desktop V101/V100 composition remains untouched.
   ========================================================= */

@media (max-width: 760px) {

    /* ---------- Product row composition ----------
       Keep image size; tighten the text/control rhythm and give the lower
       utility row a clean mobile-only hierarchy. */
    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
        grid-template-columns: 98px minmax(0, 1fr) !important;
        column-gap: 16px !important;
        row-gap: 0 !important;
        align-items: start !important;
        padding: 16px 0 22px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__image {
        grid-column: 1 !important;
        grid-row: 1 / span 3 !important;
        align-self: start !important;
        margin: 0 !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        top: 0 !important;
        padding-top: 2px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-product-name {
        margin-bottom: 7px !important;
        font-size: clamp(24px, 7.4vw, 30px) !important;
        line-height: 1.02 !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__prices,
    body.bhraaj-cart-v91 .wc-block-components-product-price {
        margin-bottom: 0 !important;
    }

    /* ---------- Quantity control ----------
       Same BHRAAJ language, but smaller on mobile so it does not dominate. */
    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity {
        grid-template-columns: 34px 40px 34px !important;
        width: 108px !important;
        min-width: 108px !important;
        max-width: 108px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        margin: 12px 0 0 !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
    input.bhraaj-cart-qty-input {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        font-size: 12px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
    button.bhraaj-qty-step {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        font-size: 17px !important;
    }

    /* ---------- Remove control ----------
       Slightly smaller than desktop but still touch-safe and aligned with
       the 46px quantity control. */
    body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 14px 0 0 10px !important;
        vertical-align: middle !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized::after {
        width: 19px !important;
        height: 19px !important;
    }

    /* ---------- Lower utility / line total ----------
       Quantity + trash stay together; line total gets its own clean right side.
       This prevents sale total/saving from colliding with controls. */
    body.bhraaj-cart-v91 .wc-block-cart-item__product {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto auto !important;
        column-gap: 12px !important;
        align-items: start !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-product-name,
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__prices,
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-product-metadata,
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-product-details {
        grid-column: 1 / -1 !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-quantity-selector {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: start !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: start !important;
        transform: translateX(118px) !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total {
        grid-column: 2 !important;
        grid-row: 2 / span 2 !important;
        align-self: end !important;
        justify-self: end !important;
        min-width: 92px !important;
        top: 0 !important;
        padding: 0 0 2px !important;
        text-align: right !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: flex-end !important;
        gap: 4px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total .wc-block-components-product-price {
        margin: 0 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    /* WooCommerce sale-saving note: keep it visually subordinate and right aligned. */
    body.bhraaj-cart-v91 .wc-block-cart-item__total
    .wc-block-components-product-badge,
    body.bhraaj-cart-v91 .wc-block-cart-item__total
    .wc-block-components-sale-badge,
    body.bhraaj-cart-v91 .wc-block-cart-item__total
    [class*="sale"],
    body.bhraaj-cart-v91 .wc-block-cart-item__total
    [class*="save"] {
        max-width: 110px !important;
        margin: 0 !important;
        color: var(--bh-red) !important;
        font-size: 10px !important;
        font-weight: 650 !important;
        line-height: 1.3 !important;
        text-align: right !important;
        white-space: normal !important;
    }

    /* ---------- Order Summary ----------
       Mobile should be a normal static surface. Remove blur/sticky/compositor
       work that can flicker as the checkout CTA enters the viewport. */
    body.bhraaj-cart-v91 .wc-block-cart__sidebar {
        position: static !important;
        top: auto !important;
        transform: none !important;
        will-change: auto !important;
        margin-top: 30px !important;
        padding: 22px !important;
        border-radius: 22px !important;
        background: color-mix(in srgb, var(--bh-surface) 96%, var(--bh-bg) 4%) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: 0 12px 32px color-mix(in srgb, var(--bh-text) 6%, transparent) !important;
        contain: layout paint !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart__submit,
    body.bhraaj-cart-v91 .wc-block-cart__submit-container,
    body.bhraaj-cart-v91 .wc-block-cart__submit-button,
    body.bhraaj-cart-v91 .wc-block-components-button {
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        will-change: auto !important;
        backface-visibility: visible !important;
        -webkit-backface-visibility: visible !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart__submit-container {
        margin-top: 18px !important;
    }
}

@media (max-width: 390px) {

    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        padding: 14px 0 20px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-product-name {
        font-size: clamp(23px, 7.8vw, 28px) !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity {
        grid-template-columns: 32px 38px 32px !important;
        width: 102px !important;
        min-width: 102px !important;
        max-width: 102px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
    input.bhraaj-cart-qty-input {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-quantity-selector.bhraaj-product-qty-parity
    button.bhraaj-qty-step {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        margin-top: 14px !important;
        margin-left: 8px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized::after {
        width: 18px !important;
        height: 18px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        transform: translateX(110px) !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total {
        min-width: 84px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart__sidebar {
        margin-top: 26px !important;
        padding: 20px !important;
        border-radius: 20px !important;
    }
}

/* =========================================================
   BHRAAJ V103 — MOBILE BAG ROW RESTRUCTURE
   Scope: mobile only.
   Goal:
   - stop quantity / trash / line total / sale saving competing on one band
   - keep current image size
   - tighten product-row height
   - keep desktop composition untouched
   ========================================================= */

@media (max-width: 760px) {

    /* Product media stays at the approved size. */
    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
        grid-template-columns: 98px minmax(0, 1fr) !important;
        column-gap: 16px !important;
        row-gap: 0 !important;
        align-items: start !important;
        padding: 14px 0 20px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__image {
        grid-column: 1 !important;
        grid-row: 1 / span 3 !important;
        align-self: start !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* The text column becomes one deliberate mobile stack. */
    body.bhraaj-cart-v91 .wc-block-cart-item__product {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        min-width: 0 !important;
        top: 0 !important;
        padding: 0 !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-product-name {
        margin: 0 0 7px !important;
        font-size: clamp(23px, 7.2vw, 29px) !important;
        line-height: 1.02 !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__prices,
    body.bhraaj-cart-v91 .wc-block-components-product-price {
        margin: 0 !important;
    }

    /* Controls become their own compact row.
       Quantity remains the first control; trash sits immediately beside it. */
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-quantity-selector {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: start !important;
        align-self: center !important;
        margin-top: 13px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: start !important;
        align-self: center !important;
        transform: translateX(116px) !important;
        margin-top: 13px !important;
        margin-left: 0 !important;
    }

    /* The line total gets its own row BELOW the utility controls.
       This is the key V103 change: no more horizontal competition. */
    body.bhraaj-cart-v91 .wc-block-cart-item__total {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: block !important;
        align-self: start !important;
        justify-self: stretch !important;
        min-width: 0 !important;
        width: 100% !important;
        top: 0 !important;
        margin: 10px 0 0 !important;
        padding: 0 !important;
        text-align: right !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
        gap: 3px !important;
        width: 100% !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total .wc-block-components-product-price {
        margin: 0 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total
    .wc-block-components-product-badge,
    body.bhraaj-cart-v91 .wc-block-cart-item__total
    .wc-block-components-sale-badge,
    body.bhraaj-cart-v91 .wc-block-cart-item__total
    [class*="sale"],
    body.bhraaj-cart-v91 .wc-block-cart-item__total
    [class*="save"] {
        max-width: 100% !important;
        margin: 0 !important;
        color: var(--bh-red) !important;
        font-size: 10px !important;
        font-weight: 650 !important;
        line-height: 1.25 !important;
        text-align: right !important;
        white-space: normal !important;
    }

    /* Keep the row visually compact after moving totals below controls. */
    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row + tr.wc-block-cart-items__row {
        margin-top: 0 !important;
    }
}

@media (max-width: 390px) {

    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        column-gap: 13px !important;
        padding: 13px 0 18px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-product-name {
        font-size: clamp(22px, 7.7vw, 27px) !important;
        margin-bottom: 6px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-quantity-selector {
        margin-top: 11px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        transform: translateX(110px) !important;
        margin-top: 11px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total {
        margin-top: 8px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total .wc-block-components-product-price {
        font-size: 13.5px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__total
    .wc-block-components-product-badge,
    body.bhraaj-cart-v91 .wc-block-cart-item__total
    .wc-block-components-sale-badge,
    body.bhraaj-cart-v91 .wc-block-cart-item__total
    [class*="sale"],
    body.bhraaj-cart-v91 .wc-block-cart-item__total
    [class*="save"] {
        font-size: 9.5px !important;
    }
}

/* =========================================================
   BHRAAJ V104 — MOBILE LINE TOTAL IN PRODUCT COLUMN
   Structural mobile presentation fix.
   WooCommerce keeps the original total cell as the data source.
   JS mirrors that live content into the product column.
   Desktop is unchanged.
   ========================================================= */

/* The mirrored total is mobile-only. */
body.bhraaj-cart-v91 .bhraaj-mobile-line-total {
    display: none !important;
}

@media (max-width: 760px) {

    /* V104 removes the independent third visual cell on mobile. */
    body.bhraaj-cart-v91 .wc-block-cart-item__total {
        display: none !important;
    }

    /* One compact stack beside the approved product image:
       title/price -> controls -> live line total. */
    body.bhraaj-cart-v91 .wc-block-cart-item__product {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto auto !important;
        align-content: start !important;
        min-width: 0 !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-product-name,
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__prices,
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-product-metadata,
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-product-details {
        grid-column: 1 !important;
    }

    /* Quantity + trash remain the compact utility row. */
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-quantity-selector {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: start !important;
        align-self: center !important;
        margin-top: 12px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: start !important;
        align-self: center !important;
        transform: translateX(118px) !important;
        margin: 12px 0 0 !important;
    }

    /* The mirrored total now belongs to the SAME product stack.
       Its width matches the quantity + trash utility group so it cannot float
       across the row or detach from the controls. */
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total {
        grid-column: 1 !important;
        grid-row: 4 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-self: start !important;
        width: 160px !important;
        max-width: 100% !important;
        margin: 7px 0 0 !important;
        padding: 0 !important;
        color: var(--bh-text) !important;
        text-align: right !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        gap: 3px !important;
        width: 100% !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-product-price {
        margin: 0 !important;
        color: var(--bh-text) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-product-badge,
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-sale-badge,
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    [class*="sale"],
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    [class*="save"] {
        max-width: 160px !important;
        margin: 0 !important;
        color: var(--bh-red) !important;
        font-size: 10px !important;
        font-weight: 650 !important;
        line-height: 1.25 !important;
        text-align: right !important;
        white-space: normal !important;
    }

    /* With the detached total cell gone, rows can be materially tighter. */
    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
        min-height: 0 !important;
        padding-top: 13px !important;
        padding-bottom: 18px !important;
    }
}

@media (max-width: 390px) {

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-quantity-selector {
        margin-top: 10px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        transform: translateX(110px) !important;
        margin-top: 10px !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total {
        width: 150px !important;
        margin-top: 6px !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-product-price {
        font-size: 13.5px !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-product-badge,
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-sale-badge,
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    [class*="sale"],
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    [class*="save"] {
        max-width: 150px !important;
        font-size: 9.5px !important;
    }

    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
        padding-top: 12px !important;
        padding-bottom: 17px !important;
    }
}

/* =========================================================
   BHRAAJ V105 — MOBILE BAG FINAL OPTICAL POLISH
   Scope: mobile only.
   - pull line total closer to controls
   - reduce product-row vertical dead space
   - preserve V104 structural mobile layout
   - preserve all desktop behavior and styling
   ========================================================= */

@media (max-width: 760px) {

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total {
        width: 152px !important;
        margin-top: 3px !important;
        transform: translateX(-4px) !important;
    }

    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
        padding-top: 12px !important;
        padding-bottom: 15px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-quantity-selector {
        margin-top: 10px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        margin-top: 10px !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        gap: 2px !important;
    }
}

@media (max-width: 390px) {

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total {
        width: 144px !important;
        margin-top: 2px !important;
        transform: translateX(-6px) !important;
    }

    body.bhraaj-cart-v91 table.wc-block-cart-items tr.wc-block-cart-items__row {
        padding-top: 11px !important;
        padding-bottom: 14px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-quantity-selector {
        margin-top: 9px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        margin-top: 9px !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-product-price {
        font-size: 13.5px !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-product-badge,
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-sale-badge,
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    [class*="sale"],
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    [class*="save"] {
        font-size: 9.5px !important;
        line-height: 1.2 !important;
    }
}

/* =========================================================
   BHRAAJ V106 — MOBILE ACTION / TOTAL ALIGNMENT
   Scope: mobile only.
   - trash moves closer to quantity control
   - line total + saving align to the far right of the product column
   - desktop remains untouched
   ========================================================= */

@media (max-width: 760px) {

    /* Quantity remains fixed at the approved compact mobile size. */
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-quantity-selector {
        justify-self: start !important;
    }

    /* Bring trash closer to the quantity pill so both read as one action group. */
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        transform: translateX(112px) !important;
        margin-left: 0 !important;
    }

    /* Push live line total to the far-right edge of the product content rail. */
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total {
        justify-self: stretch !important;
        align-items: flex-end !important;
        width: 100% !important;
        max-width: none !important;
        margin-top: 3px !important;
        padding-right: 2px !important;
        transform: none !important;
        text-align: right !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        width: 100% !important;
        align-items: flex-end !important;
        text-align: right !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-product-price {
        margin-left: auto !important;
        text-align: right !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-product-badge,
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    .wc-block-components-sale-badge,
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    [class*="sale"],
    body.bhraaj-cart-v91 .bhraaj-mobile-line-total
    [class*="save"] {
        margin-left: auto !important;
        text-align: right !important;
    }
}

@media (max-width: 390px) {

    /* At 320px keep the trash close without colliding with the pill. */
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        transform: translateX(106px) !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total {
        width: 100% !important;
        padding-right: 1px !important;
        transform: none !important;
    }
}

/* =========================================================
   BHRAAJ V107 — BAG TRASH CLOSE-PARITY ALIGNMENT
   Scope: desktop + mobile.
   - keep trash immediately beside quantity control
   - preserve approved price/total alignment
   - preserve all existing Bag functionality
   ========================================================= */

/* ---------- DESKTOP ----------
   Quantity control is 132px wide. Keep only a small 6px optical gap. */
@media (min-width: 761px) {
    body.bhraaj-cart-v91 .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized {
        margin-left: 6px !important;
    }
}

/* ---------- MOBILE ----------
   Use a real two-column utility row instead of translating the trash across
   the product column. This guarantees a consistent close gap at every width. */
@media (max-width: 760px) {

    body.bhraaj-cart-v91 .wc-block-cart-item__product {
        grid-template-columns: 108px 42px minmax(0, 1fr) !important;
        column-gap: 6px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-product-name,
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__prices,
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-product-metadata,
    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-product-details {
        grid-column: 1 / -1 !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-components-quantity-selector {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: start !important;
        align-self: center !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        grid-column: 2 !important;
        grid-row: 3 !important;
        justify-self: start !important;
        align-self: center !important;
        transform: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.bhraaj-cart-v91 .bhraaj-mobile-line-total {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 390px) {

    /* 320px layout uses the approved 102px quantity pill + 40px trash target. */
    body.bhraaj-cart-v91 .wc-block-cart-item__product {
        grid-template-columns: 102px 40px minmax(0, 1fr) !important;
        column-gap: 5px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        transform: none !important;
        margin-left: 0 !important;
    }
}

/* =========================================================
   BHRAAJ V108 — MOBILE TRASH OPTICAL TIGHTENING
   Scope: mobile only.
   Desktop V107 placement remains unchanged.
   Keep the full touch target, but move the visible control closer
   to the quantity pill for a tighter premium action group.
   ========================================================= */

@media (max-width: 760px) {

    body.bhraaj-cart-v91 .wc-block-cart-item__product {
        column-gap: 0 !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        transform: translateX(-7px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 390px) {

    body.bhraaj-cart-v91 .wc-block-cart-item__product {
        column-gap: 0 !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart-item__product > .wc-block-cart-item__remove-link {
        transform: translateX(-9px) !important;
    }
}

/* =========================================================
   BHRAAJ V109 — MOBILE TRASH SELECTOR FIX
   Scope: mobile only.
   Fixes V108's selector assumption by targeting the normalized
   WooCommerce Remove button wherever Blocks nests it inside the
   product content. Desktop V107 placement remains untouched.
   ========================================================= */

@media (max-width: 760px) {

    /*
     * Important: do NOT depend on the remove button being a direct child.
     * WooCommerce Blocks may wrap it internally.
     */
    body.bhraaj-cart-v91 .wc-block-cart-item__product
    .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized {
        position: relative !important;
        left: -22px !important;
        transform: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 390px) {

    body.bhraaj-cart-v91 .wc-block-cart-item__product
    .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized {
        left: -26px !important;
        transform: none !important;
    }
}

/* =========================================================
   BHRAAJ V110 — MOBILE TRASH EQUAL STEP SPACING
   Scope: mobile only.
   Optical rule:
   distance(quantity number -> plus) =
   distance(plus -> trash icon)
   Desktop remains exactly as approved.
   ========================================================= */

@media (max-width: 760px) {
    body.bhraaj-cart-v91 .wc-block-cart-item__product
    .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized {
        left: -14px !important;
        transform: none !important;
    }
}

@media (max-width: 390px) {
    body.bhraaj-cart-v91 .wc-block-cart-item__product
    .wc-block-cart-item__remove-link.bhraaj-cart-remove-normalized {
        /*
         * Compact quantity geometry is 32 / 38 / 32.
         * Number-centre -> plus-centre is ~35px.
         * This offset places the trash glyph at the same optical interval
         * from the plus, without counting the pill's outer closing edge.
         */
        left: -17px !important;
        transform: none !important;
    }
}

/* =========================================================
   BHRAAJ V112 — CHECKOUT SAFE POLISH
   Built on the last stable Checkout layout.
   IMPORTANT:
   - Does NOT override WooCommerce Checkout Blocks layout/grid.
   - Does NOT convert order-summary rows into custom CSS grids.
   - Only normalizes controls, cards, and compact presentation.
   ========================================================= */

/* ---------- SELECT / COMBOBOX CLEANUP ----------
   Remove browser/WooCommerce corner artifacts while preserving native Block sizing. */
body.woocommerce-checkout .wc-block-components-select,
body.woocommerce-checkout .wc-block-components-combobox {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-select::before,
body.woocommerce-checkout .wc-block-components-select::after,
body.woocommerce-checkout .wc-block-components-combobox::before,
body.woocommerce-checkout .wc-block-components-combobox::after {
    content: none !important;
    display: none !important;
}

body.woocommerce-checkout
.wc-block-components-select .wc-block-components-select__select,
body.woocommerce-checkout
.wc-block-components-address-form select,
body.woocommerce-checkout
.wc-block-components-combobox .components-combobox-control__input {
    min-height: 52px !important;
    border: 1px solid color-mix(in srgb, var(--bh-text) 12%, transparent) !important;
    border-radius: 12px !important;
    background-color: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    box-shadow: none !important;
}

/* Keep native Block select mechanics; only provide a clean custom chevron for actual selects. */
body.woocommerce-checkout
.wc-block-components-select .wc-block-components-select__select,
body.woocommerce-checkout
.wc-block-components-address-form select {
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 42px !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7.5 9.5 4.5 4.5 4.5-4.5' fill='none' stroke='%23564A43' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 13px center !important;
    background-size: 17px 17px !important;
}

body.woocommerce-checkout
.wc-block-components-select .wc-block-components-select__select:focus,
body.woocommerce-checkout
.wc-block-components-address-form select:focus,
body.woocommerce-checkout
.wc-block-components-combobox .components-combobox-control__input:focus {
    border-color: var(--bh-gold) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 12%, transparent) !important;
}

/* ---------- SHIPPING OPTION ----------
   One complete rounded option row, without altering WooCommerce structure. */




/* ---------- PAYMENT OPTION ----------
   Keep COD label + description visually inside one coherent card. */






/* Keep radio interaction calm. */
body.woocommerce-checkout .wc-block-components-radio-control__input {
    accent-color: var(--bh-text) !important;
}

/* ---------- CHECKBOXES ---------- */
body.woocommerce-checkout
.wc-block-components-checkbox .wc-block-components-checkbox__input,
body.woocommerce-checkout input[type="checkbox"] {
    border-radius: 5px !important;
    accent-color: var(--bh-text) !important;
}

/* ---------- ORDER SUMMARY ----------
   Do NOT alter WooCommerce row display model.
   Only make rows/thumbnails more compact and neutral. */
body.woocommerce-checkout .wc-block-components-order-summary-item {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image {
    width: 62px !important;
    min-width: 62px !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
    width: 62px !important;
    height: 62px !important;
    object-fit: cover !important;
    padding: 0 !important;
    border: 1px solid color-mix(in srgb, var(--bh-text) 7%, transparent) !important;
    border-radius: 11px !important;
    background: var(--bh-surface-soft) !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__description {
    padding-left: 12px !important;
}

body.woocommerce-checkout
.wc-block-components-order-summary-item .wc-block-components-product-name {
    font-size: 17px !important;
    line-height: 1.12 !important;
}

body.woocommerce-checkout
.wc-block-components-order-summary-item [class*="save"],
body.woocommerce-checkout
.wc-block-components-order-summary-item [class*="sale"] {
    color: var(--bh-red) !important;
    font-size: 9.5px !important;
    font-weight: 650 !important;
}

/* ---------- PLACE ORDER ----------
   Preserve the stable V24 layout; only refine the existing CTA. */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    min-height: 58px !important;
    border-radius: 999px !important;
}

/* ---------- MOBILE ----------
   No sticky / blur side effects. */
@media (max-width: 960px) {
    body.woocommerce-checkout .wc-block-checkout__sidebar {
        position: static !important;
        top: auto !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}

@media (max-width: 640px) {
    body.woocommerce-checkout .wc-block-components-order-summary-item__image {
        width: 54px !important;
        min-width: 54px !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
        width: 54px !important;
        height: 54px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-order-summary-item .wc-block-components-product-name {
        font-size: 15.5px !important;
    }
}

/* =========================================================
   BHRAAJ V113 — CHECKOUT CONTROLS CLEAN FINAL
   Scope: Checkout visual controls only.
   Stable V112 Checkout architecture is preserved.
   ========================================================= */

/* ---------------------------------------------------------
   1. COUNTRY / STATE — ONE SURFACE ONLY
   Remove every nested WooCommerce wrapper surface that creates
   the visible white/sharp corner artifacts.
   --------------------------------------------------------- */
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-select,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-select .wc-block-components-select__container,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-combobox,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-combobox .wc-block-components-combobox-control,
body.woocommerce-checkout .wc-block-checkout
.components-combobox-control,
body.woocommerce-checkout .wc-block-checkout
.components-base-control,
body.woocommerce-checkout .wc-block-checkout
.components-base-control__field {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body.woocommerce-checkout .wc-block-checkout
.wc-block-components-select::before,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-select::after,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-select .wc-block-components-select__container::before,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-select .wc-block-components-select__container::after,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-combobox::before,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-combobox::after,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-combobox .wc-block-components-combobox-control::before,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-combobox .wc-block-components-combobox-control::after,
body.woocommerce-checkout .wc-block-checkout
.components-combobox-control::before,
body.woocommerce-checkout .wc-block-checkout
.components-combobox-control::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-checkout
.wc-block-components-combobox .wc-block-components-combobox-control
input.components-combobox-control__input,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-select .wc-block-components-select__select,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-address-form select {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    border: 1px solid color-mix(in srgb, var(--bh-text) 12%, transparent) !important;
    border-radius: 12px !important;
    background-color: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* Actual select: one BHRAAJ chevron, no browser arrow. */
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-select .wc-block-components-select__select,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-address-form select {
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 44px !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7.5 9.5 4.5 4.5 4.5-4.5' fill='none' stroke='%23564A43' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 17px 17px !important;
}

/* ---------------------------------------------------------
   2. SHIPPING — TRUE SINGLE CARD
   Keep WooCommerce state/label structure, neutralize nested borders.
   --------------------------------------------------------- */




/* Prevent nested option layout from drawing its own surface. */


/* Radio is given its own lane so it never overlaps "Free shipping". */


/* Price/free label remains flush right. */


/* ---------------------------------------------------------
   3. PAYMENT — ONE COMPLETE CARD INCLUDING DESCRIPTION
   Neutralize accordion rails that produced side/bottom lines.
   --------------------------------------------------------- */


/* The accordion wrapper becomes the one visible card. */




/* Payment radio gets its own lane, preventing overlap with "Cash on delivery". */




/* Selected state belongs to the complete card, not the inner row. */


/* ---------------------------------------------------------
   4. ORDER SUMMARY
   Keep sale saving as BHRAAJ burgundy; remove warm/brown image frame.
   --------------------------------------------------------- */
body.woocommerce-checkout
.wc-block-components-order-summary-item__image,
body.woocommerce-checkout
.wc-block-components-order-summary-item__image > div {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-checkout
.wc-block-components-order-summary-item__image img {
    border: 1px solid color-mix(in srgb, var(--bh-text) 7%, transparent) !important;
    border-radius: 11px !important;
    background: var(--bh-surface-soft) !important;
    box-shadow: none !important;
}

body.woocommerce-checkout
.wc-block-components-order-summary-item
.wc-block-components-product-badge,
body.woocommerce-checkout
.wc-block-components-order-summary-item
.wc-block-components-sale-badge,
body.woocommerce-checkout
.wc-block-components-order-summary-item
[class*="save"],
body.woocommerce-checkout
.wc-block-components-order-summary-item
[class*="sale"] {
    color: var(--bh-red) !important;
}

/* ---------------------------------------------------------
   5. MOBILE
   Preserve the same cards without creating horizontal overflow.
   --------------------------------------------------------- */
@media (max-width: 640px) {
    

    

    

    

    
}

/* =========================================================
   BHRAAJ V114 — CHECKOUT OPTION CARDS FINAL RECONSTRUCTION
   Scope:
   - Shipping option card
   - Payment option card
   - Independent selected states
   - Order Summary price color hierarchy
   Everything else remains from stable V113.
   ========================================================= */

/* ---------------------------------------------------------
   1. SHIPPING OPTION — VISUAL CARD RECONSTRUCTION
   Remove all native/nested visible surfaces. The option itself remains
   WooCommerce's real clickable/functional radio row, while ::after draws
   the ONLY visible border/surface.
   --------------------------------------------------------- */




/* Kill every nested WooCommerce visual rail/surface. */




/* ONE visible card surface. */


/* Radio gets an independent lane and stays above the visual card. */


/* Keep all visible labels above the card surface. */




/* Selected SHIPPING state is based only on the shipping radio itself. */


/* ---------------------------------------------------------
   2. PAYMENT OPTION — VISUAL CARD RECONSTRUCTION
   Accordion wrapper remains functional; ::after draws the only card.
   Description remains inside the same card.
   --------------------------------------------------------- */


/* Remove all native accordion rails / seams. */


/* One visual payment surface, drawn separately so nested WooCommerce
   borders can never produce clipped or pointed corners. */


/* Header row is transparent; no own border. */


/* Make the visual card cover both label AND description by using
   an absolutely positioned background on the wrapper via box-shadow.
   This second layer supplies the full-wrapper outer boundary. */


/* Disable the inner header pseudo-card because wrapper now owns the complete
   payment boundary including description. */


/* Payment radio lane. */


/* Payment description is definitively inside the same card. */


/* Selected PAYMENT state is based only on the payment radio itself. */


/* Independent selection:
   no rule in V114 ever uses a generic checked radio outside its own group. */

/* ---------------------------------------------------------
   3. ORDER SUMMARY COLOR HIERARCHY
   Regular/product totals = primary text.
   Savings only = BHRAAJ burgundy.
   --------------------------------------------------------- */
body.woocommerce-checkout
.wc-block-components-order-summary-item__total-price,
body.woocommerce-checkout
.wc-block-components-order-summary-item__individual-prices,
body.woocommerce-checkout
.wc-block-components-order-summary-item
.wc-block-components-product-price,
body.woocommerce-checkout
.wc-block-components-totals-item__value,
body.woocommerce-checkout
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: var(--bh-text) !important;
}

body.woocommerce-checkout
.wc-block-components-order-summary-item
.wc-block-components-product-badge,
body.woocommerce-checkout
.wc-block-components-order-summary-item
.wc-block-components-sale-badge,
body.woocommerce-checkout
.wc-block-components-order-summary-item
[class*="save"],
body.woocommerce-checkout
.wc-block-components-order-summary-item
[class*="sale"] {
    color: var(--bh-red) !important;
}

/* ---------------------------------------------------------
   4. MOBILE
   Keep the reconstructed cards intact and full width.
   --------------------------------------------------------- */
@media (max-width: 640px) {
    

    

    

    

    
}

/* =========================================================
   BHRAAJ V115 — CHECKOUT OPTIONS SIMPLE FIELD PARITY
   Scope: Shipping Options + Payment Options only.
   Goal: make both controls as simple and clean as First name / Last name.
   No pseudo-card layers. No nested decorative borders.
   ========================================================= */

/* ---------------------------------------------------------
   SHIPPING — SIMPLE SINGLE FIELD
   --------------------------------------------------------- */




/* Remove every decorative pseudo layer from prior passes / WooCommerce. */


/* Simple custom radio, independent of browser styling. */






/* ---------------------------------------------------------
   PAYMENT — SIMPLE SINGLE FIELD
   Description remains directly below inside one plain box.
   --------------------------------------------------------- */
















/* Selected state remains intentionally subtle.
   This does NOT change shipping/payment logic. */


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */
@media (max-width: 640px) {
    

    

    

    

    
}

/* =========================================================
   BHRAAJ V116 — CANONICAL CHECKOUT OPTION CONTROLS
   Permanent cleanup:
   all older BHRAAJ checkout shipping/payment geometry rules
   have been removed from this file before this block.
   ========================================================= */

/* =========================
   SHIPPING — ONE RECTANGLE
   ========================= */

body.woocommerce-checkout .wc-block-components-shipping-rates-control,
body.woocommerce-checkout .wc-block-components-shipping-rates-control__package,
body.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control,
body.woocommerce-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control,
body.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option-layout,
body.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__label-group,
body.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__description-group {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.woocommerce-checkout .wc-block-components-shipping-rates-control *::before,
body.woocommerce-checkout .wc-block-components-shipping-rates-control *::after,
body.woocommerce-checkout .wc-block-components-shipping-rates-control__package *::before,
body.woocommerce-checkout .wc-block-components-shipping-rates-control__package *::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 16px 0 48px !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 12%, transparent) !important;
    border-radius: 12px !important;
    outline: 0 !important;

    background: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    background-image: none !important;
    background-clip: padding-box !important;

    box-shadow: none !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__input,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input {
    position: absolute !important;
    left: 17px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    border: 1.5px solid color-mix(in srgb, var(--bh-text) 45%, transparent) !important;
    border-radius: 50% !important;
    outline: 0 !important;
    background: var(--bh-surface) !important;
    box-shadow: none !important;
}

body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__input:checked,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input:checked {
    border-color: var(--bh-text) !important;
    background: var(--bh-text) !important;
    box-shadow: inset 0 0 0 4px var(--bh-surface) !important;
}

body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__secondary-label,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__secondary-label {
    margin-left: auto !important;
    padding-left: 18px !important;
    white-space: nowrap !important;
}

/* ========================
   PAYMENT — ONE RECTANGLE
   ======================== */

body.woocommerce-checkout .wc-block-checkout__payment-method,
body.woocommerce-checkout .wc-block-checkout__payment-methods {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-radio-control-accordion-option *::before,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option *::after,
body.woocommerce-checkout .wc-block-checkout__payment-method *::before,
body.woocommerce-checkout .wc-block-checkout__payment-method *::after,
body.woocommerce-checkout .wc-block-checkout__payment-methods *::before,
body.woocommerce-checkout .wc-block-checkout__payment-methods *::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-radio-control-accordion-option {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 12%, transparent) !important;
    border-radius: 12px !important;
    outline: 0 !important;

    background: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    background-image: none !important;
    background-clip: padding-box !important;

    box-shadow: none !important;
    overflow: hidden !important;
}

body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option
> .wc-block-components-radio-control__option {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 16px 0 48px !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option
.wc-block-components-radio-control__input {
    position: absolute !important;
    left: 17px !important;
    top: 28px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    border: 1.5px solid color-mix(in srgb, var(--bh-text) 45%, transparent) !important;
    border-radius: 50% !important;
    outline: 0 !important;
    background: var(--bh-surface) !important;
    box-shadow: none !important;
}

body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option
.wc-block-components-radio-control__input:checked {
    border-color: var(--bh-text) !important;
    background: var(--bh-text) !important;
    box-shadow: inset 0 0 0 4px var(--bh-surface) !important;
}

body.woocommerce-checkout .wc-block-components-radio-control-accordion-content {
    margin: 0 !important;
    padding: 0 16px 14px 48px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--bh-text-soft) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

/* Subtle selected state. One border only. */
body.woocommerce-checkout
.wc-block-components-shipping-rates-control
.wc-block-components-radio-control__option:has(.wc-block-components-radio-control__input:checked),
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package
.wc-block-components-radio-control__option:has(.wc-block-components-radio-control__input:checked),
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option:has(.wc-block-components-radio-control__input:checked) {
    border-color: color-mix(in srgb, var(--bh-gold) 38%, var(--bh-border)) !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, var(--bh-gold) 3%) !important;
    box-shadow: none !important;
}

/* Keyboard focus only. */
body.woocommerce-checkout
.wc-block-components-shipping-rates-control
.wc-block-components-radio-control__option:has(.wc-block-components-radio-control__input:focus-visible),
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package
.wc-block-components-radio-control__option:has(.wc-block-components-radio-control__input:focus-visible),
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option:has(.wc-block-components-radio-control__input:focus-visible) {
    outline: 2px solid color-mix(in srgb, var(--bh-gold) 32%, transparent) !important;
    outline-offset: 2px !important;
}

@media (max-width: 640px) {
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option,
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option,
    body.woocommerce-checkout
    .wc-block-components-radio-control-accordion-option
    > .wc-block-components-radio-control__option {
        padding-left: 44px !important;
        padding-right: 14px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control .wc-block-components-radio-control__input,
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input,
    body.woocommerce-checkout
    .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__input {
        left: 14px !important;
    }

    body.woocommerce-checkout .wc-block-components-radio-control-accordion-content {
        padding-left: 44px !important;
        padding-right: 14px !important;
    }
}

/* ==========================================================================
   BHRAAJ V120 — PREMIUM PRODUCT STORY + CLIENT FULFILMENT
   Replace: assets/css/main.css

   Scope:
   - Single-product primary purchase area + new information accordion only.
   - Related / upsell product cards are intentionally not redesigned here.
   - Existing gallery, wishlist and Add to Bag commerce logic remain intact.
   ========================================================================== */

body.single-product.bhraaj-single-product-v20 {
    --bh-v120-line: color-mix(in srgb, var(--bh-text) 11%, transparent);
    --bh-v120-line-strong: color-mix(in srgb, var(--bh-text) 18%, transparent);
    --bh-v120-muted: color-mix(in srgb, var(--bh-text) 64%, var(--bh-bg));
    --bh-v120-warm: color-mix(in srgb, var(--bh-gold) 8%, var(--bh-surface));
}

/* ---------- Purchase column: longer real product names ---------- */
body.single-product.bhraaj-single-product-v20 div.product .summary {
    max-width: 540px !important;
}

body.single-product.bhraaj-single-product-v20 div.product .product_title {
    max-width: 540px !important;
    font-size: clamp(43px, 3.25vw, 58px) !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-eyebrow {
    color: var(--bh-red) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-single-rating,
body.single-product.bhraaj-single-product-v20 .bhraaj-single-rating.is-new {
    color: var(--bh-text-soft) !important;
}

body.single-product.bhraaj-single-product-v20 div.product p.stock {
    color: var(--bh-v120-muted) !important;
}

/* Client-confirmed fulfilment rail. */
body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance-v120 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px 16px !important;
    padding-top: 19px !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance-v120 .bhraaj-reassurance-item {
    color: var(--bh-v120-muted) !important;
}

/* ---------- V120 information system ---------- */
body.single-product.bhraaj-single-product-v20 .bhraaj-product-story {
    width: min(calc(100% - (var(--bh-product-gutter) * 2)), 1160px) !important;
    margin: 0 auto !important;
    padding: clamp(44px, 5vw, 74px) 0 clamp(76px, 8vw, 116px) !important;
    border-top: 1px solid var(--bh-v120-line) !important;
    display: grid !important;
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr) !important;
    gap: clamp(58px, 8vw, 124px) !important;
    clear: both !important;
}

body.single-product.bhraaj-single-product-v20.bhraaj-product-single-media .bhraaj-product-story {
    padding-top: clamp(36px, 4vw, 56px) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-head {
    align-self: start !important;
    position: sticky !important;
    top: calc(var(--bh-header-height) + 30px) !important;
    max-width: 390px !important;
}

body.admin-bar.single-product.bhraaj-single-product-v20 .bhraaj-product-story-head {
    top: calc(var(--bh-header-height) + 62px) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-kicker {
    margin: 0 0 15px !important;
    color: var(--bh-red) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-head h2 {
    margin: 0 !important;
    max-width: 9.5ch !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(48px, 4.6vw, 70px) !important;
    font-weight: 500 !important;
    line-height: .92 !important;
    letter-spacing: -.045em !important;
    text-wrap: balance !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-head > p:last-child {
    max-width: 34ch !important;
    margin: 24px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    line-height: 1.72 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-accordion {
    min-width: 0 !important;
    border-top: 1px solid var(--bh-v120-line-strong) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-item {
    border-bottom: 1px solid var(--bh-v120-line) !important;
    background: transparent !important;
    transition: background 280ms var(--bh-ease) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-item.is-open {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--bh-gold) 3.5%, transparent),
        transparent 74%
    ) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-heading {
    margin: 0 !important;
    padding: 0 !important;
    font: inherit !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-trigger {
    width: 100% !important;
    min-height: 84px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 24px !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    text-align: left !important;
    cursor: pointer !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-trigger:focus-visible {
    outline: 1px solid var(--bh-gold) !important;
    outline-offset: -1px !important;
}


body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-label {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    letter-spacing: .005em !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-icon {
    position: relative !important;
    width: 22px !important;
    height: 22px !important;
    justify-self: end !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: color-mix(in srgb, var(--bh-text) 72%, transparent) !important;
    transition: transform 300ms var(--bh-ease), color 220ms ease !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-icon::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 46% !important;
    width: 7px !important;
    height: 7px !important;
    margin: 0 !important;
    border-right: 1.4px solid currentColor !important;
    border-bottom: 1.4px solid currentColor !important;
    background: transparent !important;
    transform: translate(-50%, -60%) rotate(45deg) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-icon::after {
    content: none !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-item.is-open .bhraaj-accordion-icon {
    transform: rotate(180deg) !important;
    color: var(--bh-gold) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-panel[hidden] {
    display: none !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-panel-inner {
    padding: 0 42px 34px 4px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13.5px !important;
    line-height: 1.78 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-prose > :first-child,
body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-panel-inner > :first-child {
    margin-top: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-prose > :last-child,
body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-panel-inner > :last-child {
    margin-bottom: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-prose p {
    margin: 0 0 17px !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-list {
    margin: 18px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-list li {
    position: relative !important;
    margin: 0 !important;
    padding: 10px 0 10px 18px !important;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-text) 7%, transparent) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-list li:last-child {
    border-bottom: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-list li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 18px !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: var(--bh-gold) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-facts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 28px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--bh-v120-line) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-fact {
    min-width: 0 !important;
    padding: 16px 18px 16px 0 !important;
    border-bottom: 1px solid var(--bh-v120-line) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-fact:nth-child(even) {
    padding-left: 18px !important;
    border-left: 1px solid var(--bh-v120-line) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-fact dt {
    margin: 0 0 5px !important;
    color: color-mix(in srgb, var(--bh-text) 50%, transparent) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-fact dd {
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-policy-note {
    margin-top: 22px !important;
    padding-top: 18px !important;
    border-top: 1px solid var(--bh-v120-line) !important;
    color: var(--bh-text) !important;
    font-size: 12px !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-story-policy-note a {
    display: inline-block !important;
    margin-left: 5px !important;
    color: var(--bh-red) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}

/* ---------- Reviews inside accordion ---------- */
body.single-product.bhraaj-single-product-v20 .bhraaj-product-story #reviews,
body.single-product.bhraaj-single-product-v20 .bhraaj-product-story #comments {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-story #reviews h2,
body.single-product.bhraaj-single-product-v20 .bhraaj-product-story #reply-title {
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(29px, 2.6vw, 38px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
}

/* Do not allow any dormant WooCommerce tab shell to consume space. */
body.single-product.bhraaj-single-product-v20 > .site .woocommerce-tabs:empty,
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs:empty {
    display: none !important;
}

/* ---------- Tablet ---------- */
@media (max-width: 980px) {
    body.single-product.bhraaj-single-product-v20 .bhraaj-product-story {
        grid-template-columns: minmax(210px, .6fr) minmax(0, 1.4fr) !important;
        gap: 48px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-head h2 {
        font-size: clamp(42px, 5vw, 58px) !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance-v120 {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}

/* ---------- Mobile: premium stacked information ---------- */
@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20 div.product .product_title {
        font-size: clamp(38px, 11.4vw, 48px) !important;
        line-height: .98 !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance-v120 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        padding-top: 16px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance-v120 .bhraaj-reassurance-item {
        align-items: flex-start !important;
        gap: 6px !important;
        font-size: 9.5px !important;
        line-height: 1.35 !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance-v120 .bhraaj-reassurance-mark {
        margin-top: 3px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-story {
        width: auto !important;
        margin: 0 var(--bh-mobile-rail, 16px) !important;
        padding: 38px 0 70px !important;
        grid-template-columns: 1fr !important;
        gap: 34px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-head {
        position: static !important;
        top: auto !important;
        max-width: none !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-head h2 {
        max-width: 10ch !important;
        font-size: clamp(42px, 13vw, 56px) !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-head > p:last-child {
        max-width: 32ch !important;
        margin-top: 18px !important;
        font-size: 12px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-trigger {
        min-height: 72px !important;
        grid-template-columns: minmax(0, 1fr) 24px !important;
        gap: 8px !important;
        padding: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-label {
        font-size: 13px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-icon {
        width: 22px !important;
        height: 22px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-panel-inner {
        padding: 0 34px 28px 0 !important;
        font-size: 12.5px !important;
        line-height: 1.72 !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-story-facts {
        grid-template-columns: 1fr !important;
        margin-top: 22px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-story-fact,
    body.single-product.bhraaj-single-product-v20 .bhraaj-story-fact:nth-child(even) {
        padding: 13px 0 !important;
        border-left: 0 !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-story-policy-note a {
        display: block !important;
        margin: 7px 0 0 !important;
    }
}

@media (max-width: 380px) {
    body.single-product.bhraaj-single-product-v20 .bhraaj-product-story {
        margin-inline: 14px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-product-reassurance-v120 {
        grid-template-columns: 1fr !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-panel-inner {
        padding-left: 34px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-item,
    body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-icon,
    body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-icon::before,
    body.single-product.bhraaj-single-product-v20 .bhraaj-accordion-icon::after {
        transition: none !important;
    }
}

/* =========================================================
   BHRAAJ V121 — exact client content / one-column accordion
   ========================================================= */
body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-v121 {
    display: block !important;
    grid-template-columns: none !important;
    width: min(calc(100% - (var(--bh-product-gutter) * 2)), 1160px) !important;
    padding-top: clamp(34px, 4vw, 54px) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-v121 .bhraaj-product-accordion {
    width: 100% !important;
    max-width: none !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-v121 .bhraaj-story-fact dd a {
    color: var(--bh-red) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}

/* Reviews return to the previous WooCommerce tab/review area rather than the accordion. */
body.single-product.bhraaj-single-product-v20 .woocommerce-tabs.wc-tabs-wrapper {
    width: min(calc(100% - (var(--bh-product-gutter) * 2)), 1160px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-v121 {
        width: auto !important;
        margin-inline: var(--bh-mobile-rail, 16px) !important;
        padding-top: 28px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-tabs.wc-tabs-wrapper {
        width: auto !important;
        margin-inline: var(--bh-mobile-rail, 16px) !important;
    }
}

/* =========================================================
   BHRAAJ V125 — OUR STORY CLIENT RECTIFICATIONS
   27 Aug 2026
   ========================================================= */

.bhraaj-story-hero h1 {
    margin-top: 0 !important;
}

.bhraaj-story-signoff-names {
    font-style: italic !important;
    font-size: clamp(27px, 2.15vw, 34px) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.018em !important;
}

.bhraaj-story-signoff-name {
    display: block;
    white-space: nowrap;
}

.bhraaj-story-signoff-name + .bhraaj-story-signoff-name {
    margin-top: 3px;
}

@media (max-width: 767px) {
    .bhraaj-story-signoff-names {
        font-size: clamp(23px, 7.4vw, 28px) !important;
        line-height: 1.18 !important;
    }
}

@media (max-width: 390px) {
    .bhraaj-story-signoff-names {
        font-size: clamp(22px, 7vw, 24px) !important;
        letter-spacing: -0.024em !important;
    }
}

/* =========================================================
   BHRAAJ V128 — EB Garamond Premium Balance + PDP Gallery Cleanup
   - Uses EB Garamond as the global editorial serif for softer premium clarity.
   - Preserves all existing type scales, weights, spacing and hierarchy.
   - Removes the WooCommerce gallery zoom trigger without changing gallery media.
   ========================================================= */
body.single-product .woocommerce-product-gallery__trigger {
    display: none !important;
}


/* =========================================================
   BHRAAJ V128 — Product-card optical rebalance
   - Keeps the editorial hierarchy while reducing card-title dominance.
   - Applies consistently to Shop, Wishlist/shared cards, Related and Upsells.
   ========================================================= */
body.bhraaj-shop-v22 .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.bhraaj-shop-v22.woocommerce ul.products li.product .woocommerce-loop-product__title,
.bhraaj-product-card-shared .bhraaj-home-product-copy h3,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-copy h3,
body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
ul.products li.product .woocommerce-loop-product__title {
    font-size: clamp(27px, 2.4vw, 37px) !important;
    line-height: 1.01 !important;
    letter-spacing: -.022em !important;
}

@media (max-width: 767px) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product .woocommerce-loop-product__title,
    body.bhraaj-shop-v22.woocommerce ul.products li.product .woocommerce-loop-product__title,
    .bhraaj-product-card-shared .bhraaj-home-product-copy h3,
    .bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-copy h3,
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product .woocommerce-loop-product__title {
        font-size: clamp(25px, 8.2vw, 32px) !important;
        line-height: 1.02 !important;
    }
}

@media (max-width: 430px) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product .woocommerce-loop-product__title,
    body.bhraaj-shop-v22.woocommerce ul.products li.product .woocommerce-loop-product__title,
    .bhraaj-product-card-shared .bhraaj-home-product-copy h3,
    .bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-copy h3,
    body.single-product.bhraaj-single-product-v20 :is(.related.products, .upsells.products)
    ul.products li.product .woocommerce-loop-product__title {
        font-size: clamp(26px, 8.4vw, 31px) !important;
    }
}
/* =========================================================
   BHRAAJ V129 — REAL PRODUCT HERO
   Replaces the abstract bead mockup with the transparent
   BHRAAJ bracelet asset while preserving the existing orbit,
   glass-card tilt and homepage composition.
   ========================================================= */
.bhraaj-home-v129 .bhraaj-hero-product-stage {
    position: absolute;
    left: 50%;
    top: 47%;
    z-index: 2;
    width: min(72%, 470px);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.bhraaj-home-v129 .bhraaj-hero-product-stage::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: 8%;
    width: 58%;
    height: 9%;
    border-radius: 50%;
    background: radial-gradient(
        ellipse at center,
        rgba(42, 28, 19, 0.16) 0%,
        rgba(42, 28, 19, 0.07) 42%,
        transparent 76%
    );
    filter: blur(12px);
    transform: translateX(-50%);
    opacity: .58;
}

.bhraaj-home-v129 .bhraaj-hero-product-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    transform-origin: 50% 50%;
    filter: drop-shadow(0 18px 28px rgba(50, 31, 20, 0.12));
    animation: bhraaj-real-product-float 7.6s ease-in-out infinite;
    will-change: transform;
}

@keyframes bhraaj-real-product-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(-0.35deg);
    }

    50% {
        transform: translate3d(0, -9px, 0) rotate(0.55deg);
    }
}

html[data-theme="dark"] .bhraaj-home-v129 .bhraaj-hero-product-stage::after {
    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.38) 0%,
        rgba(0, 0, 0, 0.17) 44%,
        transparent 76%
    );
    opacity: .72;
}

html[data-theme="dark"] .bhraaj-home-v129 .bhraaj-hero-product-image {
    filter: drop-shadow(0 20px 34px rgba(0, 0, 0, 0.25));
}

@media (max-width: 1180px) and (min-width: 1001px) {
    .bhraaj-home-v129 .bhraaj-hero-product-stage {
        width: 68%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bhraaj-home-v129 .bhraaj-hero-product-image {
        animation: none !important;
        transform: none !important;
        will-change: auto;
    }
}

/* =========================================================
   BHRAAJ V132 — GENERATED EDITORIAL BACKGROUND HERO
   Uses the dedicated still-life background image as the hero
   environment while keeping the real bracelet as a separate
   floating foreground object.
   ========================================================= */
.bhraaj-home-v132 .bhraaj-hero-art {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(rgba(255, 251, 246, 0.08), rgba(255, 251, 246, 0.08)),
        url('../images/BHRAAJ_hero-editorial-background_v132.png') center / cover no-repeat;
    border-color: color-mix(in srgb, var(--bh-border) 72%, rgba(166, 126, 94, 0.26));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.38),
        0 30px 72px rgba(72, 48, 31, 0.1);
}

.bhraaj-home-v132 .bhraaj-hero-art::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 47%, rgba(255, 250, 244, 0.18) 0%, rgba(255, 250, 244, 0.08) 34%, transparent 64%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(84, 52, 33, 0.035) 100%);
}

.bhraaj-home-v132 .bhraaj-hero-art::after {
    content: "";
    position: absolute;
    inset: auto 10% 11% 10%;
    z-index: 1;
    height: 21%;
    pointer-events: none;
    background: radial-gradient(
        ellipse at center,
        rgba(49, 31, 20, 0.16) 0%,
        rgba(49, 31, 20, 0.08) 34%,
        rgba(49, 31, 20, 0.025) 58%,
        transparent 78%
    );
    filter: blur(22px);
    opacity: 0.68;
}

.bhraaj-home-v132 .bhraaj-hero-product-stage {
    position: absolute;
    left: 50%;
    top: 48.5%;
    z-index: 3;
    width: min(74%, 500px);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.bhraaj-home-v132 .bhraaj-hero-product-stage::before,
.bhraaj-home-v132 .bhraaj-hero-product-stage::after {
    display: none;
}

.bhraaj-home-v132 .bhraaj-hero-product-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    transform-origin: 50% 50%;
    filter:
        drop-shadow(0 24px 30px rgba(56, 35, 22, 0.19))
        drop-shadow(0 4px 7px rgba(56, 35, 22, 0.08));
    animation: bhraaj-v132-product-float 7.2s ease-in-out infinite;
    will-change: transform;
}

.bhraaj-home-v132 .bhraaj-art-caption {
    position: absolute;
    left: 24px;
    bottom: 21px;
    z-index: 4;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid rgba(112, 81, 62, 0.1);
    border-radius: 999px;
    background: rgba(255, 252, 247, 0.62);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: color-mix(in srgb, var(--bh-text) 72%, rgba(100, 70, 52, 0.5));
    font-family: var(--bh-sans);
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

@keyframes bhraaj-v132-product-float {
    0%, 100% {
        transform: translate3d(0, 0, 0) rotate(-0.35deg) scale(1);
    }
    50% {
        transform: translate3d(0, -10px, 0) rotate(0.5deg) scale(1.012);
    }
}

html[data-theme="dark"] .bhraaj-home-v132 .bhraaj-hero-art {
    background:
        linear-gradient(rgba(12, 10, 10, 0.34), rgba(12, 10, 10, 0.34)),
        url('../images/BHRAAJ_hero-editorial-background_v132.png') center / cover no-repeat;
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 32px 74px rgba(0, 0, 0, 0.36);
}

html[data-theme="dark"] .bhraaj-home-v132 .bhraaj-hero-art::before {
    background:
        radial-gradient(circle at 50% 46%, rgba(255, 232, 211, 0.055) 0%, transparent 56%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.1));
}

html[data-theme="dark"] .bhraaj-home-v132 .bhraaj-hero-art::after {
    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.48) 0%,
        rgba(0, 0, 0, 0.22) 40%,
        transparent 78%
    );
    opacity: 0.74;
}

html[data-theme="dark"] .bhraaj-home-v132 .bhraaj-hero-product-image {
    filter:
        drop-shadow(0 26px 34px rgba(0, 0, 0, 0.38))
        drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}

html[data-theme="dark"] .bhraaj-home-v132 .bhraaj-art-caption {
    border-color: rgba(255, 255, 255, 0.07);
    background: rgba(20, 17, 16, 0.52);
    color: rgba(255, 247, 239, 0.74);
}

@media (max-width: 1180px) and (min-width: 1001px) {
    .bhraaj-home-v132 .bhraaj-hero-product-stage {
        width: 72%;
    }
}

@media (max-width: 1000px) {
    .bhraaj-home-v132 .bhraaj-hero-art {
        background-position: 50% 50%;
    }

    .bhraaj-home-v132 .bhraaj-hero-product-stage {
        width: min(78%, 480px);
        top: 49%;
    }
}

@media (max-width: 640px) {
    .bhraaj-home-v132 .bhraaj-hero-product-stage {
        width: min(82%, 420px);
        top: 49%;
    }

    .bhraaj-home-v132 .bhraaj-art-caption {
        left: 18px;
        bottom: 17px;
        padding: 6px 9px;
        font-size: 8px;
        letter-spacing: 0.12em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bhraaj-home-v132 .bhraaj-hero-product-image {
        animation: none !important;
        transform: none !important;
        will-change: auto;
    }
}


/* =========================================================
   BHRAAJ V133 — LIGHT MODE HERO BACKGROUND FIX
   The older light-mode hero rule uses a more specific selector
   and was overriding V132. This explicit V132 light-mode rule
   restores the generated editorial background in light mode.
   ========================================================= */
html:not([data-theme="dark"]) .bhraaj-home-v132 .bhraaj-hero-art {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(rgba(255, 251, 246, 0.08), rgba(255, 251, 246, 0.08)),
        url('../images/BHRAAJ_hero-editorial-background_v132.png') center / cover no-repeat;
    border-color: color-mix(in srgb, var(--bh-border) 72%, rgba(166, 126, 94, 0.26));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.38),
        0 30px 72px rgba(72, 48, 31, 0.1);
}

html:not([data-theme="dark"]) .bhraaj-home-v132 .bhraaj-hero-art::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 47%, rgba(255, 250, 244, 0.18) 0%, rgba(255, 250, 244, 0.08) 34%, transparent 64%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(84, 52, 33, 0.035) 100%);
}

html:not([data-theme="dark"]) .bhraaj-home-v132 .bhraaj-hero-art::after {
    content: "";
    position: absolute;
    inset: auto 10% 11% 10%;
    z-index: 1;
    height: 21%;
    pointer-events: none;
    background: radial-gradient(
        ellipse at center,
        rgba(49, 31, 20, 0.16) 0%,
        rgba(49, 31, 20, 0.08) 34%,
        rgba(49, 31, 20, 0.025) 58%,
        transparent 78%
    );
    filter: blur(22px);
    opacity: 0.68;
}


/* ==========================================================================
   BHRAAJ V134 — OFFICIAL CLIENT LOGO + CANONICAL BRAND ARTWORK
   --------------------------------------------------------------------------
   The client-supplied PNG is rendered directly, not as a one-colour mask.
   This preserves the original custom A treatment, emblem, stars, rule and
   SACRED TREASURES line exactly as supplied.
   Required asset:
   assets/images/BHRAAJ_official-client-logo_v134.png
   ========================================================================== */

.bhraaj-brand-logo-mark,
.bhraaj-footer-logo-mark,
.bhraaj-footer-brand-mask {
	-webkit-mask-image: none !important;
	mask-image: none !important;
	-webkit-mask: none !important;
	mask: none !important;
	background-color: transparent !important;
	background-image: url("../images/BHRAAJ_official-client-logo_v134.png") !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.bhraaj-brand-logo-mark {
	width: clamp(172px, 14.2vw, 206px) !important;
	max-width: none !important;
	height: auto !important;
	max-height: none !important;
	aspect-ratio: 1836 / 477 !important;
	background-position: center !important;
	opacity: 1;
}

.bhraaj-brand:hover .bhraaj-brand-logo-mark {
	opacity: 0.88;
	transform: translateY(-1px);
}

.bhraaj-footer-logo-mark,
.bhraaj-footer-brand-mask {
	width: clamp(350px, 38vw, 540px) !important;
	max-width: 100% !important;
	height: auto !important;
	aspect-ratio: 1836 / 477 !important;
	background-position: left center !important;
	opacity: 1;
}

.bhraaj-footer-brand-link:hover .bhraaj-footer-logo-mark,
.bhraaj-footer-brand-link:hover .bhraaj-footer-brand-mask {
	opacity: 0.90;
	transform: translateY(-1px);
}

html[data-theme="dark"] .bhraaj-brand-logo-mark,
html[data-theme="dark"] .bhraaj-footer-logo-mark,
html[data-theme="dark"] .bhraaj-footer-brand-mask {
	background-color: transparent !important;
	background-image: url("../images/BHRAAJ_official-client-logo_v134.png") !important;
}

@media (max-width: 1000px) {
	.bhraaj-brand-logo-mark {
		width: clamp(150px, 20vw, 184px) !important;
	}

	.bhraaj-footer-logo-mark,
	.bhraaj-footer-brand-mask {
		width: clamp(310px, 48vw, 470px) !important;
	}
}

@media (max-width: 640px) {
	.bhraaj-brand-logo-mark {
		width: 124px !important;
		max-width: 124px !important;
		max-height: none !important;
	}

	.bhraaj-footer-logo-mark,
	.bhraaj-footer-brand-mask {
		width: min(390px, 88vw) !important;
	}
}

@media (max-width: 390px) {
	.bhraaj-brand-logo-mark {
		width: 112px !important;
		max-width: 112px !important;
	}
}

/* ==========================================================================
   BHRAAJ V135 — OFFICIAL HEADER LOGO, NO MASK / NO BOX
   --------------------------------------------------------------------------
   Header only. Footer branding remains exactly as approved in V134.
   Required existing theme asset:
   assets/images/bhraaj-official-logo-gold.png
   ========================================================================== */

.bhraaj-header .bhraaj-brand-official {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    line-height: 0 !important;
}

.bhraaj-header .bhraaj-header-official-logo {
    display: block !important;
    width: auto !important;
    height: 56px !important;
    max-width: 176px !important;
    max-height: 56px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

.bhraaj-header .bhraaj-brand-official:hover .bhraaj-header-official-logo {
    opacity: 0.9 !important;
    transform: translateY(-1px);
}

.bhraaj-header .bhraaj-brand-official:focus-visible {
    outline: 1px solid currentColor !important;
    outline-offset: 7px !important;
    border-radius: 2px !important;
}

/* Prevent historical logo-mask rules from painting behind the new <img>. */
.bhraaj-header .bhraaj-brand-official::before,
.bhraaj-header .bhraaj-brand-official::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 1000px) {
    .bhraaj-header .bhraaj-header-official-logo {
        height: 50px !important;
        max-height: 50px !important;
        max-width: 158px !important;
    }
}

@media (max-width: 767px) {
    .bhraaj-header .bhraaj-brand-official {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        max-width: none !important;
        z-index: 3 !important;
    }

    .bhraaj-header .bhraaj-header-official-logo {
        height: 43px !important;
        max-height: 43px !important;
        max-width: 124px !important;
    }
}

@media (max-width: 390px) {
    .bhraaj-header .bhraaj-header-official-logo {
        height: 39px !important;
        max-height: 39px !important;
        max-width: 112px !important;
    }
}

/* ==========================================================================
   BHRAAJ V137 — CLIENT WORDMARK HEADER
   --------------------------------------------------------------------------
   Header uses the exact client-supplied BHRAAJ wordmark artwork, cleaned only
   to a transparent PNG. Wishlist behavior remains untouched.
   ========================================================================== */

.bhraaj-header .bhraaj-brand-client-wordmark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    line-height: 0 !important;
}

.bhraaj-header .bhraaj-brand-client-wordmark::before,
.bhraaj-header .bhraaj-brand-client-wordmark::after {
    content: none !important;
    display: none !important;
}

.bhraaj-header .bhraaj-header-client-wordmark {
    display: block !important;
    width: 150px !important;
    height: auto !important;
    max-width: 150px !important;
    max-height: none !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: translateZ(0);
    transition: opacity 180ms ease, transform 220ms var(--bh-ease);
}

.bhraaj-header .bhraaj-brand-client-wordmark:hover .bhraaj-header-client-wordmark {
    opacity: 0.92 !important;
    transform: translateY(-1px) translateZ(0);
}

.bhraaj-header .bhraaj-brand-client-wordmark:focus-visible {
    outline: 1px solid currentColor !important;
    outline-offset: 7px !important;
    border-radius: 2px !important;
}

@media (max-width: 1000px) {
    .bhraaj-header .bhraaj-header-client-wordmark {
        width: 142px !important;
        max-width: 142px !important;
    }
}

@media (max-width: 767px) {
    .bhraaj-header .bhraaj-brand-client-wordmark {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 3 !important;
    }

    .bhraaj-header .bhraaj-header-client-wordmark {
        width: 126px !important;
        max-width: 126px !important;
    }
}

@media (max-width: 390px) {
    .bhraaj-header .bhraaj-header-client-wordmark {
        width: 114px !important;
        max-width: 114px !important;
    }
}


/* =========================================================
   BHRAAJ V138 — PRODUCT IMAGE CLARITY / NATIVE PIXEL LOCK
   =========================================================
   Keep raster product photography on a native, unscaled layer at rest.
   Several older card systems used translateZ(0) / scale(1.001), which can
   trigger GPU resampling and make otherwise sharp imagery look slightly soft.
   Hover motion is preserved, but the resting state is now pixel-clean.
   ========================================================= */

/* Global real-product image clarity. */
:is(
    .bhraaj-home-product-image,
    .bhraaj-wishlist-card-media img,
    .bhraaj-shop-product-media img,
    .wc-block-cart-item__image img,
    .wc-block-components-order-summary-item__image img,
    .wc-block-grid__product-image img
):not(.woocommerce-placeholder) {
    image-rendering: auto !important;
    filter: none !important;
    opacity: 1;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
}

/* Homepage / Wishlist: remove permanent GPU rasterisation at rest. */
.bhraaj-home-v41 .bhraaj-home-product-media,
.bhraaj-product-card-shared .bhraaj-home-product-media,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-media,
.bhraaj-wishlist-card-media {
    transform: none !important;
    will-change: auto !important;
}

.bhraaj-home-v41 .bhraaj-home-product-image,
.bhraaj-product-card-shared .bhraaj-home-product-image,
.bhraaj-wishlist-card.bhraaj-home-product .bhraaj-home-product-image,
.bhraaj-wishlist-card-media img {
    transform: none !important;
    will-change: auto !important;
}

/* Shop cards: same native resting state. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-shop-product-media,
body.bhraaj-shop-v22.woocommerce ul.products li.product .bhraaj-shop-product-media {
    transform: none !important;
    will-change: auto !important;
}

body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-shop-product-media img,
body.bhraaj-shop-v22.woocommerce ul.products li.product .bhraaj-shop-product-media img {
    transform: none !important;
    will-change: auto !important;
}

/* Bag / Cart and Checkout summary: no permanent transform/filter layer. */
body.woocommerce-cart .wc-block-cart-item__image img,
body.woocommerce-checkout .wc-block-components-order-summary-item__image img,
body.woocommerce-checkout .wc-block-components-product-image img {
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
}

/* Preserve the approved premium hover behaviour only while actually hovered. */
@media (hover:hover) and (pointer:fine) {
    .bhraaj-home-v41 .bhraaj-home-product:hover .bhraaj-home-product-media,
    .bhraaj-product-card-shared:hover .bhraaj-home-product-media,
    .bhraaj-wishlist-card.bhraaj-home-product:hover .bhraaj-home-product-media {
        transform: translateY(-4px) !important;
    }

    .bhraaj-home-v41 .bhraaj-home-product:hover .bhraaj-home-product-image,
    .bhraaj-product-card-shared:hover .bhraaj-home-product-image,
    .bhraaj-wishlist-card.bhraaj-home-product:hover .bhraaj-home-product-image {
        transform: scale(1.018) !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover .bhraaj-shop-product-media,
    body.bhraaj-shop-v22.woocommerce ul.products li.product:hover .bhraaj-shop-product-media {
        transform: translateY(-4px) !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover .bhraaj-shop-product-media img:not(.woocommerce-placeholder),
    body.bhraaj-shop-v22.woocommerce ul.products li.product:hover .bhraaj-shop-product-media img:not(.woocommerce-placeholder) {
        transform: scale(1.018) !important;
    }

    body.woocommerce-cart .wc-block-cart-item__image > a:hover img:not(.woocommerce-placeholder) {
        transform: scale(1.012) !important;
    }
}

/* Touch devices should always stay on the native raster layer. */
@media (hover:none), (pointer:coarse) {
    .bhraaj-home-product-media,
    .bhraaj-home-product-image,
    .bhraaj-wishlist-card-media,
    .bhraaj-wishlist-card-media img,
    .bhraaj-shop-product-media,
    .bhraaj-shop-product-media img,
    .wc-block-cart-item__image img,
    .wc-block-components-order-summary-item__image img {
        transform: none !important;
        will-change: auto !important;
    }
}


/* =========================================================
   BHRAAJ V139 — ENTER YOUR SPACE / LOGIN + REGISTER
   Dedicated logged-out account composition.
   WooCommerce remains the functional owner of authentication.
   ========================================================= */

body.woocommerce-account:not(.logged-in) .woocommerce {
    width: min(calc(100% - 48px), var(--bh-container)) !important;
    margin-inline: auto !important;
    padding: 0 0 clamp(82px, 8vw, 118px) !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce > .bhraaj-auth-masthead {
    width: 100% !important;
    margin: 0 !important;
    padding: clamp(54px, 6.5vw, 88px) 0 clamp(32px, 3.7vw, 48px) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 86%, transparent) !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead .bhraaj-account-masthead-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: clamp(28px, 4vw, 54px) !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead .bhraaj-account-kicker {
    margin: 0 0 12px !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead h1 {
    max-width: 780px !important;
    margin: 0 !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(50px, 5.5vw, 78px) !important;
    font-weight: 400 !important;
    line-height: .96 !important;
    letter-spacing: -.036em !important;
    text-wrap: balance;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead .bhraaj-account-intro {
    max-width: 620px !important;
    margin: 17px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead .bhraaj-account-state {
    align-self: end !important;
    margin: 0 0 5px !important;
    padding: 9px 13px !important;
    border: 1px solid var(--bh-account-border) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-surface) 90%, transparent) !important;
    color: var(--bh-text-soft) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 46%, transparent) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    align-items: start;
    gap: 0;
    padding-top: clamp(40px, 4.7vw, 66px);
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-shell.is-login-only {
    grid-template-columns: minmax(0, 720px);
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel {
    min-width: 0;
    margin: 0;
    background: transparent;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-login {
    padding: 4px clamp(42px, 5vw, 72px) 8px 0;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-register {
    position: relative;
    padding: 4px 0 8px clamp(42px, 5vw, 72px);
    border-left: 0;
}

/* V140: extend the desktop center divider slightly beyond the form content. */
body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-register::before {
    content: "";
    position: absolute;
    top: -16px;
    bottom: -24px;
    left: 0;
    width: 1px;
    background: color-mix(in srgb, var(--bh-border) 88%, transparent);
    pointer-events: none;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-head {
    max-width: 570px;
    margin: 0 0 30px;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-kicker {
    margin: 0 0 10px;
    color: var(--bh-red);
    font-family: var(--bh-sans);
    font-size: 9px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-head h2 {
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(38px, 3.65vw, 52px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -.03em !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-head > p:last-child {
    max-width: 500px;
    margin: 14px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 12.5px !important;
    line-height: 1.72 !important;
}

body.woocommerce-account:not(.logged-in) form.bhraaj-auth-form {
    width: 100% !important;
    max-width: 580px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .form-row {
    margin: 0 0 18px !important;
    padding: 0 !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .form-row label:not(.woocommerce-form-login__rememberme) {
    display: block !important;
    margin: 0 0 8px !important;
    color: color-mix(in srgb, var(--bh-text) 68%, transparent) !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    letter-spacing: .085em !important;
    text-transform: uppercase !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form :is(
    input.input-text,
    input[type="text"],
    input[type="email"],
    input[type="password"]
) {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid color-mix(in srgb, var(--bh-account-border) 96%, transparent) !important;
    border-radius: 13px !important;
    outline: 0 !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;
    color: var(--bh-text) !important;
    -webkit-text-fill-color: var(--bh-text) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 45%, transparent) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    transition: border-color 200ms ease, box-shadow 200ms ease, background 200ms ease !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form :is(
    input.input-text,
    input[type="text"],
    input[type="email"],
    input[type="password"]
):focus {
    border-color: color-mix(in srgb, var(--bh-gold) 58%, var(--bh-border)) !important;
    background: var(--bh-surface) !important;
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--bh-gold) 10%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 52%, transparent) !important;
}

/* V143: single-source password eye.
   WooCommerce can inject its legacy .show-password-input control into .password-input.
   Hide that legacy control inside the BHRAAJ auth form so only the accessible
   BHRAAJ button remains. Hidden password = clean eye; visible = slashed eye. */
body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .password-input input[type="password"],
body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .password-input input[type="text"] {
    padding-right: 62px !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .password-input > .show-password-input,
body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .password-input > .show-password-input::before,
body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .password-input > .show-password-input::after {
    display: none !important;
    visibility: hidden !important;
    content: none !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .bhraaj-password-toggle {
    position: absolute !important;
    z-index: 6 !important;
    top: 50% !important;
    right: 9px !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: color 180ms ease, background 180ms ease !important;
}

/* BHRAAJ V144 FINAL — visual state mirrors actual password visibility:
   hidden = slashed eye; visible = open eye. */
body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .bhraaj-password-toggle::before {
    content: "" !important;
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    background: currentColor !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.25 12s3.55-6.15 9.75-6.15S21.75 12 21.75 12 18.2 18.15 12 18.15 2.25 12 2.25 12Z' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3.05' fill='none' stroke='black' stroke-width='1.85'/%3E%3Cpath d='M4.15 4.15 19.85 19.85' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.25 12s3.55-6.15 9.75-6.15S21.75 12 21.75 12 18.2 18.15 12 18.15 2.25 12 2.25 12Z' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3.05' fill='none' stroke='black' stroke-width='1.85'/%3E%3Cpath d='M4.15 4.15 19.85 19.85' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: contain !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .bhraaj-password-toggle[aria-pressed="true"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.25 12s3.55-6.15 9.75-6.15S21.75 12 21.75 12 18.2 18.15 12 18.15 2.25 12 2.25 12Z' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3.05' fill='none' stroke='black' stroke-width='1.85'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.25 12s3.55-6.15 9.75-6.15S21.75 12 21.75 12 18.2 18.15 12 18.15 2.25 12 2.25 12Z' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3.05' fill='none' stroke='black' stroke-width='1.85'/%3E%3C/svg%3E") !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .bhraaj-password-toggle:focus-visible {
    outline: 2px solid var(--bh-red) !important;
    outline-offset: 2px !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .bhraaj-password-toggle:hover {
        background: color-mix(in srgb, var(--bh-gold) 7%, transparent) !important;
        color: var(--bh-text) !important;
        opacity: 1 !important;
        transform: translateY(-50%) !important;
    }
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-login-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: -1px 0 24px;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 36px !important;
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    cursor: pointer;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .woocommerce-LostPassword {
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .woocommerce-LostPassword a {
    color: var(--bh-text) !important;
    text-underline-offset: 4px;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-password-note {
    margin: -1px 0 19px !important;
    padding: 13px 15px !important;
    border-left: 2px solid color-mix(in srgb, var(--bh-gold) 58%, var(--bh-border));
    color: var(--bh-text-soft) !important;
    background: color-mix(in srgb, var(--bh-gold) 3.5%, transparent);
    font-size: 12px !important;
    line-height: 1.65 !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .woocommerce-privacy-policy-text {
    max-width: 560px !important;
    margin: 19px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 11.5px !important;
    line-height: 1.72 !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .woocommerce-privacy-policy-text p {
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-submit-row {
    margin: 22px 0 0 !important;
}

/* V140: give Create account the same deliberate breathing room as the sign-in action. */
body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-register .bhraaj-auth-submit-row {
    margin-top: 32px !important;
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .bhraaj-auth-primary {
    min-width: 148px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 21px !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #171210, #0f0b0a) !important;
    color: #fffdf9 !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
    text-transform: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 10px 24px rgba(31, 23, 19, .12) !important;
    transition: transform 220ms var(--bh-ease), box-shadow 220ms ease, filter 200ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .bhraaj-auth-primary:hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.035) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 15px 32px rgba(31, 23, 19, .17) !important;
    }
}

body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .bhraaj-auth-primary:active {
    transform: translateY(0) scale(.985) !important;
    transition-duration: 90ms !important;
}

html[data-theme="dark"] body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-register {
    border-left-color: color-mix(in srgb, var(--bh-border) 94%, transparent);
}

html[data-theme="dark"] body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .bhraaj-auth-primary {
    border-color: color-mix(in srgb, var(--bh-gold) 18%, rgba(255,255,255,.08)) !important;
}

/* Tablet: retain hierarchy but reduce the center divide pressure. */
@media (max-width: 900px) {
    body.woocommerce-account:not(.logged-in) .bhraaj-auth-shell {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        padding-top: 36px !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-login {
        padding: 0 0 40px !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-register {
        padding: 38px 0 0 !important;
        border-left: 0 !important;
        border-top: 1px solid color-mix(in srgb, var(--bh-border) 88%, transparent) !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-register::before {
        content: none !important;
        display: none !important;
    }

    body.woocommerce-account:not(.logged-in) form.bhraaj-auth-form,
    body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-head {
        max-width: 640px !important;
    }
}

/* Mobile parity, including 320 × 568. */
@media (max-width: 600px) {
    body.woocommerce-account:not(.logged-in) .woocommerce {
        width: calc(100% - 30px) !important;
        padding-bottom: 72px !important;
    }

    body.woocommerce-account:not(.logged-in) .woocommerce > .bhraaj-auth-masthead {
        padding: 34px 0 25px !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead .bhraaj-account-masthead-inner {
        grid-template-columns: 1fr !important;
        align-items: start !important;
        gap: 16px !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead h1 {
        font-size: clamp(42px, 13.2vw, 56px) !important;
        line-height: .98 !important;
        letter-spacing: -.032em !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead .bhraaj-account-intro {
        margin-top: 13px !important;
        font-size: 12.5px !important;
        line-height: 1.68 !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead .bhraaj-account-state {
        justify-self: start !important;
        margin: 0 !important;
        padding: 8px 11px !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-shell {
        padding-top: 30px !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-login {
        padding-bottom: 34px !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-register {
        padding-top: 32px !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-head {
        margin-bottom: 24px !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-head h2 {
        font-size: clamp(34px, 10.8vw, 44px) !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-head > p:last-child {
        margin-top: 11px !important;
        font-size: 12px !important;
        line-height: 1.66 !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-form :is(
        input.input-text,
        input[type="text"],
        input[type="email"],
        input[type="password"]
    ) {
        height: 52px !important;
        min-height: 52px !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-login-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 21px;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-submit-row,
    body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .bhraaj-auth-primary {
        width: 100% !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-form .bhraaj-auth-primary {
        min-height: 48px !important;
    }
}

@media (max-width: 340px) {
    body.woocommerce-account:not(.logged-in) .woocommerce {
        width: calc(100% - 24px) !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead h1 {
        font-size: 41px !important;
    }

    body.woocommerce-account:not(.logged-in) .bhraaj-auth-panel-head h2 {
        font-size: 35px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead *,
    body.woocommerce-account:not(.logged-in) .bhraaj-auth-shell *,
    body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead *::before,
    body.woocommerce-account:not(.logged-in) .bhraaj-auth-shell *::before,
    body.woocommerce-account:not(.logged-in) .bhraaj-auth-masthead *::after,
    body.woocommerce-account:not(.logged-in) .bhraaj-auth-shell *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* =========================================================
   BHRAAJ V148 — ORDERS FINAL MOBILE FOCUS + CTA ALIGNMENT
   - WooCommerce may programmatically focus its freshly returned confirmation
     notice. Keep that accessibility focus target, but suppress the generic
     global red focus rectangle on this non-interactive success message only.
   - Lock the email-confirmation CTA content to true optical center.
   ========================================================= */
body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-account-confirmation-sent,
body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-account-confirmation-sent:focus,
body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-account-confirmation-sent:focus-visible {
    outline: 0 !important;
    outline-offset: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-account-confirm-email .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
}

@media (max-width: 767px) {
    body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-account-confirm-email .button {
        width: 100% !important;
        min-height: 50px !important;
        padding-inline: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

/* =========================================================
   BHRAAJ V150 — MY ACCOUNT / ADDRESSES FINAL CLARITY PASS
   - Keeps WooCommerce billing + shipping data architecture intact.
   - Customer-facing language clarifies Billing details vs Delivery address.
   - Scoped only to the new BHRAAJ address templates.
   ========================================================= */

body.woocommerce-account .bhraaj-addresses-intro {
    max-width: 760px;
    margin: 0 0 clamp(26px, 3vw, 38px);
}

body.woocommerce-account .bhraaj-addresses-intro p {
    margin: 0;
    color: var(--bh-text-soft);
    font-size: 13px;
    line-height: 1.72;
}

body.woocommerce-account .bhraaj-addresses-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 2.4vw, 30px);
    margin: 0;
}

body.woocommerce-account .bhraaj-address-card {
    min-width: 0;
    min-height: 258px;
    padding: clamp(28px, 3vw, 38px);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--bh-account-border);
    border-radius: 20px;
    background: color-mix(in srgb, var(--bh-surface) 96%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 48%, transparent);
}

body.woocommerce-account .bhraaj-address-card-kicker {
    margin: 0 0 10px;
    color: var(--bh-red);
    font-family: var(--bh-sans);
    font-size: 9px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.woocommerce-account .bhraaj-address-card h2 {
    margin: 0;
    color: var(--bh-text);
    font-family: var(--bh-serif);
    font-size: clamp(34px, 3.1vw, 46px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.028em;
}

body.woocommerce-account .bhraaj-address-card-purpose {
    max-width: 430px;
    margin: 14px 0 0;
    color: var(--bh-text-soft);
    font-size: 12px;
    line-height: 1.65;
}

body.woocommerce-account .bhraaj-address-card-address {
    margin: 20px 0 0;
    color: var(--bh-text);
    font-style: normal;
    font-size: 12.5px;
    line-height: 1.7;
}

body.woocommerce-account .bhraaj-address-card-address p,
body.woocommerce-account .bhraaj-address-card-address br {
    margin: 0;
}

body.woocommerce-account .bhraaj-address-card-empty {
    margin: 20px 0 0;
    color: var(--bh-text-soft);
    font-size: 12px;
    line-height: 1.65;
}

body.woocommerce-account .bhraaj-address-card-action {
    margin-top: auto;
    padding-top: 24px;
}

body.woocommerce-account .bhraaj-address-card-action .button {
    min-height: 42px !important;
    padding: 0 17px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--bh-account-border) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9.5px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: .045em !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account .bhraaj-address-card-action .button:hover {
        background: color-mix(in srgb, var(--bh-gold) 6%, transparent) !important;
        border-color: color-mix(in srgb, var(--bh-gold) 26%, var(--bh-account-border)) !important;
        transform: translateY(-1px) !important;
    }
}

body.woocommerce-account .bhraaj-address-form-shell {
    width: 100%;
    max-width: 900px;
}

body.woocommerce-account .bhraaj-address-form-head {
    max-width: 690px;
    margin: 0 0 30px;
}

body.woocommerce-account .bhraaj-address-form-kicker {
    margin: 0 0 10px;
    color: var(--bh-red);
    font-family: var(--bh-sans);
    font-size: 9px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.woocommerce-account .bhraaj-address-form-head h2 {
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(38px, 3.7vw, 52px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -.03em !important;
}

body.woocommerce-account .bhraaj-address-form-intro {
    max-width: 650px;
    margin: 14px 0 0;
    color: var(--bh-text-soft);
    font-size: 12.5px;
    line-height: 1.7;
}

body.woocommerce-account form.woocommerce-address-fields.bhraaj-address-form {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 !important;
}

body.woocommerce-account .bhraaj-address-form .woocommerce-address-fields__field-wrapper {
    width: 100%;
}

body.woocommerce-account .bhraaj-address-form .bhraaj-address-save-row {
    margin: 8px 0 0 !important;
}

body.woocommerce-account .bhraaj-address-form .bhraaj-address-save-button {
    min-height: 44px !important;
    padding: 0 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    text-align: center !important;
}

html[data-theme="dark"] body.woocommerce-account .bhraaj-address-card {
    background: color-mix(in srgb, var(--bh-surface) 94%, #000 6%);
}

@media (max-width: 767px) {
    body.woocommerce-account .bhraaj-addresses-intro {
        margin-bottom: 22px;
    }

    body.woocommerce-account .bhraaj-addresses-intro p {
        font-size: 12px;
        line-height: 1.65;
    }

    body.woocommerce-account .bhraaj-addresses-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    body.woocommerce-account .bhraaj-address-card {
        min-height: 0;
        padding: 22px 20px;
        border-radius: 16px;
    }

    body.woocommerce-account .bhraaj-address-card h2 {
        font-size: clamp(32px, 10.5vw, 40px);
    }

    body.woocommerce-account .bhraaj-address-card-action {
        padding-top: 20px;
    }

    body.woocommerce-account .bhraaj-address-card-action .button {
        width: 100% !important;
        min-height: 46px !important;
    }

    body.woocommerce-account .bhraaj-address-form-head {
        margin-bottom: 24px;
    }

    body.woocommerce-account .bhraaj-address-form-head h2 {
        font-size: clamp(34px, 11vw, 44px) !important;
    }

    body.woocommerce-account .bhraaj-address-form-intro {
        font-size: 12px;
        line-height: 1.65;
    }

    body.woocommerce-account form.woocommerce-address-fields.bhraaj-address-form {
        padding: 22px 18px !important;
        border-radius: 16px !important;
    }

    body.woocommerce-account .bhraaj-address-form .bhraaj-address-save-button {
        width: 100% !important;
        min-height: 48px !important;
    }
}

@media (max-width: 340px) {
    body.woocommerce-account .bhraaj-address-card {
        padding: 20px 17px;
    }

    body.woocommerce-account form.woocommerce-address-fields.bhraaj-address-form {
        padding: 20px 15px !important;
    }
}

/* =========================================================
   BHRAAJ V157 — OWNED COUNTRY + STATE CONTROLS
   These two controls are rendered directly by BHRAAJ in
   form-edit-address.php, so they no longer depend on variable
   WooCommerce / SelectWoo markup.
   ========================================================= */

body.woocommerce-account .bhraaj-address-form .bhraaj-owned-address-row {
    width: 100% !important;
    max-width: none !important;
    grid-column: 1 / -1 !important;
}

body.woocommerce-account .bhraaj-address-form .bhraaj-owned-address-row > label {
    display: block !important;
    margin: 0 0 8px !important;
}

body.woocommerce-account .bhraaj-address-form .bhraaj-owned-address-control {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-account .bhraaj-address-form .bhraaj-owned-address-value,
body.woocommerce-account .bhraaj-address-form .bhraaj-owned-state-select {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 90%, transparent) !important;
    border-radius: 11px !important;
    background: color-mix(in srgb, var(--bh-surface) 90%, transparent) !important;
    color: var(--bh-text) !important;
    -webkit-text-fill-color: var(--bh-text) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 26%, transparent) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

body.woocommerce-account .bhraaj-address-form .bhraaj-owned-state-select {
    display: block !important;
    padding-right: 42px !important;
    appearance: auto !important;
}

body.woocommerce-account .bhraaj-address-form .bhraaj-owned-state-select:focus {
    outline: none !important;
    border-color: color-mix(in srgb, var(--bh-gold) 58%, var(--bh-border)) !important;
    background: var(--bh-surface) !important;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--bh-gold) 8%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 28%, transparent) !important;
}

html[data-theme="dark"] body.woocommerce-account .bhraaj-address-form .bhraaj-owned-address-value,
html[data-theme="dark"] body.woocommerce-account .bhraaj-address-form .bhraaj-owned-state-select {
    background: color-mix(in srgb, var(--bh-surface) 94%, #000 6%) !important;
}

/* =========================================================
   BHRAAJ V158 — ACCOUNT DETAILS FINAL
   - Native WooCommerce account saving + password validation.
   - Real SECURITY -> Password change hierarchy in markup.
   - Accessible BHRAAJ password visibility buttons.
   ========================================================= */

body.woocommerce-account .bhraaj-account-details-form::before,
body.woocommerce-account .bhraaj-account-details-form::after,
body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-section::before,
body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-section::after {
    content: none !important;
    display: none !important;
}

body.woocommerce-account .bhraaj-account-details-form {
    max-width: 820px !important;
}

body.woocommerce-account .bhraaj-account-profile-head {
    grid-column: 1 / -1;
    margin: 0 0 24px;
}

body.woocommerce-account .bhraaj-account-section-kicker {
    margin: 0 0 8px !important;
    color: var(--bh-red) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

body.woocommerce-account .bhraaj-account-section-copy {
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-field-help {
    display: block;
    margin: 7px 0 0;
    color: var(--bh-text-soft);
    font-size: 11.5px;
    font-style: normal;
    line-height: 1.55;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-section {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 38px 0 0 !important;
    padding: 31px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--bh-border) !important;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-section legend {
    order: 2 !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(36px, 3.15vw, 46px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-section > .bhraaj-account-section-kicker {
    order: 1 !important;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-section > .bhraaj-account-section-copy {
    order: 3 !important;
    margin-bottom: 24px !important;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-section > .form-row {
    order: 4 !important;
    width: 100% !important;
    max-width: 760px !important;
    margin-bottom: 17px !important;
}

body.woocommerce-account .bhraaj-account-password-wrap {
    position: relative;
    display: block;
    width: 100%;
}

body.woocommerce-account .bhraaj-account-password-wrap input[type="password"],
body.woocommerce-account .bhraaj-account-password-wrap input[type="text"] {
    width: 100% !important;
    padding-right: 58px !important;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-password-toggle {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 8px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--bh-text-soft);
    cursor: pointer;
    box-shadow: none;
    transition: background-color 180ms ease, color 180ms ease;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-password-toggle svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.woocommerce-account .bhraaj-account-details-form
.bhraaj-password-toggle[aria-pressed="false"] .bhraaj-password-eye-slash {
    opacity: 1;
}

body.woocommerce-account .bhraaj-account-details-form
.bhraaj-password-toggle[aria-pressed="true"] .bhraaj-password-eye-slash {
    opacity: 0;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-password-toggle:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bh-gold) 62%, var(--bh-text));
    outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account .bhraaj-account-details-form .bhraaj-password-toggle:hover {
        background: color-mix(in srgb, var(--bh-gold) 8%, transparent);
        color: var(--bh-text);
    }
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-save-row {
    grid-column: 1 / -1 !important;
    margin: 10px 0 0 !important;
    padding-top: 8px !important;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-save-row .button {
    min-width: 154px !important;
    min-height: 48px !important;
    padding: 0 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
}

@media (max-width: 820px) {
    body.woocommerce-account .bhraaj-account-details-form {
        grid-template-columns: 1fr !important;
        max-width: 100% !important;
        padding: 24px 20px !important;
    }

    body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-section {
        padding-top: 28px !important;
    }
}

@media (max-width: 560px) {
    body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-profile-head {
        margin-bottom: 20px;
    }

    body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-section legend {
        font-size: clamp(34px, 11vw, 42px) !important;
    }

    body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-save-row .button {
        width: 100% !important;
    }
}

/* =========================================================
   BHRAAJ V159 — ACCOUNT DETAILS PASSWORD EYE ALIGNMENT LOCK
   - Fixes the three Account Details visibility controls so each
     eye sits optically centered inside its 50px password field.
   - No password logic, WooCommerce validation or other UI changed.
   ========================================================= */

body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
}

body.woocommerce-account .bhraaj-account-details-form
.bhraaj-account-password-wrap > input[type="password"],
body.woocommerce-account .bhraaj-account-details-form
.bhraaj-account-password-wrap > input[type="text"] {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding-right: 58px !important;
    box-sizing: border-box !important;
}

body.woocommerce-account .bhraaj-account-details-form
.bhraaj-account-password-wrap > .bhraaj-password-toggle {
    position: absolute !important;
    z-index: 5 !important;
    top: 5px !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    transform: none !important;
    line-height: 1 !important;
}

body.woocommerce-account .bhraaj-account-details-form
.bhraaj-account-password-wrap > .bhraaj-password-toggle svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
}

/* =========================================================
   BHRAAJ V160 — ACCOUNT DETAILS SINGLE-EYE FINAL FIX
   Root cause:
   legacy WooCommerce .show-password-input rules still exist globally
   and use conflicting top / margin / transform positioning.
   Inside Account Details we suppress that native control completely
   and keep only the BHRAAJ-controlled visibility button.
   ========================================================= */

/* Remove WooCommerce's legacy eye only inside Account Details. */
body.woocommerce-account .bhraaj-account-details-form .show-password-input,
body.woocommerce-account .bhraaj-account-details-form .show-password-input::before,
body.woocommerce-account .bhraaj-account-details-form .show-password-input::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    content: none !important;
}

/* The BHRAAJ wrapper owns the geometry. */
body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}

body.woocommerce-account .bhraaj-account-details-form
.bhraaj-account-password-wrap > input[type="password"],
body.woocommerce-account .bhraaj-account-details-form
.bhraaj-account-password-wrap > input[type="text"] {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding-right: 60px !important;
    box-sizing: border-box !important;
}

/* One eye only, mathematically centered in the input. */
body.woocommerce-account .bhraaj-account-details-form
.bhraaj-account-password-wrap > .bhraaj-password-toggle {
    position: absolute !important;
    z-index: 6 !important;
    top: 50% !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    line-height: 1 !important;
}

body.woocommerce-account .bhraaj-account-details-form
.bhraaj-account-password-wrap > .bhraaj-password-toggle svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    transform: none !important;
}

/* =========================================================
   BHRAAJ V161 — NATIVE WOOCOMMERCE ACCOUNT EYE POSITION
   FINAL OVERRIDE
   Verified root cause in the active stylesheet:
   .show-password-input was receiving top:50% + margin-top:-20px
   + translateY(-50%), which moved it upward twice.

   This targets the ACTUAL WooCommerce Account Details eye,
   regardless of whether the custom BHRAAJ account template loads.
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-EditAccountForm
.password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

body.woocommerce-account.logged-in
.woocommerce-EditAccountForm
.password-input > .show-password-input {
    position: absolute !important;
    z-index: 8 !important;

    top: 50% !important;
    right: 10px !important;
    bottom: auto !important;
    left: auto !important;

    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;
    place-items: center !important;

    transform: translateY(-50%) !important;

    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;

    color: var(--bh-text-soft) !important;
    opacity: 1 !important;
    line-height: 1 !important;

    visibility: visible !important;
    pointer-events: auto !important;
}

/* Keep WooCommerce's native icon itself centered inside the 40px hit target. */
body.woocommerce-account.logged-in
.woocommerce-EditAccountForm
.password-input > .show-password-input::before {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    line-height: 1 !important;
}

/* Do not let the old global hover transform remove the vertical centering. */
@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account.logged-in
    .woocommerce-EditAccountForm
    .password-input > .show-password-input:hover {
        transform: translateY(-50%) scale(1.03) !important;
        background: color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
        color: var(--bh-text) !important;
    }
}

/* =========================================================
   BHRAAJ V163 — FOOTER LEGAL LINKS
   - Keeps Explore + Help unchanged.
   - Adds discreet Privacy Policy + Terms & Conditions links
     to the lower footer row without turning them into a third column.
   ========================================================= */

.bhraaj-footer-legal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 0;
}

.bhraaj-footer-legal a {
    position: relative;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    white-space: nowrap;
}

.bhraaj-footer-legal a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 240ms var(--bh-ease);
}

.bhraaj-footer-legal a:hover::after,
.bhraaj-footer-legal a:focus-visible::after {
    transform: scaleX(1);
    transform-origin: left;
}

.bhraaj-footer-legal a:focus-visible {
    outline: 1px solid currentColor;
    outline-offset: 4px;
    border-radius: 2px;
}

@media (max-width: 700px) {
    .bhraaj-footer-bottom {
        align-items: flex-start !important;
    }

    .bhraaj-footer-legal {
        order: 3;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px;
    }
}

/* =========================================================
   BHRAAJ V164 — RETURN / REFUND POLICY CONTENT RAIL
   Layout only. Policy text and document structure are untouched.
   Gives long-form policy copy balanced breathing room on both sides.
   ========================================================= */

body.bhraaj-policy-page .bhraaj-main {
    width: 100% !important;
    max-width: 1280px !important;
    margin-inline: auto !important;
    padding-inline: clamp(28px, 6vw, 88px) !important;
    box-sizing: border-box !important;
}

body.bhraaj-policy-page .bhraaj-main > * {
    max-width: 100% !important;
}

body.bhraaj-policy-page .bhraaj-main :is(
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    ol,
    blockquote,
    table,
    .wp-block-group,
    .wp-block-columns
) {
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    body.bhraaj-policy-page .bhraaj-main {
        padding-inline: clamp(20px, 6vw, 28px) !important;
    }
}

@media (max-width: 359px) {
    body.bhraaj-policy-page .bhraaj-main {
        padding-inline: 18px !important;
    }
}

/* =========================================================
   BHRAAJ V165 — POLICY TITLE + MOBILE WORDMARK OPTICAL CENTRE
   1) Adds editorial hierarchy to Return / Refund Policy.
   2) On mobile, positions the client wordmark at the visual midpoint
      between the hamburger and the theme toggle rather than the
      mathematical viewport centre.
   ========================================================= */

/* ---------- Return / Refund Policy title ---------- */

body.bhraaj-policy-page .bhraaj-policy-heading {
    width: 100%;
    margin: 0 0 clamp(34px, 4.5vw, 58px);
    padding: clamp(42px, 5.5vw, 72px) 0 clamp(26px, 3.2vw, 42px);
    border-bottom: 1px solid var(--bh-border);
}

body.bhraaj-policy-page .bhraaj-policy-title {
    max-width: 980px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(52px, 6.2vw, 88px) !important;
    font-weight: 400 !important;
    line-height: .96 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
}

@media (max-width: 767px) {
    body.bhraaj-policy-page .bhraaj-policy-heading {
        margin-bottom: 30px;
        padding-top: 30px;
        padding-bottom: 24px;
    }

    body.bhraaj-policy-page .bhraaj-policy-title {
        font-size: clamp(42px, 13.5vw, 58px) !important;
        line-height: .98 !important;
    }
}

/* ---------- Mobile header client-wordmark optical centre ---------- */

@media (max-width: 767px) {
    /*
     * The right side carries Theme + Account + Bag, so true viewport centre
     * reads visually too far right. This shift places BHRAAJ between the
     * hamburger and the first utility (Theme), matching the intended balance.
     */
    .bhraaj-header .bhraaj-brand-client-wordmark {
        left: calc(50% - 28px) !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

@media (max-width: 390px) {
    .bhraaj-header .bhraaj-brand-client-wordmark {
        left: calc(50% - 26px) !important;
    }
}

/* =========================================================
   BHRAAJ V295 — CANONICAL CHECKOUT CONTROLS
   10 Sep 2026
   ---------------------------------------------------------
   Replaces the late V169/V170 shipping-radio overrides with one
   final control system for WooCommerce Checkout Blocks.

   Goals:
   - compact premium checkboxes (no stretched account control)
   - restrained shipping/payment radios (no bullseye/target look)
   - one coherent option card per shipping/payment method
   - light/dark parity
   - native WooCommerce semantics and Razorpay behavior preserved
   ========================================================= */

/* ---------- CHECKBOXES ---------- */
body.woocommerce-checkout
.wc-block-components-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 22px !important;
}

body.woocommerce-checkout
.wc-block-components-checkbox .wc-block-components-checkbox__input,
body.woocommerce-checkout
input[type="checkbox"].wc-block-components-checkbox__input {
    box-sizing: border-box !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    border: 1.35px solid color-mix(in srgb, var(--bh-text) 38%, transparent) !important;
    border-radius: 5px !important;
    background-color: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 12px 12px !important;
    box-shadow: none !important;
    cursor: pointer !important;

    transition:
        border-color 160ms ease,
        background-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease !important;
}

body.woocommerce-checkout
.wc-block-components-checkbox .wc-block-components-checkbox__input:checked,
body.woocommerce-checkout
input[type="checkbox"].wc-block-components-checkbox__input:checked {
    border-color: var(--bh-text) !important;
    background-color: var(--bh-text) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.2 6.4 11.2 12.8 4.8' fill='none' stroke='%23fffdf9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

body.woocommerce-checkout
.wc-block-components-checkbox .wc-block-components-checkbox__input:focus-visible,
body.woocommerce-checkout
input[type="checkbox"].wc-block-components-checkbox__input:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bh-gold) 55%, var(--bh-text)) !important;
    outline-offset: 3px !important;
}

body.woocommerce-checkout
.wc-block-components-checkbox .wc-block-components-checkbox__label,
body.woocommerce-checkout
.wc-block-components-checkbox label {
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

/* ---------- SHIPPING + PAYMENT: SHARED RADIO LANGUAGE ---------- */
body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__input,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input,
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__input {
    box-sizing: border-box !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    border: 1.35px solid color-mix(in srgb, var(--bh-text) 44%, transparent) !important;
    border-radius: 50% !important;
    background-color: var(--bh-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: pointer !important;

    transition:
        border-color 160ms ease,
        background 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease !important;
}

body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__input:checked,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input:checked,
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__input:checked {
    border-color: var(--bh-text) !important;
    background-color: var(--bh-surface) !important;
    background-image: radial-gradient(
        circle at center,
        var(--bh-text) 0 3px,
        transparent 3.35px
    ) !important;
    box-shadow: none !important;
}

body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__input:focus-visible,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input:focus-visible,
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__input:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bh-gold) 58%, var(--bh-text)) !important;
    outline-offset: 3px !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control .wc-block-components-radio-control__input:hover,
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input:hover,
    body.woocommerce-checkout
    .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__input:hover {
        border-color: var(--bh-text) !important;
        transform: scale(1.04) !important;
    }
}

/* ---------- SHIPPING OPTION ---------- */
body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 18px 0 48px !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 11%, transparent) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    cursor: pointer !important;

    transition:
        border-color 180ms ease,
        background-color 180ms ease,
        transform 180ms var(--bh-ease) !important;
}

body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__input,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input {
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__secondary-label,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__secondary-label {
    margin-left: auto !important;
    padding-left: 18px !important;
    color: var(--bh-text) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* ---------- PAYMENT OPTION ---------- */
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 11%, transparent) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;
    box-shadow: none !important;
    overflow: hidden !important;

    transition:
        border-color 180ms ease,
        background-color 180ms ease !important;
}

body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option
> .wc-block-components-radio-control__option {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 18px 0 48px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option
.wc-block-components-radio-control__input {
    left: 18px !important;
    top: 29px !important;
    transform: translateY(-50%) !important;
}

body.woocommerce-checkout
.wc-block-components-radio-control-accordion-content {
    margin: 0 !important;
    padding: 0 18px 16px 48px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

body.woocommerce-checkout
.wc-block-components-radio-control__label,
body.woocommerce-checkout
.wc-block-components-radio-control__label-group {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
}

/* Selected state belongs to the option card, not to a heavy radio fill. */
body.woocommerce-checkout
.wc-block-components-shipping-rates-control
.wc-block-components-radio-control__option:has(.wc-block-components-radio-control__input:checked),
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package
.wc-block-components-radio-control__option:has(.wc-block-components-radio-control__input:checked),
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option:has(.wc-block-components-radio-control__input:checked) {
    border-color: color-mix(in srgb, var(--bh-gold) 34%, var(--bh-border)) !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, var(--bh-gold) 2%) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bh-gold) 4%, transparent) !important;
}

/* Known order-note shells stay out of the launch checkout even if a cached
   Checkout Block briefly paints them before the PHP setting is reflected. */
body.woocommerce-checkout .wc-block-checkout__add-note,
body.woocommerce-checkout .wc-block-components-checkout-step--order-notes,
body.woocommerce-checkout [data-block-name="woocommerce/checkout-order-note-block"] {
    display: none !important;
}

@media (max-width: 640px) {
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option,
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option,
    body.woocommerce-checkout
    .wc-block-components-radio-control-accordion-option
    > .wc-block-components-radio-control__option {
        min-height: 56px !important;
        padding-left: 44px !important;
        padding-right: 14px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control .wc-block-components-radio-control__input,
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input,
    body.woocommerce-checkout
    .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__input {
        left: 14px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-radio-control-accordion-content {
        padding-left: 44px !important;
        padding-right: 14px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-checkbox .wc-block-components-checkbox__label,
    body.woocommerce-checkout
    .wc-block-components-checkbox label {
        font-size: 12px !important;
    }
}

/* =========================================================
   BHRAAJ V171 — MOBILE BAG TITLE WIDTH / VERTICAL COMPRESSION
   Scope: Bag / Cart mobile only.
   Goal:
   - let product copy use the full remaining width beside the image
   - stop WooCommerce/table sizing from leaving dead space on the right
   - preserve quantity, trash, pricing and live line-total behavior
   ========================================================= */

@media (max-width: 760px) {

    /* Force each cart row to use the actual available mobile width. */
    body.bhraaj-cart-v91
    table.wc-block-cart-items
    tr.wc-block-cart-items__row {
        display: grid !important;
        grid-template-columns: 112px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Image remains in the first column only. */
    body.bhraaj-cart-v91
    .wc-block-cart-item__image {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 112px !important;
        max-width: 112px !important;
        min-width: 0 !important;
        align-self: start !important;
    }

    body.bhraaj-cart-v91
    .wc-block-cart-item__image > a,
    body.bhraaj-cart-v91
    .wc-block-cart-item__image img {
        width: 112px !important;
        max-width: 112px !important;
        height: auto !important;
    }

    /*
     * Critical fix:
     * the product cell must own ALL remaining row width.
     * Remove WooCommerce/table widths that were squeezing the title.
     */
    body.bhraaj-cart-v91
    .wc-block-cart-item__product {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* Product copy may use the whole product cell. */
    body.bhraaj-cart-v91
    .wc-block-cart-item__product > .wc-block-components-product-name,
    body.bhraaj-cart-v91
    .wc-block-cart-item__product > .wc-block-cart-item__prices,
    body.bhraaj-cart-v91
    .wc-block-cart-item__product > .wc-block-components-product-metadata,
    body.bhraaj-cart-v91
    .wc-block-cart-item__product > .wc-block-components-product-details {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
    }

    body.bhraaj-cart-v91
    .wc-block-components-product-name {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 0 6px !important;
        font-size: clamp(20px, 6.4vw, 25px) !important;
        line-height: 1.04 !important;
        letter-spacing: -.018em !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    /*
     * WooCommerce's original total cell is already hidden by the existing
     * BHRAAJ mobile line-total system. Keep it completely out of layout so
     * it cannot reserve a phantom right-side column.
     */
    body.bhraaj-cart-v91
    .wc-block-cart-item__total {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Keep the utility row compact underneath the copy. */
    body.bhraaj-cart-v91
    .wc-block-cart-item__product > .wc-block-components-quantity-selector {
        margin-top: 10px !important;
    }

    body.bhraaj-cart-v91
    .bhraaj-mobile-line-total {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 8px !important;
    }
}

@media (max-width: 390px) {

    body.bhraaj-cart-v91
    table.wc-block-cart-items
    tr.wc-block-cart-items__row {
        grid-template-columns: 102px minmax(0, 1fr) !important;
        column-gap: 12px !important;
    }

    body.bhraaj-cart-v91
    .wc-block-cart-item__image,
    body.bhraaj-cart-v91
    .wc-block-cart-item__image > a,
    body.bhraaj-cart-v91
    .wc-block-cart-item__image img {
        width: 102px !important;
        max-width: 102px !important;
    }

    body.bhraaj-cart-v91
    .wc-block-components-product-name {
        font-size: clamp(19px, 6.2vw, 22px) !important;
        line-height: 1.05 !important;
    }
}

@media (max-width: 340px) {

    body.bhraaj-cart-v91
    table.wc-block-cart-items
    tr.wc-block-cart-items__row {
        grid-template-columns: 94px minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }

    body.bhraaj-cart-v91
    .wc-block-cart-item__image,
    body.bhraaj-cart-v91
    .wc-block-cart-item__image > a,
    body.bhraaj-cart-v91
    .wc-block-cart-item__image img {
        width: 94px !important;
        max-width: 94px !important;
    }

    body.bhraaj-cart-v91
    .wc-block-components-product-name {
        font-size: 19px !important;
    }
}

/* =========================================================
   BHRAAJ V172 — MOBILE CHECKOUT FULL-WIDTH COMPOSITION
   Scope: WooCommerce Checkout Blocks, mobile only.
   Purpose:
   - remove inherited narrow content rails on checkout
   - use nearly the full viewport with safe edge gutters
   - widen Contact, Shipping, Payment and Order Summary
   - reduce excessive inner horizontal padding
   - preserve all WooCommerce checkout/payment/shipping logic
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Remove theme/block content-width constraints before styling the
     * individual Checkout cards. This is the key fix for the large
     * empty bands visible on both sides in mobile screenshots.
     */
    body.woocommerce-checkout main,
    body.woocommerce-checkout #primary,
    body.woocommerce-checkout .entry-content,
    body.woocommerce-checkout .wp-block-post-content,
    body.woocommerce-checkout .wp-block-woocommerce-checkout,
    body.woocommerce-checkout .wc-block-checkout,
    body.woocommerce-checkout .wc-block-components-sidebar-layout {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /*
     * One deliberate mobile gutter only.
     * Do not stack page padding + Checkout padding.
     */
    body.woocommerce-checkout .wc-block-checkout {
        display: block !important;
        padding: 24px 14px 72px !important;
    }

    body.woocommerce-checkout .wc-block-checkout__main,
    body.woocommerce-checkout .wc-block-checkout__sidebar,
    body.woocommerce-checkout .wc-block-components-main,
    body.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main,
    body.woocommerce-checkout .wc-block-components-sidebar {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Main checkout cards use the full available column. */
    body.woocommerce-checkout
    .wc-block-checkout__main
    .wc-block-components-checkout-step {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 20px 16px !important;
        box-sizing: border-box !important;
    }

    /*
     * Some Blocks nest a content wrapper inside the step and inherit a
     * constrained max-width. Neutralise that only inside Checkout.
     */
    body.woocommerce-checkout
    .wc-block-components-checkout-step__content,
    body.woocommerce-checkout
    .wc-block-components-checkout-step__container,
    body.woocommerce-checkout
    .wc-block-components-address-form,
    body.woocommerce-checkout
    .wc-block-checkout__payment-method,
    body.woocommerce-checkout
    .wc-block-checkout__payment-methods,
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control,
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control__package {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Notice/error cards must fill the same usable width. */
    body.woocommerce-checkout
    .wc-block-components-notice-banner,
    body.woocommerce-checkout
    .wc-block-store-notice {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Keep notice copy readable instead of forcing word-by-word wrapping. */
    body.woocommerce-checkout
    .wc-block-components-notice-banner__content,
    body.woocommerce-checkout
    .wc-block-components-notice-banner__content > div {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    /* Order Summary becomes a true full-width mobile card. */
    body.woocommerce-checkout .wc-block-checkout__sidebar {
        margin-top: 22px !important;
    }

    body.woocommerce-checkout .wc-block-components-sidebar {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary {
        width: 100% !important;
        max-width: none !important;
        padding: 22px 16px 6px !important;
        box-sizing: border-box !important;
    }

    /*
     * Use the available summary width efficiently:
     * image | flexible product copy | price.
     */
    body.woocommerce-checkout
    .wc-block-components-order-summary-item {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        grid-template-columns: 58px minmax(0, 1fr) auto !important;
        column-gap: 10px !important;
        align-items: start !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-checkout
    .wc-block-components-order-summary-item__image,
    body.woocommerce-checkout
    .wc-block-components-order-summary-item__image img {
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 58px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-order-summary-item__description {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        padding-left: 0 !important;
    }

    body.woocommerce-checkout
    .wc-block-components-order-summary-item
    .wc-block-components-product-name {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        font-size: 15.5px !important;
        line-height: 1.12 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    body.woocommerce-checkout
    .wc-block-components-order-summary-item__total-price,
    body.woocommerce-checkout
    .wc-block-components-order-summary-item
    > .wc-block-components-product-price {
        white-space: nowrap !important;
        min-width: max-content !important;
    }

    /* Totals/coupon/CTA align to the same inner edge. */
    body.woocommerce-checkout .wc-block-components-totals-wrapper {
        padding-inline: 16px !important;
    }

    body.woocommerce-checkout .wc-block-components-totals-coupon {
        margin-inline: 16px !important;
    }

    body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
    body.woocommerce-checkout button.wc-block-components-checkout-place-order-button {
        width: calc(100% - 32px) !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    body.woocommerce-checkout .wc-block-checkout__terms,
    body.woocommerce-checkout .wc-block-checkout__terms p {
        max-width: none !important;
    }
}

/* Extra protection at the user's 320px QA width. */
@media (max-width: 359px) {

    body.woocommerce-checkout .wc-block-checkout {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout__main
    .wc-block-components-checkout-step {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.woocommerce-checkout .wc-block-components-order-summary {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-order-summary-item {
        grid-template-columns: 54px minmax(0, 1fr) auto !important;
        column-gap: 9px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-order-summary-item__image,
    body.woocommerce-checkout
    .wc-block-components-order-summary-item__image img {
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        height: 54px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-order-summary-item
    .wc-block-components-product-name {
        font-size: 14.5px !important;
    }
}

/* =========================================================
   BHRAAJ V302 — MOBILE FULL-WIDTH SUMMARY DIVIDER
   Builds on V301 without changing checkout logic.
   - Mobile divider now runs edge-to-edge across the Order Summary card, matching desktop.
   - Mobile trust microcopy keeps the approved two-line treatment.
   - Desktop divider and refined product thumbnail remain unchanged.
   - Coupon/totals/Razorpay/Place Order behavior is unchanged.

   BHRAAJ V299 — MOBILE CHECKOUT DESKTOP-PARITY LOCK
   10 Sep 2026
   ---------------------------------------------------------
   Mobile-only correction:
   - keep WooCommerce's REAL Place Order button visible
   - preserve Terms / Privacy -> Place Order -> Order summary order
   - keep the existing native WooCommerce summary values
   - add the same BHRAAJ trust line after Total
   - remove the obsolete proxy-button presentation layer
   - desktop checkout remains untouched
   ========================================================= */

@media (max-width: 767px) {

    /*
     * The native WooCommerce / Razorpay Place Order button is the source of
     * truth. Earlier versions visually hid it and clicked it through a proxy.
     * V299 removes that fragile bridge and restores the real button on mobile.
     */
    body.woocommerce-checkout
    [data-bhraaj-native-place-order="true"],
    body.woocommerce-checkout
    [data-bhraaj-native-place-order="true"][data-bhraaj-mobile-native-hidden="true"],
    body.woocommerce-checkout
    .wc-block-components-checkout-place-order-button,
    body.woocommerce-checkout
    button.wc-block-components-checkout-place-order-button {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 56px !important;
        margin: 18px 0 24px !important;
        padding: 15px 22px !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        white-space: normal !important;
        border: 1px solid var(--bh-text) !important;
        border-radius: 999px !important;
        background: var(--bh-text) !important;
        color: var(--bh-surface) !important;
        box-shadow: none !important;
        font-family: var(--bh-sans) !important;
        font-size: 12px !important;
        font-weight: 760 !important;
        line-height: 1 !important;
        letter-spacing: .025em !important;
        text-align: center !important;
        opacity: 1 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-checkout
    .wc-block-components-checkout-place-order-button:hover:not(:disabled),
    body.woocommerce-checkout
    button.wc-block-components-checkout-place-order-button:hover:not(:disabled) {
        transform: translateY(-1px) !important;
        box-shadow: 0 10px 24px color-mix(in srgb, var(--bh-text) 10%, transparent) !important;
    }

    body.woocommerce-checkout
    .wc-block-components-checkout-place-order-button:active:not(:disabled),
    body.woocommerce-checkout
    button.wc-block-components-checkout-place-order-button:active:not(:disabled) {
        transform: translateY(0) !important;
        box-shadow: none !important;
    }

    body.woocommerce-checkout
    .wc-block-components-checkout-place-order-button:disabled,
    body.woocommerce-checkout
    button.wc-block-components-checkout-place-order-button:disabled,
    body.woocommerce-checkout
    .wc-block-components-checkout-place-order-button[aria-disabled="true"],
    body.woocommerce-checkout
    button.wc-block-components-checkout-place-order-button[aria-disabled="true"] {
        opacity: .42 !important;
        cursor: not-allowed !important;
        transform: none !important;
        box-shadow: none !important;
    }

    body.woocommerce-checkout
    .wc-block-components-checkout-place-order-button:focus-visible,
    body.woocommerce-checkout
    button.wc-block-components-checkout-place-order-button:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--bh-gold) 68%, var(--bh-text)) !important;
        outline-offset: 3px !important;
    }

    /*
     * Do not allow old generated proxy controls to participate if cached HTML
     * or a stale browser session still contains one.
     */
    body.woocommerce-checkout
    .bhraaj-mobile-place-order-proxy,
    body.woocommerce-checkout
    .bhraaj-mobile-place-order-button {
        display: none !important;
    }

    /* Suppress WooCommerce's compact duplicate summary only. */
    body.woocommerce-checkout
    .bhraaj-mobile-compact-summary,
    body.woocommerce-checkout
    .wc-block-components-order-summary__button,
    body.woocommerce-checkout
    .wc-block-components-order-summary__button-text,
    body.woocommerce-checkout
    .bhraaj-mobile-summary-native-toggle {
        display: none !important;
    }

    /* Hide a separate heading only when the V299 controller marks it duplicate. */
    body.woocommerce-checkout
    .bhraaj-mobile-order-summary-native-heading {
        display: none !important;
    }

    /*
     * The selected native shell already owns the real products, coupon,
     * subtotal, shipping and Total. Keep it as one premium card.
     */
    body.woocommerce-checkout
    .bhraaj-mobile-native-summary-shell {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 22px 16px 0 !important;
        border: 1px solid color-mix(in srgb, var(--bh-border) 78%, transparent) !important;
        border-radius: 22px !important;
        background: color-mix(in srgb, var(--bh-surface) 94%, transparent) !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /*
     * Same trust message as desktop. A CSS-generated footer is more robust than
     * injecting a React-owned node, so WooCommerce re-renders cannot remove it.
     */
    body.woocommerce-checkout
    .bhraaj-mobile-native-summary-shell::before {
        content: none !important;
        display: none !important;
    }

    body.woocommerce-checkout
    .bhraaj-mobile-native-summary-shell::after {
        content: "Secure checkout  •  Shipping across India\A Considered packaging" !important;
        display: block !important;
        width: calc(100% + 32px) !important;
        margin: 18px -16px 0 !important;
        padding: 14px 20px 18px !important;
        border-top: 1px solid color-mix(in srgb, var(--bh-border) 55%, transparent) !important;
        color: color-mix(in srgb, var(--bh-text) 70%, transparent) !important;
        font-family: var(--bh-sans) !important;
        font-size: 8.8px !important;
        font-weight: 500 !important;
        line-height: 1.5 !important;
        letter-spacing: .01em !important;
        text-align: center !important;
        white-space: pre-line !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-checkout
    .bhraaj-mobile-order-summary-heading {
        display: block !important;
        width: 100% !important;
        margin: 0 0 22px !important;
        padding: 0 !important;
        color: var(--bh-text) !important;
        font-family: var(--bh-serif) !important;
        font-size: clamp(30px, 9vw, 38px) !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: -.025em !important;
        text-transform: none !important;
    }

    body.woocommerce-checkout
    .bhraaj-mobile-native-summary-shell
    .wc-block-components-order-summary {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 0 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.woocommerce-checkout
    .bhraaj-mobile-native-summary-shell
    .wc-block-components-totals-coupon,
    body.woocommerce-checkout
    .bhraaj-mobile-native-summary-shell
    .wc-block-components-totals-wrapper {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-checkout
    .bhraaj-mobile-native-summary-shell
    .wc-block-components-totals-coupon,
    body.woocommerce-checkout
    .bhraaj-mobile-native-summary-shell
    .wc-block-components-totals-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 359px) {
    body.woocommerce-checkout
    .bhraaj-mobile-native-summary-shell {
        padding-left: 14px !important;
        padding-right: 14px !important;
        border-radius: 20px !important;
    }

    body.woocommerce-checkout
    .bhraaj-mobile-order-summary-heading {
        margin-bottom: 18px !important;
        font-size: 30px !important;
    }

    body.woocommerce-checkout
    .bhraaj-mobile-native-summary-shell::after {
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 8.3px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-checkout-place-order-button,
    body.woocommerce-checkout
    button.wc-block-components-checkout-place-order-button {
        min-height: 54px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

/* =========================================================
   BHRAAJ V184 — CLIENT REVISION BATCH
   - client header/footer artwork
   - footer-font header navigation
   - category-led homepage collection
   - Why BHRAAJ section
   - contact page
   - no checkout/payment behavior changes
   ========================================================= */

/* ---------- Header: client supplied wordmark ---------- */
.bhraaj-header .bhraaj-brand-client-v184 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.bhraaj-header .bhraaj-brand-client-v184::before,
.bhraaj-header .bhraaj-brand-client-v184::after {
    content: none !important;
    display: none !important;
}

.bhraaj-header .bhraaj-header-client-v184 {
    display: block !important;
    width: clamp(108px, 9.6vw, 138px) !important;
    max-width: none !important;
    height: auto !important;
    max-height: 33px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
}

/* Client request: same serif family used by footer navigation. */
.bhraaj-header .bhraaj-desktop-nav a {
    font-family: var(--bh-serif) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
}

@media (max-width: 1000px) {
    .bhraaj-header .bhraaj-header-client-v184 {
        width: 118px !important;
        max-height: 31px !important;
    }
}

@media (max-width: 767px) {
    .bhraaj-header .bhraaj-brand-client-v184 {
        position: absolute !important;
        left: calc(50% - 28px) !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 3 !important;
    }

    .bhraaj-header .bhraaj-header-client-v184 {
        width: 96px !important;
        max-height: 28px !important;
    }
}

@media (max-width: 390px) {
    .bhraaj-header .bhraaj-brand-client-v184 {
        left: calc(50% - 26px) !important;
    }

    .bhraaj-header .bhraaj-header-client-v184 {
        width: 88px !important;
    }
}

/* ---------- Footer: exact client Sacred Treasures artwork ---------- */
.bhraaj-footer .bhraaj-footer-brand-link-v184 {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    line-height: 0 !important;
}

.bhraaj-footer .bhraaj-footer-client-logo-v184 {
    display: block !important;
    width: clamp(250px, 27vw, 390px) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
    opacity: 1 !important;
    transform: translateZ(0);
    transition: opacity 200ms ease, transform 280ms var(--bh-ease);
}

.bhraaj-footer .bhraaj-footer-brand-link-v184:hover .bhraaj-footer-client-logo-v184 {
    opacity: .9 !important;
    transform: translateY(-1px);
}

/* Disable the historical mask/logo systems only inside the V184 footer brand. */
.bhraaj-footer .bhraaj-footer-brand-link-v184 .bhraaj-footer-brand-mask,
.bhraaj-footer .bhraaj-footer-brand-link-v184 .bhraaj-footer-logo-mark,
.bhraaj-footer .bhraaj-footer-brand-link-v184 .bhraaj-footer-brand-image {
    display: none !important;
}

@media (max-width: 700px) {
    .bhraaj-footer .bhraaj-footer-client-logo-v184 {
        width: min(300px, 78vw) !important;
    }
}

/* ---------- Homepage: remove old essence gap and lift collection ---------- */
body.home .bhraaj-home-v184 .bhraaj-collection-section-v184 {
    padding-top: clamp(68px, 8vw, 118px) !important;
}

.bhraaj-home-v184 .bhraaj-hero-description {
    max-width: 650px;
}

/* ---------- Dynamic category cards ---------- */
.bhraaj-home-categories-v184 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(20px, 2.6vw, 36px);
}

.bhraaj-home-category-card {
    min-width: 0;
}

.bhraaj-home-category-media {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: var(--bh-radius-lg);
    background: var(--bh-surface-soft);
    border: 1px solid var(--bh-border);
    box-shadow: 0 18px 48px rgba(52, 37, 27, .07);
}

.bhraaj-home-category-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform 620ms var(--bh-ease), filter 420ms ease;
}

.bhraaj-home-category-card:hover .bhraaj-home-category-image {
    transform: scale(1.045);
}

.bhraaj-home-category-media.is-placeholder {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    text-align: center;
}

.bhraaj-home-category-placeholder-brand {
    font-family: var(--bh-serif);
    font-size: clamp(32px, 4vw, 56px);
    letter-spacing: .16em;
}

.bhraaj-home-category-placeholder-note,
.bhraaj-home-category-count {
    color: var(--bh-text-soft);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bhraaj-home-category-copy {
    padding: 18px 2px 0;
}

.bhraaj-home-category-count {
    margin: 0 0 7px;
}

.bhraaj-home-category-copy h3 {
    margin: 0 0 11px;
    font-family: var(--bh-serif);
    font-size: clamp(28px, 2.6vw, 38px);
    font-weight: 500;
    line-height: 1;
}

.bhraaj-home-category-cta {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.bhraaj-home-category-cta::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor;
    transform-origin: right;
    transform: scaleX(.35);
    transition: transform 280ms var(--bh-ease);
}

.bhraaj-home-category-cta:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.bhraaj-home-categories-empty {
    grid-template-columns: 1fr;
}

.bhraaj-home-category-empty-copy {
    max-width: 680px;
    padding: clamp(32px, 5vw, 58px);
    border: 1px solid var(--bh-border);
    border-radius: var(--bh-radius-lg);
    background: var(--bh-surface);
}

.bhraaj-home-category-empty-copy h3 {
    margin: 0 0 14px;
    font-family: var(--bh-serif);
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 400;
}

/* ---------- Why BHRAAJ ---------- */
.bhraaj-why-section-v184 {
    padding: clamp(90px, 10vw, 150px) 0 clamp(96px, 11vw, 164px);
    border-top: 1px solid var(--bh-border);
}

.bhraaj-why-grid {
    display: grid;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
    gap: clamp(54px, 8vw, 126px);
    align-items: start;
}

.bhraaj-why-heading {
    position: sticky;
    top: calc(var(--bh-header-height) + 44px);
}

.bhraaj-why-heading h2 {
    max-width: 520px;
    margin: 0;
    font-family: var(--bh-serif);
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.03em;
}

.bhraaj-why-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 clamp(34px, 5vw, 70px);
}

.bhraaj-why-item {
    padding: 0 0 clamp(34px, 4vw, 52px);
    margin: 0 0 clamp(34px, 4vw, 52px);
    border-bottom: 1px solid var(--bh-border);
}

.bhraaj-why-item h3 {
    margin: 0 0 10px;
    font-family: var(--bh-serif);
    font-size: clamp(25px, 2.3vw, 34px);
    font-weight: 500;
}

.bhraaj-why-item p,
.bhraaj-why-closing {
    margin: 0;
    color: var(--bh-text-soft);
    font-size: clamp(15px, 1.3vw, 18px);
    line-height: 1.72;
}

.bhraaj-why-item-wide,
.bhraaj-why-closing,
.bhraaj-why-link {
    grid-column: 1 / -1;
}

.bhraaj-why-closing {
    margin-top: 4px;
    color: var(--bh-text);
    font-family: var(--bh-serif);
    font-size: clamp(24px, 2.6vw, 36px);
    line-height: 1.2;
}

.bhraaj-why-link {
    width: max-content;
    margin-top: 30px;
}

/* ---------- Contact page ---------- */
body.bhraaj-contact-page .bhraaj-contact-main {
    width: min(calc(100% - 48px), var(--bh-container));
    margin-inline: auto;
    padding: clamp(64px, 8vw, 112px) 0 clamp(90px, 10vw, 144px);
}

.bhraaj-contact-hero {
    padding-bottom: clamp(46px, 6vw, 76px);
    border-bottom: 1px solid var(--bh-border);
}

.bhraaj-contact-hero-copy {
    max-width: 820px;
}

.bhraaj-contact-hero h1 {
    margin: 0 0 22px;
    font-family: var(--bh-serif);
    font-size: clamp(58px, 7vw, 104px);
    font-weight: 400;
    line-height: .92;
    letter-spacing: -.04em;
}

.bhraaj-contact-hero-copy > p:last-child {
    max-width: 680px;
    margin: 0;
    color: var(--bh-text-soft);
    font-size: clamp(16px, 1.5vw, 20px);
    line-height: 1.7;
}

.bhraaj-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    padding-top: clamp(34px, 5vw, 64px);
}

.bhraaj-contact-card {
    min-height: 300px;
    padding: clamp(28px, 3.3vw, 42px);
    border: 1px solid var(--bh-border);
    border-radius: var(--bh-radius-lg);
    background: var(--bh-surface);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bhraaj-contact-label {
    margin: 0 0 28px;
    color: var(--bh-red);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.bhraaj-contact-card h2 {
    margin: 0 0 16px;
    font-family: var(--bh-serif);
    font-size: clamp(27px, 2.8vw, 38px);
    font-weight: 500;
    line-height: 1.05;
}

.bhraaj-contact-card > p:not(.bhraaj-contact-label) {
    margin: 0 0 28px;
    color: var(--bh-text-soft);
    line-height: 1.65;
}

.bhraaj-contact-card .bhraaj-button {
    margin-top: auto;
}

@media (max-width: 900px) {
    .bhraaj-home-categories-v184,
    .bhraaj-contact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bhraaj-why-grid {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .bhraaj-why-heading {
        position: static;
    }
}

@media (max-width: 640px) {
    .bhraaj-home-categories-v184,
    .bhraaj-contact-grid,
    .bhraaj-why-content {
        grid-template-columns: 1fr;
    }

    .bhraaj-why-item-wide,
    .bhraaj-why-closing,
    .bhraaj-why-link {
        grid-column: auto;
    }

    body.bhraaj-contact-page .bhraaj-contact-main {
        width: min(calc(100% - 36px), var(--bh-container));
        padding-top: 48px;
    }

    .bhraaj-contact-card {
        min-height: 260px;
    }
}

/* =========================================================
   V186 — Header utility icon micro-size refinement
   - Icon glyphs only: +1px.
   - Hover/control pill geometry remains exactly unchanged.
   ========================================================= */
.bhraaj-header-actions .bhraaj-theme-glyph,
.bhraaj-header-actions .bhraaj-account-icon,
.bhraaj-header-actions .bhraaj-bag-icon,
.bhraaj-header-actions .bhraaj-ui-icon {
    width: 19px !important;
    height: 19px !important;
}

@media (max-width: 767px) {
    .bhraaj-header-actions .bhraaj-theme-glyph,
    .bhraaj-header-actions .bhraaj-account-icon,
    .bhraaj-header-actions .bhraaj-bag-icon,
    .bhraaj-header-actions .bhraaj-ui-icon {
        width: 16px !important;
        height: 16px !important;
    }
}

/* =========================================================
   BHRAAJ V187 — Header utility icons: one more micro-step larger
   Keeps the existing hover/tap pill/circle geometry unchanged.
   ========================================================= */
.bhraaj-header-actions .bhraaj-ui-icon {
    width: 20px !important;
    height: 20px !important;
}

@media (max-width: 782px) {
    .bhraaj-header-actions .bhraaj-ui-icon {
        width: 17px !important;
        height: 17px !important;
    }
}

/* =========================================================
   BHRAAJ V192 — Editorial model carousel hero
   - Replaces the old floating single product artwork with a
     premium fade carousel sourced from WooCommerce media.
   - Keeps admin control simple: product gallery imagery and
     media metadata determine what appears here.
   ========================================================= */
.bhraaj-home-v192 .bhraaj-hero-art-v192 {
    position: relative;
}

.bhraaj-home-v192 .bhraaj-hero-carousel {
    position: relative;
    width: 100%;
    aspect-ratio: 0.9;
    min-height: 0;
}

.bhraaj-home-v192 .bhraaj-hero-carousel-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.bhraaj-home-v192 .bhraaj-hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(1.018);
    transition:
        opacity 760ms var(--bh-ease-soft),
        transform 900ms var(--bh-ease-soft),
        visibility 0s linear 760ms;
}

.bhraaj-home-v192 .bhraaj-hero-slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(1);
    transition-delay: 0s;
}

.bhraaj-home-v192 .bhraaj-hero-slide-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: calc(var(--bh-radius-lg) + 4px);
    background: var(--bh-surface-soft);
    box-shadow: 0 24px 70px rgba(54, 35, 25, .12);
}

.bhraaj-home-v192 .bhraaj-hero-slide-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 900ms var(--bh-ease-soft);
}

.bhraaj-home-v192 .bhraaj-hero-slide.is-active .bhraaj-hero-slide-image {
    transform: scale(1.014);
}

.bhraaj-home-v192 .bhraaj-hero-slide-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to top, rgba(16, 12, 10, .42) 0%, rgba(16, 12, 10, .12) 26%, rgba(16, 12, 10, 0) 56%),
        linear-gradient(to right, rgba(16, 12, 10, .12), transparent 38%);
    pointer-events: none;
}

.bhraaj-home-v192 .bhraaj-hero-slide-meta {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
    max-width: min(72%, 340px);
    padding: 12px 14px 13px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--bh-surface) 76%, transparent);
    border: 1px solid color-mix(in srgb, var(--bh-border) 86%, rgba(255,255,255,.3));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.bhraaj-home-v192 .bhraaj-hero-slide-kicker {
    color: var(--bh-text-soft);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.bhraaj-home-v192 .bhraaj-hero-slide-title {
    color: var(--bh-text);
    font-family: var(--bh-serif);
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 500;
    line-height: .98;
}

.bhraaj-home-v192 .bhraaj-hero-carousel-controls {
    position: absolute;
    right: 18px;
    bottom: 18px;
    left: 18px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    pointer-events: none;
}

.bhraaj-home-v192 .bhraaj-hero-carousel-button,
.bhraaj-home-v192 .bhraaj-hero-carousel-dot {
    pointer-events: auto;
}

.bhraaj-home-v192 .bhraaj-hero-carousel-button {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--bh-border) 92%, rgba(255,255,255,.22));
    border-radius: 50%;
    background: color-mix(in srgb, var(--bh-surface) 82%, transparent);
    box-shadow: 0 8px 20px rgba(35, 24, 18, .08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    cursor: pointer;
    transition: transform 220ms var(--bh-ease), background 220ms ease, border-color 220ms ease;
}

.bhraaj-home-v192 .bhraaj-hero-carousel-button:hover {
    transform: translateY(-1px);
    background: var(--bh-surface);
}

.bhraaj-home-v192 .bhraaj-hero-carousel-button span {
    font-size: 28px;
    line-height: 1;
    transform: translateY(-1px);
}

.bhraaj-home-v192 .bhraaj-hero-carousel-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bh-surface) 82%, transparent);
    border: 1px solid color-mix(in srgb, var(--bh-border) 88%, rgba(255,255,255,.18));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.bhraaj-home-v192 .bhraaj-hero-carousel-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: color-mix(in srgb, var(--bh-text-soft) 36%, transparent);
    cursor: pointer;
    transition: transform 220ms var(--bh-ease), background 220ms ease, opacity 220ms ease;
}

.bhraaj-home-v192 .bhraaj-hero-carousel-dot.is-active {
    background: var(--bh-red);
    transform: scale(1.08);
}

.bhraaj-home-v192 .bhraaj-art-caption {
    margin-top: 18px;
}

html[data-theme="dark"] .bhraaj-home-v192 .bhraaj-hero-slide-link {
    box-shadow: 0 28px 84px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .bhraaj-home-v192 .bhraaj-hero-slide-meta,
html[data-theme="dark"] .bhraaj-home-v192 .bhraaj-hero-carousel-button,
html[data-theme="dark"] .bhraaj-home-v192 .bhraaj-hero-carousel-dots {
    background: color-mix(in srgb, var(--bh-surface) 88%, transparent);
}

@media (max-width: 1000px) {
    .bhraaj-home-v192 .bhraaj-hero-carousel {
        aspect-ratio: 0.94;
    }
}

@media (max-width: 767px) {
    .bhraaj-home-v192 .bhraaj-hero-art-v192 {
        width: min(100%, 610px);
        margin-inline: auto;
    }

    .bhraaj-home-v192 .bhraaj-hero-carousel {
        aspect-ratio: .88;
    }

    .bhraaj-home-v192 .bhraaj-hero-slide-meta {
        left: 14px;
        right: 14px;
        bottom: 14px;
        max-width: none;
        padding: 11px 12px 12px;
        gap: 5px;
    }

    .bhraaj-home-v192 .bhraaj-hero-slide-title {
        font-size: 24px;
    }

    .bhraaj-home-v192 .bhraaj-hero-carousel-controls {
        right: 12px;
        bottom: 12px;
        left: 12px;
        gap: 8px;
    }

    .bhraaj-home-v192 .bhraaj-hero-carousel-button {
        width: 38px;
        height: 38px;
    }

    .bhraaj-home-v192 .bhraaj-hero-carousel-button span {
        font-size: 24px;
    }

    .bhraaj-home-v192 .bhraaj-hero-carousel-dots {
        padding: 9px 10px;
        gap: 7px;
    }
}


/* =========================================================
   BHRAAJ V193 — Manual square editorial carousel polish
   ========================================================= */
.bhraaj-home-v193 .bhraaj-hero-art-v193 {
    position: relative;
}

.bhraaj-home-v193 .bhraaj-hero-carousel {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
}

.bhraaj-home-v193 .bhraaj-hero-carousel-track,
.bhraaj-home-v193 .bhraaj-hero-slide,
.bhraaj-home-v193 .bhraaj-hero-slide-link {
    width: 100%;
    height: 100%;
}

.bhraaj-home-v193 .bhraaj-hero-slide-link {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: calc(var(--bh-radius-lg) + 4px);
    background: var(--bh-surface-soft);
    box-shadow: 0 24px 70px rgba(54, 35, 25, .10);
}

.bhraaj-home-v193 .bhraaj-hero-slide-image {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* No labels, captions, overlays, glass cards or decorative text. */
.bhraaj-home-v193 .bhraaj-hero-slide-shade,
.bhraaj-home-v193 .bhraaj-hero-slide-meta,
.bhraaj-home-v193 .bhraaj-art-caption {
    display: none !important;
}

/* Controls sit directly over the image, vertically centred. */
.bhraaj-home-v193 .bhraaj-hero-carousel-controls {
    position: absolute !important;
    inset: 0 !important;
    z-index: 4;
    display: block !important;
    pointer-events: none;
}

.bhraaj-home-v193 .bhraaj-hero-carousel-button {
    position: absolute !important;
    top: 50% !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    border-radius: 50% !important;
    background: rgba(16,12,10,.14) !important;
    color: #fff !important;
    box-shadow: none !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    pointer-events: auto;
    opacity: .76;
    transition: opacity 220ms ease, background 220ms ease, border-color 220ms ease !important;
}

.bhraaj-home-v193 .bhraaj-hero-carousel-button.is-prev {
    left: 14px !important;
}

.bhraaj-home-v193 .bhraaj-hero-carousel-button.is-next {
    right: 14px !important;
}

.bhraaj-home-v193 .bhraaj-hero-carousel-button:hover,
.bhraaj-home-v193 .bhraaj-hero-carousel-button:focus-visible {
    transform: translateY(-50%) !important;
    opacity: 1;
    background: rgba(16,12,10,.28) !important;
    border-color: rgba(255,255,255,.72) !important;
}

.bhraaj-home-v193 .bhraaj-hero-carousel-button span {
    display: block;
    font-size: 27px !important;
    font-weight: 300;
    line-height: 1;
    color: currentColor;
    transform: translateY(-1px);
}

/* Transparent dots: no capsule/pill behind them. */
.bhraaj-home-v193 .bhraaj-hero-carousel-dots {
    position: absolute !important;
    left: 50% !important;
    bottom: 16px !important;
    z-index: 5;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: translateX(-50%) !important;
    pointer-events: auto;
}

.bhraaj-home-v193 .bhraaj-hero-carousel-dot {
    width: 7px !important;
    height: 7px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.18) !important;
    opacity: .82;
    box-shadow: none !important;
}

.bhraaj-home-v193 .bhraaj-hero-carousel-dot.is-active {
    background: rgba(255,255,255,.96) !important;
    border-color: rgba(255,255,255,.96) !important;
    transform: none !important;
    opacity: 1;
}

@media (max-width: 767px) {
    .bhraaj-home-v193 .bhraaj-hero-carousel {
        aspect-ratio: 1 / 1 !important;
    }

    .bhraaj-home-v193 .bhraaj-hero-carousel-button {
        width: 38px !important;
        height: 38px !important;
    }

    .bhraaj-home-v193 .bhraaj-hero-carousel-button.is-prev {
        left: 10px !important;
    }

    .bhraaj-home-v193 .bhraaj-hero-carousel-button.is-next {
        right: 10px !important;
    }

    .bhraaj-home-v193 .bhraaj-hero-carousel-dots {
        bottom: 12px !important;
    }
}

/* =========================================================
   BHRAAJ V194 — Managed square homepage carousel
   Structural lock: true 1:1 artwork + one scroll cue only.
   ========================================================= */
.bhraaj-home-v194 .bhraaj-hero-art-v194 {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    align-self: center !important;
}

.bhraaj-home-v194 .bhraaj-hero-carousel,
.bhraaj-home-v194 .bhraaj-hero-carousel-empty {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: calc(var(--bh-radius-lg) + 4px) !important;
    background: var(--bh-surface-soft) !important;
}

.bhraaj-home-v194 .bhraaj-hero-carousel-track,
.bhraaj-home-v194 .bhraaj-hero-slide,
.bhraaj-home-v194 .bhraaj-hero-slide-link {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.bhraaj-home-v194 .bhraaj-hero-slide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(1.012);
    transition:
        opacity 820ms var(--bh-ease-soft),
        transform 980ms var(--bh-ease-soft),
        visibility 0s linear 820ms;
}

.bhraaj-home-v194 .bhraaj-hero-slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(1);
    transition-delay: 0s;
}

.bhraaj-home-v194 .bhraaj-hero-slide-link {
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.bhraaj-home-v194 .bhraaj-hero-slide-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Absolutely no labels or text overlays on the photography. */
.bhraaj-home-v194 .bhraaj-hero-slide-shade,
.bhraaj-home-v194 .bhraaj-hero-slide-meta,
.bhraaj-home-v194 .bhraaj-art-caption {
    display: none !important;
}

/* Controls are transparent and vertically centred on the square. */
.bhraaj-home-v194 .bhraaj-hero-carousel-controls {
    position: absolute !important;
    inset: 0 !important;
    z-index: 6 !important;
    display: block !important;
    pointer-events: none !important;
}

.bhraaj-home-v194 .bhraaj-hero-carousel-button {
    position: absolute !important;
    top: 50% !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    border: 1px solid rgba(255,255,255,.58) !important;
    border-radius: 50% !important;
    background: rgba(15,12,10,.08) !important;
    color: #fff !important;
    box-shadow: none !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    opacity: .82 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    transition: opacity 200ms ease, background 200ms ease, border-color 200ms ease !important;
}

.bhraaj-home-v194 .bhraaj-hero-carousel-button.is-prev {
    left: 14px !important;
}

.bhraaj-home-v194 .bhraaj-hero-carousel-button.is-next {
    right: 14px !important;
}

.bhraaj-home-v194 .bhraaj-hero-carousel-button:hover,
.bhraaj-home-v194 .bhraaj-hero-carousel-button:focus-visible {
    transform: translateY(-50%) !important;
    opacity: 1 !important;
    background: rgba(15,12,10,.22) !important;
    border-color: rgba(255,255,255,.82) !important;
}

.bhraaj-home-v194 .bhraaj-hero-carousel-button span {
    display: block !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

/* Dots float directly on the image; there is no pill/capsule. */
.bhraaj-home-v194 .bhraaj-hero-carousel-dots {
    position: absolute !important;
    left: 50% !important;
    bottom: 15px !important;
    z-index: 7 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: translateX(-50%) !important;
    pointer-events: auto !important;
}

.bhraaj-home-v194 .bhraaj-hero-carousel-dot {
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.22) !important;
    box-shadow: none !important;
    opacity: .9 !important;
    cursor: pointer !important;
}

.bhraaj-home-v194 .bhraaj-hero-carousel-dot.is-active {
    background: #fff !important;
    border-color: #fff !important;
    transform: none !important;
    opacity: 1 !important;
}

/* One cue only. It sits beneath the primary CTA. */
.bhraaj-home-v194 .bhraaj-scroll-cue-unified {
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin-top: 25px !important;
    color: var(--bh-text-soft) !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    opacity: .9 !important;
}

.bhraaj-home-v194 .bhraaj-scroll-cue-unified > span {
    display: block !important;
    width: 34px !important;
    height: 1px !important;
    flex: 0 0 34px !important;
    background: var(--bh-border) !important;
}

/* Legacy desktop/mobile cues must never create a duplicate. */
.bhraaj-home-v194 .bhraaj-scroll-cue-desktop,
.bhraaj-home-v194 .bhraaj-scroll-cue-mobile {
    display: none !important;
}

@media (max-width: 767px) {
    .bhraaj-home-v194 .bhraaj-hero-art-v194 {
        width: 100% !important;
        max-width: none !important;
        aspect-ratio: 1 / 1 !important;
        margin-inline: 0 !important;
    }

    .bhraaj-home-v194 .bhraaj-hero-carousel-button {
        width: 38px !important;
        height: 38px !important;
    }

    .bhraaj-home-v194 .bhraaj-hero-carousel-button.is-prev {
        left: 10px !important;
    }

    .bhraaj-home-v194 .bhraaj-hero-carousel-button.is-next {
        right: 10px !important;
    }

    .bhraaj-home-v194 .bhraaj-hero-carousel-dots {
        bottom: 12px !important;
    }

    .bhraaj-home-v194 .bhraaj-scroll-cue-unified {
        margin-top: 22px !important;
        margin-bottom: 0 !important;
    }

    /* No full-width collection divider on mobile. */
    .bhraaj-home-v194 .bhraaj-collection-section {
        border-top: 0 !important;
    }
}

/* =========================================================
   BHRAAJ V195 — Clean carousel corners
   Removes legacy V132 hero-art decorative layers from the
   managed V194 carousel. The V132 background, border, shadow,
   ::before light wash and ::after lower radial shadow were
   still being inherited because the homepage keeps the older
   version classes for compatibility. V195 neutralises those
   layers only for the managed carousel hero.
   ========================================================= */
.bhraaj-home-v194 .bhraaj-hero-art-v194 {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

.bhraaj-home-v194 .bhraaj-hero-art-v194::before,
.bhraaj-home-v194 .bhraaj-hero-art-v194::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 0 !important;
}

.bhraaj-home-v194 .bhraaj-hero-carousel {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.bhraaj-home-v194 .bhraaj-hero-carousel-track,
.bhraaj-home-v194 .bhraaj-hero-slide,
.bhraaj-home-v194 .bhraaj-hero-slide-link,
.bhraaj-home-v194 .bhraaj-hero-slide-image {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* =========================================================
   BHRAAJ V206 — Shop mobile category rail equal inner gutters + trailing right gutter
   30 Aug 2026

   Final mobile geometry:
   - Keep the category rail INSIDE the same mobile content
     container used by the piece count and sort control.
   - This gives the first and last category exactly the same
     physical left/right gutter as the rest of the Shop UI.
   - Preserve native horizontal swipe/scroll.
   - Add a dedicated 14px trailing gutter so the final category
     finishes with the same visual breathing room as the left edge.
   - Keep comfortable spacing between category controls.
   ========================================================= */
@media (max-width: 479px) {
    body.bhraaj-shop-v22 .bhraaj-shop-categories,
    body.post-type-archive-product .bhraaj-shop-categories,
    body.tax-product_cat .bhraaj-shop-categories,
    body.tax-product_tag .bhraaj-shop-categories {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 14px 4px 0 !important;
        gap: 18px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-inline: contain !important;
        touch-action: pan-x !important;
        scroll-behavior: smooth !important;
        scroll-padding-inline: 0 !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-categories::-webkit-scrollbar,
    body.post-type-archive-product .bhraaj-shop-categories::-webkit-scrollbar,
    body.tax-product_cat .bhraaj-shop-categories::-webkit-scrollbar,
    body.tax-product_tag .bhraaj-shop-categories::-webkit-scrollbar {
        display: none !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-categories::before,
    body.bhraaj-shop-v22 .bhraaj-shop-categories::after,
    body.post-type-archive-product .bhraaj-shop-categories::before,
    body.post-type-archive-product .bhraaj-shop-categories::after,
    body.tax-product_cat .bhraaj-shop-categories::before,
    body.tax-product_cat .bhraaj-shop-categories::after,
    body.tax-product_tag .bhraaj-shop-categories::before,
    body.tax-product_tag .bhraaj-shop-categories::after {
        content: none !important;
        display: none !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-categories > .bhraaj-shop-chip,
    body.post-type-archive-product .bhraaj-shop-categories > .bhraaj-shop-chip,
    body.tax-product_cat .bhraaj-shop-categories > .bhraaj-shop-chip,
    body.tax-product_tag .bhraaj-shop-categories > .bhraaj-shop-chip {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding-inline: 16px !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: nowrap !important;
        font-size: 10px !important;
        letter-spacing: 0 !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-categories > .bhraaj-shop-chip:first-child,
    body.post-type-archive-product .bhraaj-shop-categories > .bhraaj-shop-chip:first-child,
    body.tax-product_cat .bhraaj-shop-categories > .bhraaj-shop-chip:first-child,
    body.tax-product_tag .bhraaj-shop-categories > .bhraaj-shop-chip:first-child {
        margin-left: 0 !important;
    }

    body.bhraaj-shop-v22 .bhraaj-shop-categories > .bhraaj-shop-chip:last-child,
    body.post-type-archive-product .bhraaj-shop-categories > .bhraaj-shop-chip:last-child,
    body.tax-product_cat .bhraaj-shop-categories > .bhraaj-shop-chip:last-child,
    body.tax-product_tag .bhraaj-shop-categories > .bhraaj-shop-chip:last-child {
        margin-right: 0 !important;
    }
}

/* =========================================================
   BHRAAJ V211 — LOGGED-OUT ACCOUNT ERROR NOTICE ALIGNMENT
   - Keeps WooCommerce's native registration validation and wording intact.
   - Restores dedicated icon space removed by later generic account notice rules.
   - Gives the notice breathing room below the header and prevents the
     exclamation glyph from overlapping "Error:".
   ========================================================= */
body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper {
    width: 100%;
    margin: 18px 0 28px !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper:empty {
    display: none !important;
    margin: 0 !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info),
body.woocommerce-account:not(.logged-in) .woocommerce > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 18px 16px 50px !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    color: var(--bh-text) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before,
body.woocommerce-account:not(.logged-in) .woocommerce > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before {
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 18px !important;
    height: 18px !important;
    display: grid !important;
    place-items: center !important;
    line-height: 1 !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) li {
    margin: 0 !important;
    padding: 0 !important;
    line-height: inherit !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper .woocommerce-error::before,
body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-error::before {
    color: var(--bh-red) !important;
}

@media (max-width: 767px) {
    body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper {
        margin-top: 14px !important;
        margin-bottom: 22px !important;
    }

    body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info),
    body.woocommerce-account:not(.logged-in) .woocommerce > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) {
        padding: 14px 16px 14px 46px !important;
        min-height: 52px !important;
    }

    body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before,
    body.woocommerce-account:not(.logged-in) .woocommerce > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before {
        left: 16px !important;
    }
}

/* =========================================================
   BHRAAJ V228 — Product Share Overlay on Main Image
   - Product title remains in its original WooCommerce/BHRAAJ position.
   - Share is a subtle translucent glass control on the first product image.
   - Keeps "The Collections" heading treatment.
   ========================================================= */

.bhraaj-home-v194 .bhraaj-collection-section-head-v212 {
    align-items: flex-end;
}

.bhraaj-home-v194 .bhraaj-collection-title-v212 {
    margin: 0;
    max-width: 760px;
    font-family: var(--bh-serif);
    font-size: clamp(46px, 5.2vw, 76px);
    font-weight: 500;
    line-height: 0.96;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

/* Restore the product heading to the theme's original flow. */
body.single-product .product_title {
    margin-right: revert-layer;
    padding-right: revert-layer;
}

body.single-product .bhraaj-single-share-v227 {
    position: absolute !important;
    top: 18px;
    right: 18px;
    z-index: 8;
    width: 44px;
    height: 44px;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product .bhraaj-product-share-icon-button {
    appearance: none;
    -webkit-appearance: none;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    display: grid !important;
    place-items: center;
    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 12%, transparent) !important;
    border-radius: 12px !important;

    background: color-mix(in srgb, var(--bh-bg) 54%, transparent) !important;
    color: var(--bh-text) !important;

    -webkit-backdrop-filter: blur(12px) saturate(115%);
    backdrop-filter: blur(12px) saturate(115%);

    box-shadow:
        0 8px 24px rgba(31, 23, 18, 0.08),
        inset 0 1px 0 color-mix(in srgb, white 28%, transparent) !important;

    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;

    transition:
        transform 180ms var(--bh-ease),
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

body.single-product .bhraaj-product-share-icon-button:hover,
body.single-product .bhraaj-product-share-icon-button:focus-visible {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--bh-bg) 68%, transparent) !important;
    border-color: color-mix(in srgb, var(--bh-text) 20%, transparent) !important;
    box-shadow:
        0 12px 30px rgba(31, 23, 18, 0.12),
        inset 0 1px 0 color-mix(in srgb, white 34%, transparent) !important;
}

body.single-product .bhraaj-product-share-icon-button:active {
    transform: scale(0.96);
}

body.single-product .bhraaj-product-share-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.92 !important;
    visibility: visible !important;
    pointer-events: none;
}

body.single-product .bhraaj-product-share-status {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

/* WooCommerce's zoom trigger already occupies the upper-right corner.
   Shift it down so the two controls never overlap. */
body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__trigger {
    top: 72px !important;
    right: 18px !important;
}

html[data-theme="dark"] body.single-product .bhraaj-product-share-icon-button {
    background: color-mix(in srgb, var(--bh-surface) 62%, transparent) !important;
    border-color: color-mix(in srgb, white 14%, transparent) !important;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 color-mix(in srgb, white 10%, transparent) !important;
}

@media (max-width: 767px) {
    .bhraaj-home-v194 .bhraaj-collection-title-v212 {
        font-size: clamp(42px, 14vw, 58px);
        line-height: 0.96;
    }

    body.single-product .bhraaj-single-share-v227 {
        top: 14px;
        right: 14px;
        width: 42px;
        height: 42px;
    }

    body.single-product .bhraaj-product-share-icon-button {
        width: 42px;
        min-width: 42px;
        height: 42px;
        min-height: 42px;
        border-radius: 11px !important;
    }

    body.single-product .bhraaj-product-share-icon {
        width: 19px !important;
        height: 19px !important;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__trigger {
        top: 66px !important;
        right: 14px !important;
    }
}

@media (max-width: 360px) {
    .bhraaj-home-v194 .bhraaj-collection-title-v212 {
        font-size: 40px;
    }

    body.single-product .bhraaj-single-share-v227 {
        top: 12px;
        right: 12px;
        width: 40px;
        height: 40px;
    }

    body.single-product .bhraaj-product-share-icon-button {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
    }

    body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__trigger {
        top: 62px !important;
        right: 12px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.single-product .bhraaj-product-share-icon-button {
        transition: none;
    }
}

/* =========================================================
   BHRAAJ V231 — Universal Share Fallback Sheet
   ========================================================= */
body.bhraaj-share-sheet-open {
    overflow: hidden;
}

.bhraaj-share-sheet-v230 {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: grid;
    place-items: end center;
}

.bhraaj-share-sheet-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(18, 14, 12, 0.34);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    cursor: default;
}

.bhraaj-share-sheet-panel {
    position: relative;
    z-index: 1;
    width: min(100% - 24px, 560px);
    margin: 0 12px 12px;
    padding: 14px 18px 20px;
    border: 1px solid var(--bh-border);
    border-radius: 22px;
    background: color-mix(in srgb, var(--bh-bg) 94%, transparent);
    color: var(--bh-text);
    box-shadow: 0 24px 70px rgba(20, 14, 10, 0.22);
    -webkit-backdrop-filter: blur(20px) saturate(115%);
    backdrop-filter: blur(20px) saturate(115%);
}

.bhraaj-share-sheet-handle {
    width: 38px;
    height: 4px;
    margin: 0 auto 14px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bh-text) 18%, transparent);
}

.bhraaj-share-sheet-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.bhraaj-share-sheet-eyebrow {
    margin: 0 0 5px;
    color: var(--bh-text-soft);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.bhraaj-share-sheet-head h2 {
    margin: 0;
    font-family: var(--bh-serif);
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 500;
    line-height: 1.06;
}

.bhraaj-share-sheet-close {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--bh-border);
    border-radius: 50%;
    background: transparent;
    color: var(--bh-text);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.bhraaj-share-sheet-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.bhraaj-share-target {
    min-height: 52px;
    display: grid;
    place-items: center;
    padding: 8px 6px;
    border: 1px solid var(--bh-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--bh-surface) 74%, transparent);
    color: var(--bh-text);
    font: inherit;
    font-size: 11px;
    font-weight: 650;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: transform 180ms var(--bh-ease), background 180ms ease;
}

.bhraaj-share-target:hover,
.bhraaj-share-target:focus-visible {
    transform: translateY(-1px);
    background: var(--bh-surface);
}

.bhraaj-share-sheet-note {
    margin: 12px 2px 0;
    color: var(--bh-text-soft);
    font-size: 11px;
    line-height: 1.45;
}

@media (max-width: 560px) {
    .bhraaj-share-sheet-panel {
        width: calc(100% - 16px);
        margin: 0 8px 8px;
        padding: 12px 14px 16px;
        border-radius: 20px;
    }

    .bhraaj-share-sheet-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 360px) {
    .bhraaj-share-sheet-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .bhraaj-share-target {
        transition: none;
    }
}

/* =========================================================
   BHRAAJ V232 — Contact Page Two-Card Width Refinement
   - Contact section now reflects the final two-card layout.
   - Hero divider aligns with the two-card content width instead of
     spanning the old three-card area.
   - No button, typography, mobile or support-link behaviour changed.
   ========================================================= */

body.bhraaj-contact-page .bhraaj-contact-hero,
body.bhraaj-contact-page .bhraaj-contact-grid {
    width: min(100%, 820px);
}

body.bhraaj-contact-page .bhraaj-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 640px) {
    body.bhraaj-contact-page .bhraaj-contact-hero,
    body.bhraaj-contact-page .bhraaj-contact-grid {
        width: 100%;
    }

    body.bhraaj-contact-page .bhraaj-contact-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   BHRAAJ V233 — Header divider lock (V403 ribbon supersedes old strip)
   - The old static utility strip was retired in V233.
   - V403 now renders an admin-managed promotional ribbon in its place.
   - The main header remains divider-free as previously approved.
   ========================================================= */

.bhraaj-header {
    border-bottom: 0 !important;
}

/* =========================================================
   BHRAAJ V218 — Client 16:9 homepage carousel + Discover CTA
   - Keeps V194 carousel behavior and admin-managed imagery.
   - Changes the hero media frame from square to 16:9.
   - Adds a restrained centered Discover button linking to Shop.
   ========================================================= */
.bhraaj-home-v218 .bhraaj-hero-art-v194 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    align-self: center !important;
}

.bhraaj-home-v218 .bhraaj-hero-carousel,
.bhraaj-home-v218 .bhraaj-hero-carousel-empty {
    aspect-ratio: 16 / 9 !important;
}

.bhraaj-home-v218 .bhraaj-hero-slide {
    isolation: isolate;
}

.bhraaj-home-v218 .bhraaj-hero-slide-link {
    z-index: 1;
}

.bhraaj-home-v218 .bhraaj-hero-discover-v218 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 8;
    min-width: 132px;
    min-height: 44px;
    padding: 11px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 999px;
    background: rgba(18, 14, 12, 0.20);
    color: #fff;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-family: var(--bh-sans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1;
    text-transform: uppercase;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.18);
    transition:
        transform 240ms var(--bh-ease),
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 240ms ease;
}

.bhraaj-home-v218 .bhraaj-hero-discover-v218:hover,
.bhraaj-home-v218 .bhraaj-hero-discover-v218:focus-visible {
    transform: translate(-50%, -50%) translateY(-2px);
    background: rgba(18, 14, 12, 0.34);
    border-color: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
}

.bhraaj-home-v218 .bhraaj-hero-discover-v218:active {
    transform: translate(-50%, -50%) scale(0.985);
}

@media (max-width: 767px) {
    .bhraaj-home-v218 .bhraaj-hero-art-v194,
    .bhraaj-home-v218 .bhraaj-hero-carousel,
    .bhraaj-home-v218 .bhraaj-hero-carousel-empty {
        aspect-ratio: 16 / 9 !important;
    }

    .bhraaj-home-v218 .bhraaj-hero-discover-v218 {
        min-width: 116px;
        min-height: 40px;
        padding: 10px 20px;
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bhraaj-home-v218 .bhraaj-hero-discover-v218 {
        transition: none !important;
    }
}

/* =========================================================
   BHRAAJ V234 — Expanded 16:9 Hero + Static Discover
   - Six admin-managed slides remain supported.
   - Only photography moves; Discover stays fixed over the carousel.
   - Discover always opens the WooCommerce Shop.
   - Desktop media footprint is substantially larger and uses the
     previously empty right-side hero space.
   ========================================================= */

@media (min-width: 981px) {
    .bhraaj-home-v234 .bhraaj-hero-grid {
        grid-template-columns: minmax(340px, 0.76fr) minmax(620px, 1.38fr) !important;
        gap: clamp(28px, 3.1vw, 50px) !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-art-v194 {
        width: min(100%, 780px) !important;
        max-width: 780px !important;
        justify-self: end !important;
        transform: translateX(-1.5%) !important;
    }
}

.bhraaj-home-v234 .bhraaj-hero-carousel,
.bhraaj-home-v234 .bhraaj-hero-carousel-empty,
.bhraaj-home-v234 .bhraaj-hero-art-v194 {
    aspect-ratio: 16 / 9 !important;
}

.bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9;
    pointer-events: auto;
}

/* Keep dots safely below the static CTA. */
.bhraaj-home-v234 .bhraaj-hero-carousel-dots {
    bottom: 16px !important;
}

@media (max-width: 980px) {
    .bhraaj-home-v234 .bhraaj-hero-art-v194 {
        width: 100% !important;
        max-width: none !important;
        transform: none !important;
    }
}

@media (max-width: 767px) {
    .bhraaj-home-v234 .bhraaj-hero-art-v194,
    .bhraaj-home-v234 .bhraaj-hero-carousel,
    .bhraaj-home-v234 .bhraaj-hero-carousel-empty {
        aspect-ratio: 16 / 9 !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
        left: 50%;
        top: 50%;
    }
}

/* =========================================================
   BHRAAJ V235 — Footer Shipping Across India Strip
   - Preserves the existing footer top and legal rows.
   - Adds one restrained shipping strip between them.
   - Uses neutral service names until official logo assets are supplied.
   ========================================================= */

.bhraaj-footer-shipping-v221 {
    display: grid;
    gap: 16px;
    padding: 28px 0 26px;
    border-top: 1px solid var(--bh-border);
    border-bottom: 1px solid var(--bh-border);
}

.bhraaj-footer-shipping-title {
    margin: 0;
    color: var(--bh-text-soft);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.bhraaj-footer-shipping-partners {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 18px;
}

.bhraaj-footer-shipping-partners span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid color-mix(in srgb, var(--bh-border) 88%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bh-surface) 72%, transparent);
    color: color-mix(in srgb, var(--bh-text) 72%, var(--bh-bg));
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.015em;
    white-space: nowrap;
}

html[data-theme="dark"] .bhraaj-footer-shipping-partners span {
    background: color-mix(in srgb, var(--bh-surface) 58%, transparent);
}

@media (max-width: 767px) {
    .bhraaj-footer-shipping-v221 {
        padding: 24px 0 22px;
    }

    .bhraaj-footer-shipping-partners {
        gap: 8px 10px;
    }

    .bhraaj-footer-shipping-partners span {
        min-height: 28px;
        padding-inline: 10px;
        font-size: 10.5px;
    }
}

/* =========================================================
   BHRAAJ V237 — Delivery Partner Logo Size Balancing
   - Keeps the same footer structure.
   - Normalizes the visual weight of all partner logos.
   ========================================================= */

.bhraaj-footer-shipping-logos-v222 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
    gap: clamp(16px, 2vw, 28px) !important;
    width: 100%;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 58px !important;
    padding: 4px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 36px;
    object-fit: contain;
}

/* Brand-specific balancing so each logo feels close to Shiprocket in visual size */
.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-shiprocket img {
    width: min(126px, 100%);
    max-height: 32px;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-dhl img {
    width: min(136px, 100%);
    max-height: 34px;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-amazon img {
    width: min(132px, 100%);
    max-height: 34px;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-delhivery img {
    width: min(150px, 100%);
    max-height: 32px;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-india-post img {
    width: min(88px, 100%);
    max-height: 38px;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-blue-dart img {
    width: min(136px, 100%);
    max-height: 32px;
}

@media (max-width: 900px) {
    .bhraaj-footer-shipping-logos-v222 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 18px !important;
    }
}

@media (max-width: 520px) {
    .bhraaj-footer-shipping-logos-v222 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 18px !important;
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item {
        min-height: 48px !important;
        padding: 2px 4px !important;
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item img {
        max-height: 28px;
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-shiprocket img {
        width: min(110px, 100%);
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-dhl img,
    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-blue-dart img {
        width: min(118px, 100%);
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-amazon img {
        width: min(114px, 100%);
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-delhivery img {
        width: min(126px, 100%);
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-india-post img {
        width: min(74px, 100%);
        max-height: 32px;
    }
}

/* =========================================================
   BHRAAJ V238 — Final Delivery Logo Optical Balance
   - Equalizes spacing across all six logo columns.
   - Enlarges only the visible Amazon Shipping mark.
   - Preserves the current footer structure and all other sizing.
   ========================================================= */

.bhraaj-footer-shipping-logos-v222 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    column-gap: clamp(22px, 2.25vw, 30px) !important;
    row-gap: 18px !important;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item {
    width: 100%;
    min-width: 0;
    min-height: 58px !important;
    padding: 4px 0 !important;
}

/*
 * Amazon Shipping source artwork contains substantial internal whitespace.
 * Scale the artwork itself, not the grid cell, so the optical logo size
 * matches the other delivery marks without disturbing equal spacing.
 */
.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-amazon {
    overflow: hidden;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-amazon img {
    width: min(170px, 125%) !important;
    max-width: none !important;
    max-height: 42px !important;
    transform: scale(1.28);
    transform-origin: center;
}

@media (max-width: 900px) {
    .bhraaj-footer-shipping-logos-v222 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 24px !important;
        row-gap: 18px !important;
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-amazon img {
        transform: scale(1.22);
    }
}

@media (max-width: 520px) {
    .bhraaj-footer-shipping-logos-v222 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 18px !important;
        row-gap: 16px !important;
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-amazon img {
        width: min(142px, 125%) !important;
        max-height: 34px !important;
        transform: scale(1.18);
    }
}

/* =========================================================
   BHRAAJ V239 — Our Story Admin Media Expansion
   - Adds 16:9 Family + Founders photography without changing
     the established story typography or existing chapter structure.
   - Responsive placeholders preserve the intended composition until
     the client supplies final photography.
   ========================================================= */

.bhraaj-story-v239 .bhraaj-story-wide-media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: clamp(46px, 5.2vw, 76px) 0 0;
    overflow: hidden;
    border: 1px solid var(--bh-border);
    border-radius: clamp(16px, 1.8vw, 24px);
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--bh-surface) 82%, transparent),
            color-mix(in srgb, var(--bh-surface-soft) 88%, transparent)
        );
}

.bhraaj-story-v239 .bhraaj-story-wide-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bhraaj-story-v239 .bhraaj-story-photo-placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    gap: 10px;
    padding: 24px;
    text-align: center;
    color: var(--bh-text-soft);
}

.bhraaj-story-v239 .bhraaj-story-photo-placeholder > span {
    font-family: var(--bh-sans);
    font-size: 9px;
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.bhraaj-story-v239 .bhraaj-story-photo-placeholder > strong {
    color: color-mix(in srgb, var(--bh-text) 72%, var(--bh-bg));
    font-family: var(--bh-serif);
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 400;
    line-height: 1.05;
}

.bhraaj-story-v239 .bhraaj-story-founders-heading-v239 {
    max-width: 1120px;
    margin: 0 auto clamp(34px, 4vw, 54px);
}

.bhraaj-story-v239 .bhraaj-story-founders-heading-v239 h2 {
    margin: 15px 0 0;
    font-family: var(--bh-serif);
    font-size: clamp(54px, 5.2vw, 76px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.034em;
}

.bhraaj-story-v239 .bhraaj-story-founders-media-v239 {
    max-width: 1120px;
    margin: 0 auto clamp(52px, 5.8vw, 82px);
}

/* The Family photo belongs to the chapter but does not disturb its two-column copy. */
.bhraaj-story-v239 .bhraaj-story-family-media-v239 {
    max-width: 1120px;
    margin-inline: auto;
}

/* Closing already owns its established desktop editorial grid.
   The new heading/photo are siblings above it, so existing copy/signoff
   placement remains intact. */

@media (max-width: 980px) {
    .bhraaj-story-v239 .bhraaj-story-wide-media {
        margin-top: 42px;
        border-radius: 18px;
    }

    .bhraaj-story-v239 .bhraaj-story-founders-heading-v239 {
        margin-bottom: 30px;
    }

    .bhraaj-story-v239 .bhraaj-story-founders-media-v239 {
        margin-bottom: 44px;
    }
}

@media (max-width: 640px) {
    .bhraaj-story-v239 .bhraaj-story-wide-media {
        margin-top: 32px;
        border-radius: 15px;
    }

    .bhraaj-story-v239 .bhraaj-story-founders-heading-v239 {
        margin-bottom: 24px;
    }

    .bhraaj-story-v239 .bhraaj-story-founders-heading-v239 h2 {
        margin-top: 12px;
        font-size: 43px;
        line-height: .98;
    }

    .bhraaj-story-v239 .bhraaj-story-founders-media-v239 {
        margin-bottom: 36px;
    }

    .bhraaj-story-v239 .bhraaj-story-photo-placeholder > strong {
        font-size: clamp(24px, 8vw, 34px);
    }
}

/* =========================================================
   BHRAAJ V240 — Footer Social Links
   - Adds restrained Instagram + Facebook controls inside Help.
   - Existing footer columns, shipping strip and legal row remain unchanged.
   ========================================================= */

.bhraaj-footer-social-v240 {
    margin-top: 24px;
}

.bhraaj-footer-social-label {
    margin: 0 0 11px !important;
    color: var(--bh-text-soft);
    font-size: 9px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.bhraaj-footer-social-icons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bhraaj-footer-social-link {
    width: 36px;
    height: 36px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--bh-border);
    border-radius: 50%;
    background: transparent;
    color: var(--bh-text);
    transition:
        transform 220ms var(--bh-ease),
        border-color 220ms ease,
        background 220ms ease,
        color 220ms ease;
}

.bhraaj-footer-social-link svg {
    width: 16px;
    height: 16px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bhraaj-footer-social-link svg path {
    fill: currentColor;
    stroke: none;
}

.bhraaj-footer-social-link .bhraaj-social-dot {
    fill: currentColor;
    stroke: none;
}

@media (hover: hover) {
    .bhraaj-footer-social-link:hover {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--bh-text) 28%, var(--bh-border));
        background: color-mix(in srgb, var(--bh-surface) 70%, transparent);
    }
}

.bhraaj-footer-social-link:focus-visible {
    outline: 2px solid var(--bh-red);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .bhraaj-footer-social-v240 {
        margin-top: 20px;
    }

    .bhraaj-footer-social-link {
        width: 34px;
        height: 34px;
    }
}

/* =========================================================
   BHRAAJ V241 — JRD Creator Signature
   - Adds a restrained "Website by JRD" credit in the legal row.
   - J and D are subtly raised; R is inset/pressed.
   - Uses only BHRAAJ theme tokens so it remains coherent in light/dark mode.
   ========================================================= */

.bhraaj-footer-bottom-v241 {
    grid-template-columns: auto 1fr auto auto;
    gap: clamp(20px, 3vw, 44px);
    align-items: center;
}

.bhraaj-footer-credit-v241 {
    display: inline-flex;
    align-items: center;
    justify-self: end;
    gap: 10px;
    white-space: nowrap;
}

.bhraaj-footer-credit-label {
    color: var(--bh-text-soft);
    font-size: 8.5px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bhraaj-jrd-mark {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.bhraaj-jrd-key {
    position: relative;
    width: 26px;
    height: 26px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--bh-text) 13%, var(--bh-border));
    color: color-mix(in srgb, var(--bh-text) 86%, var(--bh-bg));
    font-family: var(--bh-sans);
    font-size: 9px;
    font-weight: 760;
    line-height: 1;
    letter-spacing: .02em;
    background: color-mix(in srgb, var(--bh-surface) 86%, var(--bh-bg));
    transition:
        transform 220ms var(--bh-ease),
        box-shadow 220ms ease,
        border-color 220ms ease;
}

.bhraaj-jrd-key.is-raised {
    box-shadow:
        0 5px 12px color-mix(in srgb, var(--bh-text) 8%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 62%, transparent);
    transform: translateY(-1px);
}

.bhraaj-jrd-key.is-pressed {
    background: color-mix(in srgb, var(--bh-surface-soft) 74%, var(--bh-bg));
    box-shadow:
        inset 0 2px 5px color-mix(in srgb, var(--bh-text) 13%, transparent),
        inset 0 -1px 0 color-mix(in srgb, #fff 42%, transparent);
    transform: translateY(1px);
    color: var(--bh-red);
}

@media (hover: hover) {
    .bhraaj-footer-credit-v241:hover .bhraaj-jrd-key.is-raised {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--bh-text) 20%, var(--bh-border));
    }

    .bhraaj-footer-credit-v241:hover .bhraaj-jrd-key.is-pressed {
        transform: translateY(1px) scale(.98);
    }
}

html[data-theme="dark"] .bhraaj-jrd-key.is-raised {
    box-shadow:
        0 5px 14px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.07);
}

html[data-theme="dark"] .bhraaj-jrd-key.is-pressed {
    box-shadow:
        inset 0 2px 6px rgba(0,0,0,.42),
        inset 0 -1px 0 rgba(255,255,255,.04);
}

@media (max-width: 980px) {
    .bhraaj-footer-bottom-v241 {
        grid-template-columns: 1fr auto;
        gap: 16px 24px;
    }

    .bhraaj-footer-bottom-v241 > p:first-child {
        grid-column: 1;
    }

    .bhraaj-footer-bottom-v241 .bhraaj-footer-legal {
        grid-column: 1;
    }

    .bhraaj-footer-credit-v241 {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .bhraaj-footer-bottom-v241 > p:last-child {
        grid-column: 2;
        justify-self: end;
    }
}

@media (max-width: 640px) {
    .bhraaj-footer-bottom-v241 {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .bhraaj-footer-bottom-v241 > p:first-child,
    .bhraaj-footer-bottom-v241 .bhraaj-footer-legal,
    .bhraaj-footer-credit-v241,
    .bhraaj-footer-bottom-v241 > p:last-child {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
    }

    .bhraaj-footer-credit-v241 {
        margin-top: 2px;
    }

    .bhraaj-jrd-key {
        width: 25px;
        height: 25px;
    }
}

/* =========================================================
   BHRAAJ V242 — Contact CTA Dark-Mode Visibility Fix
   - Fixes Open WhatsApp + Email us buttons becoming black-on-black.
   - Scoped only to the Contact page.
   - Light theme remains unchanged.
   ========================================================= */

html[data-theme="dark"] body.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary,
body.bhraaj-dark.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary {
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--bh-ui-primary-bg-2) 96%, #ffffff 4%),
            var(--bh-ui-primary-bg)
        ) !important;
    color: var(--bh-ui-primary-text) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.52),
        0 12px 28px rgba(0, 0, 0, 0.24) !important;
}

@media (hover: hover) and (pointer: fine) {
    html[data-theme="dark"] body.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary:hover,
    body.bhraaj-dark.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary:hover {
        background:
            linear-gradient(
                180deg,
                #fffaf4,
                color-mix(in srgb, var(--bh-ui-primary-bg) 92%, #ffffff 8%)
            ) !important;
        color: #171210 !important;
        border-color: rgba(255, 255, 255, 0.18) !important;
        transform: translateY(-2px) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.65),
            0 18px 38px rgba(0, 0, 0, 0.30) !important;
    }
}

html[data-theme="dark"] body.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary:focus-visible,
body.bhraaj-dark.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bh-gold) 56%, #ffffff);
    outline-offset: 3px;
}

/* =========================================================
   BHRAAJ V243 — Contact CTA = Add-to-Bag Master Pill
   - Dark-mode Contact buttons now use the same visual language
     as the approved Add to bag commerce pill.
   - Only width adapts to the longer contact labels.
   - Light mode remains unchanged.
   ========================================================= */

html[data-theme="dark"] body.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary,
body.bhraaj-dark.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 50px !important;
    height: 50px !important;

    padding: 0 26px !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 999px !important;

    background: linear-gradient(180deg, #171210, #0f0b0a) !important;
    background-image: linear-gradient(180deg, #171210, #0f0b0a) !important;
    color: #f8f2e9 !important;

    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 10px 24px rgba(0,0,0,.22) !important;

    filter: none !important;

    transition:
        transform 220ms var(--bh-ui-ease-emph),
        box-shadow 220ms var(--bh-ui-ease),
        filter 220ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    html[data-theme="dark"] body.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary:hover,
    body.bhraaj-dark.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary:hover {
        background: linear-gradient(180deg, #171210, #0f0b0a) !important;
        background-image: linear-gradient(180deg, #171210, #0f0b0a) !important;
        color: #f8f2e9 !important;
        border-color: rgba(255,255,255,.13) !important;

        transform: translateY(-2px) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.13),
            0 16px 34px rgba(0,0,0,.28) !important;

        filter: brightness(1.03) !important;
    }
}

html[data-theme="dark"] body.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary:focus-visible,
body.bhraaj-dark.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bh-gold) 58%, #ffffff);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    html[data-theme="dark"] body.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary,
    body.bhraaj-dark.bhraaj-contact-page .bhraaj-contact-card .bhraaj-button-primary {
        min-height: 48px !important;
        height: 48px !important;
        padding-inline: 22px !important;
        font-size: 11.5px !important;
    }
}

/* =========================================================
   BHRAAJ V244 — Homepage Carousel Discover Bottom-Right
   - Moves the static Discover control to the carousel's
     bottom-right corner.
   - Six-slide carousel behavior, sizing, arrows, dots, autoplay,
     swipe and Shop destination remain unchanged.
   ========================================================= */

.bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
    left: auto !important;
    top: auto !important;
    right: clamp(22px, 2vw, 30px) !important;
    bottom: clamp(22px, 2vw, 30px) !important;
    transform: none !important;
    z-index: 10 !important;
}

/* Keep carousel pagination visually clear of the Discover control. */
.bhraaj-home-v234 .bhraaj-hero-carousel-dots {
    left: 50% !important;
    right: auto !important;
    bottom: 16px !important;
    transform: translateX(-50%) !important;
    z-index: 8 !important;
}

@media (max-width: 767px) {
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
        right: 16px !important;
        bottom: 16px !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-dots {
        bottom: 12px !important;
    }
}

/* =========================================================
   BHRAAJ V246 — Password Set / Reset Form Precision Fix
   Scope: WooCommerce lost-password reset form only.
   - Corrects oversized/uneven password fields.
   - Corrects native WooCommerce eye icon vertical placement.
   - Keeps the form compact, premium and aligned with BHRAAJ account UI.
   ========================================================= */

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword {
    width: min(100%, 820px) !important;
    margin: 0 auto !important;
    padding: clamp(24px, 3vw, 38px) !important;
    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: clamp(16px, 2vw, 22px) !important;
    background: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 42%, transparent),
        0 18px 48px color-mix(in srgb, var(--bh-text) 5%, transparent) !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword > p:first-child {
    margin: 0 0 24px !important;
    color: var(--bh-text-soft) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .form-row {
    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    float: none !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .form-row label {
    display: block !important;
    margin: 0 0 9px !important;
    color: color-mix(in srgb, var(--bh-text) 67%, transparent) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .password-input > input[type="password"],
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .password-input > input[type="text"] {
    display: block !important;
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 58px 0 17px !important;
    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    color: var(--bh-text) !important;
    -webkit-text-fill-color: var(--bh-text) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 46%, transparent) !important;
    font-family: var(--bh-sans) !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .password-input > input[type="password"]:focus,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .password-input > input[type="text"]:focus {
    border-color: color-mix(in srgb, var(--bh-gold) 56%, var(--bh-border)) !important;
    outline: 0 !important;
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--bh-gold) 10%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 54%, transparent) !important;
}

/* Native WooCommerce eye: one centering calculation only. */
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword
.password-input > .show-password-input {
    position: absolute !important;
    z-index: 8 !important;

    top: 50% !important;
    right: 9px !important;
    bottom: auto !important;
    left: auto !important;

    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;
    place-items: center !important;

    transform: translateY(-50%) !important;

    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--bh-text-soft) !important;
    opacity: .86 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword
.password-input > .show-password-input::before {
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
    line-height: 1 !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword
    .password-input > .show-password-input:hover {
        transform: translateY(-50%) scale(1.03) !important;
        background: color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
        color: var(--bh-text) !important;
        opacity: 1 !important;
    }
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-form-row--wide + .clear {
    display: none !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .button {
    min-height: 48px !important;
    padding: 0 22px !important;
    margin-top: 2px !important;
    border-radius: 999px !important;
}

@media (max-width: 767px) {
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword {
        width: 100% !important;
        padding: 22px 18px !important;
        border-radius: 16px !important;
    }

    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .password-input,
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .password-input > input[type="password"],
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .password-input > input[type="text"] {
        height: 54px !important;
        min-height: 54px !important;
    }
}

/* =========================================================
   BHRAAJ V247 — Password Strength Spacing Refinement
   - Adds clear breathing room between the first password field
     and WooCommerce's password-strength meter/hint.
   - Keeps all V246 field sizing and eye alignment unchanged.
   ========================================================= */

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .password-input + .woocommerce-password-strength,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength {
    margin-top: 12px !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-hint {
    display: block !important;
    margin-top: 8px !important;
    line-height: 1.55 !important;
}

/* Prevent the strength block from visually touching either field. */
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-form-row--first {
    margin-bottom: 28px !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-form-row--last {
    margin-top: 4px !important;
}

@media (max-width: 767px) {
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .password-input + .woocommerce-password-strength,
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-password-strength {
        margin-top: 10px !important;
    }

    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-password-hint {
        margin-top: 7px !important;
    }

    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-form-row--first {
        margin-bottom: 24px !important;
    }
}

/* =========================================================
   BHRAAJ V248 — Password Strength Meter Separation
   - Removes the empty strength line before the user starts typing.
   - When active, the strength meter sits with clear spacing below
     the first password field instead of visually touching it.
   ========================================================= */

/* WooCommerce can render an empty strength element immediately.
   Hide that inactive element completely so no orphan line appears. */
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength:empty {
    display: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Once WooCommerce assigns an actual strength state, restore the
   premium meter with deliberate breathing room from the input. */
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.short,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.bad,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.good,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.strong {
    display: flex !important;
    margin: 18px 0 8px !important;
}

/* Keep the guidance comfortably separated from the active meter. */
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-hint {
    margin: 9px 0 22px !important;
}

/* When the meter is still inactive, preserve clean spacing between
   the first field and the confirmation-field label. */
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-form-row--first {
    margin-bottom: 30px !important;
}

@media (max-width: 767px) {
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-password-strength.short,
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-password-strength.bad,
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-password-strength.good,
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-password-strength.strong {
        margin-top: 15px !important;
    }

    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-form-row--first {
        margin-bottom: 26px !important;
    }
}

/* =========================================================
   BHRAAJ V249 — Reset Form Password Meter Conflict Resolution
   Root cause:
   Older global WooCommerce account rules force every
   .woocommerce-password-strength element to render as a flex
   meter with a border-bottom and pseudo-elements.
   This block neutralizes those global rules on the reset form,
   then rebuilds the strength meter only when WooCommerce assigns
   an actual strength class.
   ========================================================= */

/* Inactive / untouched state: remove the legacy global meter entirely. */
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength {
    display: none !important;
    position: static !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength::before,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength::after {
    content: none !important;
    display: none !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
}

/* Active state: show a compact text status with a deliberately separated bar. */
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.short,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.bad,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.good,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.strong {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    min-height: 28px !important;
    margin: 16px 0 8px !important;
    padding: 0 0 8px !important;

    border: 0 !important;
    border-bottom: 3px solid color-mix(in srgb, var(--bh-border) 88%, transparent) !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    color: var(--bh-text) !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    letter-spacing: .01em !important;
    line-height: 1.2 !important;
    text-align: left !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.short::before,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.bad::before,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.good::before,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.strong::before {
    content: "Password strength" !important;
    display: block !important;
    position: static !important;
    color: var(--bh-text-soft) !important;
    font-size: 9.5px !important;
    font-weight: 650 !important;
    letter-spacing: .02em !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.short::after,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.bad::after,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.good::after,
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.strong::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -3px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: currentColor !important;
}

/* Strength progression */
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.short {
    color: #8f4a41 !important;
}
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.short::after {
    width: 22% !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.bad {
    color: #9a6a3f !important;
}
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.bad::after {
    width: 42% !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.good {
    color: color-mix(in srgb, var(--bh-gold) 78%, #6d5a33) !important;
}
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.good::after {
    width: 68% !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.strong {
    color: #64705a !important;
}
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-strength.strong::after {
    width: 100% !important;
}

/* Ensure the confirmation field never visually collides with meter/hint. */
body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-password-hint {
    display: block !important;
    margin: 8px 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--bh-text-soft) !important;
    font-size: 12px !important;
    font-style: normal !important;
    line-height: 1.55 !important;
}

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword .woocommerce-form-row--first {
    margin-bottom: 28px !important;
}

@media (max-width: 767px) {
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-password-strength.short,
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-password-strength.bad,
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-password-strength.good,
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-password-strength.strong {
        margin-top: 14px !important;
    }

    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword .woocommerce-password-hint {
        margin-bottom: 20px !important;
        font-size: 11.5px !important;
    }
}

/* =========================================================
   BHRAAJ V250 — Reset Card / Masthead Divider Separation
   Root cause confirmed from the rendered page:
   the visible horizontal line is the bottom border of the
   "Enter your space" masthead, not the password-strength meter.
   Give the reset card its own deliberate top separation.
   ========================================================= */

body.woocommerce-account:not(.logged-in)
form.woocommerce-ResetPassword {
    margin-top: clamp(34px, 3.8vw, 52px) !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
}

/* Keep the separation proportional on smaller screens. */
@media (max-width: 767px) {
    body.woocommerce-account:not(.logged-in)
    form.woocommerce-ResetPassword {
        margin-top: 26px !important;
    }
}

/* =========================================================
   BHRAAJ V256 — Forgot Password Request Form Hard Lock
   IMPORTANT:
   WooCommerce's first-stage lost-password form is identified by
   the presence of the username/email field, not by relying on the
   optional lost_reset_password class.
   ========================================================= */

/* First-stage LOST PASSWORD REQUEST card only */
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input[name="user_login"]),
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input#user_login) {
    box-sizing: border-box !important;
    display: block !important;

    width: min(720px, calc(100% - 32px)) !important;
    max-width: 720px !important;
    min-width: 0 !important;

    margin-top: clamp(36px, 4vw, 54px) !important;
    margin-right: auto !important;
    margin-bottom: clamp(52px, 6vw, 76px) !important;
    margin-left: auto !important;

    padding: clamp(30px, 3.4vw, 42px) !important;

    float: none !important;
    clear: both !important;

    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 42%, transparent),
        0 18px 46px color-mix(in srgb, var(--bh-text) 4.5%, transparent) !important;
}

/* Intro text */
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input[name="user_login"]) > p:first-child,
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input#user_login) > p:first-child {
    width: 100% !important;
    max-width: 590px !important;
    margin: 0 0 28px !important;
    padding: 0 !important;

    color: var(--bh-text-soft) !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
}

/* Field row */
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input[name="user_login"]) .form-row,
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input#user_login) .form-row {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    float: none !important;
}

/* Label */
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input[name="user_login"]) label,
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input#user_login) label {
    display: block !important;
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: color-mix(in srgb, var(--bh-text) 68%, transparent) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: .105em !important;
    text-transform: uppercase !important;
}

/* Username / email input */
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword input[name="user_login"],
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword input#user_login {
    box-sizing: border-box !important;
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 17px !important;

    float: none !important;

    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;
    color: var(--bh-text) !important;
    -webkit-text-fill-color: var(--bh-text) !important;

    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 48%, transparent) !important;

    font-family: var(--bh-sans) !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword input[name="user_login"]:focus,
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword input#user_login:focus {
    border-color: color-mix(in srgb, var(--bh-gold) 56%, var(--bh-border)) !important;
    outline: 0 !important;
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--bh-gold) 9%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 54%, transparent) !important;
}

/* Button row and CTA */
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input[name="user_login"]) p:has(> .button),
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input#user_login) p:has(> .button) {
    width: 100% !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input[name="user_login"]) .button,
body.woocommerce-account:not(.logged-in)
.woocommerce form.woocommerce-ResetPassword:has(input#user_login) .button {
    min-width: 0 !important;
    width: auto !important;
    min-height: 46px !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg,#171210,#0f0b0a) !important;
    color: #fffdf9 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 10px 24px rgba(31,23,19,.13) !important;

    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    transition:
        transform 220ms var(--bh-ease),
        box-shadow 220ms var(--bh-ease),
        filter 220ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    body.woocommerce-account:not(.logged-in)
    .woocommerce form.woocommerce-ResetPassword:has(input[name="user_login"]) .button:hover,
    body.woocommerce-account:not(.logged-in)
    .woocommerce form.woocommerce-ResetPassword:has(input#user_login) .button:hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.035) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.12),
            0 16px 34px rgba(31,23,19,.18) !important;
    }
}

@media (max-width: 767px) {
    body.woocommerce-account:not(.logged-in)
    .woocommerce form.woocommerce-ResetPassword:has(input[name="user_login"]),
    body.woocommerce-account:not(.logged-in)
    .woocommerce form.woocommerce-ResetPassword:has(input#user_login) {
        width: calc(100% - 32px) !important;
        max-width: none !important;
        margin-top: 26px !important;
        margin-bottom: 44px !important;
        padding: 24px 18px !important;
        border-radius: 17px !important;
    }

    body.woocommerce-account:not(.logged-in)
    .woocommerce form.woocommerce-ResetPassword:has(input[name="user_login"]) > p:first-child,
    body.woocommerce-account:not(.logged-in)
    .woocommerce form.woocommerce-ResetPassword:has(input#user_login) > p:first-child {
        margin-bottom: 24px !important;
        font-size: 13px !important;
        line-height: 1.68 !important;
    }

    body.woocommerce-account:not(.logged-in)
    .woocommerce form.woocommerce-ResetPassword input[name="user_login"],
    body.woocommerce-account:not(.logged-in)
    .woocommerce form.woocommerce-ResetPassword input#user_login {
        height: 54px !important;
        min-height: 54px !important;
    }
}

/* =========================================================
   BHRAAJ V257 — Dedicated Forgot Password Request Screen
   Requires:
   woocommerce/myaccount/form-lost-password.php V257

   This block intentionally styles ONLY .bhraaj-lost-password.
   It does not alter WooCommerce's second-stage new-password form.
   ========================================================= */

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    clear: both !important;

    width: min(100% - 40px, 700px) !important;
    max-width: 700px !important;
    min-width: 0 !important;

    margin: clamp(40px, 4.5vw, 62px) auto clamp(54px, 6vw, 82px) !important;
    padding: clamp(34px, 3.8vw, 46px) !important;

    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;

    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 46%, transparent),
        0 18px 50px color-mix(in srgb, var(--bh-text) 4.5%, transparent) !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__intro {
    width: 100% !important;
    max-width: 580px !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__kicker {
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: var(--bh-gold) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__title {
    margin: 0 0 13px !important;
    padding: 0 !important;

    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(30px, 3vw, 40px) !important;
    font-weight: 400 !important;
    line-height: 1.04 !important;
    letter-spacing: -.025em !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__copy {
    max-width: 560px !important;
    margin: 0 !important;
    padding: 0 !important;

    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__field {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__field label {
    display: block !important;
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: color-mix(in srgb, var(--bh-text) 70%, transparent) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: .105em !important;
    text-transform: uppercase !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password #user_login {
    box-sizing: border-box !important;
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 17px !important;
    float: none !important;

    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;

    color: var(--bh-text) !important;
    -webkit-text-fill-color: var(--bh-text) !important;

    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 52%, transparent) !important;

    font-family: var(--bh-sans) !important;
    font-size: 15px !important;
    line-height: 1 !important;

    transition:
        border-color 180ms ease,
        box-shadow 180ms ease,
        background-color 180ms ease !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password #user_login:focus {
    border-color: color-mix(in srgb, var(--bh-gold) 58%, var(--bh-border)) !important;
    outline: 0 !important;

    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--bh-gold) 8%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 56%, transparent) !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__actions {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 0 21px !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #171210 0%, #0f0b0a 100%) !important;
    color: #fffdf9 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 10px 24px rgba(31,23,19,.12) !important;

    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;

    transition:
        transform 220ms var(--bh-ease),
        box-shadow 220ms var(--bh-ease),
        filter 220ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account:not(.logged-in)
    .woocommerce form.bhraaj-lost-password .bhraaj-lost-password__button:hover {
        transform: translateY(-1px) !important;
        filter: brightness(1.035) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.12),
            0 14px 30px rgba(31,23,19,.16) !important;
    }
}

@media (max-width: 767px) {
    body.woocommerce-account:not(.logged-in)
    .woocommerce form.bhraaj-lost-password {
        width: calc(100% - 28px) !important;
        max-width: none !important;

        margin-top: 28px !important;
        margin-bottom: 46px !important;
        padding: 26px 20px !important;

        border-radius: 17px !important;
    }

    body.woocommerce-account:not(.logged-in)
    .woocommerce form.bhraaj-lost-password .bhraaj-lost-password__intro {
        margin-bottom: 26px !important;
    }

    body.woocommerce-account:not(.logged-in)
    .woocommerce form.bhraaj-lost-password .bhraaj-lost-password__title {
        font-size: clamp(28px, 9vw, 34px) !important;
    }

    body.woocommerce-account:not(.logged-in)
    .woocommerce form.bhraaj-lost-password .bhraaj-lost-password__copy {
        font-size: 13px !important;
        line-height: 1.68 !important;
    }

    body.woocommerce-account:not(.logged-in)
    .woocommerce form.bhraaj-lost-password #user_login {
        height: 54px !important;
        min-height: 54px !important;
    }

    body.woocommerce-account:not(.logged-in)
    .woocommerce form.bhraaj-lost-password .bhraaj-lost-password__button {
        height: 46px !important;
        min-height: 46px !important;
    }
}

/* =========================================================
   BHRAAJ V258 — Forgot Password Card Geometry Fix
   Root cause:
   V257 used width: min(100% - 40px, 700px), which is invalid CSS.
   The browser ignored that width and fell back to older 100%-wide
   WooCommerce reset-form rules. This block uses valid calc() syntax
   and hard-locks the card's centering and internal side spacing.
   ========================================================= */

body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password {
    box-sizing: border-box !important;

    width: min(calc(100% - 48px), 660px) !important;
    max-width: 660px !important;
    min-width: 0 !important;

    margin-top: clamp(42px, 4.6vw, 64px) !important;
    margin-right: auto !important;
    margin-bottom: clamp(56px, 6vw, 82px) !important;
    margin-left: auto !important;

    padding-top: 44px !important;
    padding-right: clamp(40px, 4.2vw, 54px) !important;
    padding-bottom: 46px !important;
    padding-left: clamp(40px, 4.2vw, 54px) !important;

    float: none !important;
    clear: both !important;
    transform: none !important;
}

/* Keep every content block inside the card's true content box. */
body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__intro,
body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__field,
body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__actions {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Prevent the heading/copy from visually running into the card edge. */
body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__title,
body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__copy {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

/* Slightly calmer desktop title so the composition remains editorial. */
body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__title {
    font-size: clamp(31px, 2.7vw, 38px) !important;
}

/* Input must stop at the padded content edges. */
body.woocommerce-account:not(.logged-in)
.woocommerce form.bhraaj-lost-password #user_login {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Mobile keeps a visible outer gutter plus proper inner padding. */
@media (max-width: 767px) {
    body.woocommerce-account:not(.logged-in)
    .woocommerce form.bhraaj-lost-password {
        width: calc(100% - 28px) !important;
        max-width: none !important;

        margin-top: 28px !important;
        margin-right: auto !important;
        margin-bottom: 46px !important;
        margin-left: auto !important;

        padding: 28px 20px 30px !important;
    }
}

/* =========================================================
   BHRAAJ V259 — Forgot Password Works For Logged-In Admin Testing
   Root cause:
   Earlier dedicated selectors used:
       body.woocommerce-account:not(.logged-in)
   While testing the front end from an authenticated WordPress session,
   the <body> has the .logged-in class, so NONE of those dedicated rules
   could match. The custom PHP template loaded, but the old generic
   WooCommerce reset-form CSS remained visible.

   V259 removes that session restriction and hard-locks the dedicated
   BHRAAJ lost-password card for both logged-out customers and logged-in
   admin testing.
   ========================================================= */

html body.woocommerce-account
.woocommerce form.bhraaj-lost-password {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    clear: both !important;

    width: min(calc(100% - 48px), 680px) !important;
    max-width: 680px !important;
    min-width: 0 !important;

    margin-top: clamp(42px, 4.6vw, 64px) !important;
    margin-right: auto !important;
    margin-bottom: clamp(56px, 6vw, 82px) !important;
    margin-left: auto !important;

    padding: 44px clamp(42px, 4vw, 54px) 46px !important;

    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;

    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 46%, transparent),
        0 18px 50px color-mix(in srgb, var(--bh-text) 4.5%, transparent) !important;

    transform: none !important;
}

/* Intro */
html body.woocommerce-account
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__intro {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
}

html body.woocommerce-account
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__kicker {
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: var(--bh-gold) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

html body.woocommerce-account
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__title {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(31px, 2.7vw, 38px) !important;
    font-weight: 400 !important;
    line-height: 1.06 !important;
    letter-spacing: -.025em !important;
    overflow-wrap: normal !important;
}

html body.woocommerce-account
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__copy {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
}

/* Field */
html body.woocommerce-account
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__field {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
}

html body.woocommerce-account
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__field label {
    display: block !important;
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: color-mix(in srgb, var(--bh-text) 70%, transparent) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: .105em !important;
    text-transform: uppercase !important;
}

html body.woocommerce-account
.woocommerce form.bhraaj-lost-password #user_login {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 17px !important;

    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;

    color: var(--bh-text) !important;
    -webkit-text-fill-color: var(--bh-text) !important;

    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 52%, transparent) !important;

    font-family: var(--bh-sans) !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

html body.woocommerce-account
.woocommerce form.bhraaj-lost-password #user_login:focus {
    border-color: color-mix(in srgb, var(--bh-gold) 58%, var(--bh-border)) !important;
    outline: 0 !important;

    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--bh-gold) 8%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 56%, transparent) !important;
}

/* CTA */
html body.woocommerce-account
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__actions {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
}

html body.woocommerce-account
.woocommerce form.bhraaj-lost-password .bhraaj-lost-password__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 0 21px !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #171210 0%, #0f0b0a 100%) !important;
    color: #fffdf9 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 10px 24px rgba(31,23,19,.12) !important;

    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
}

@media (hover: hover) and (pointer: fine) {
    html body.woocommerce-account
    .woocommerce form.bhraaj-lost-password .bhraaj-lost-password__button:hover {
        transform: translateY(-1px) !important;
        filter: brightness(1.035) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.12),
            0 14px 30px rgba(31,23,19,.16) !important;
    }
}

@media (max-width: 767px) {
    html body.woocommerce-account
    .woocommerce form.bhraaj-lost-password {
        width: calc(100% - 28px) !important;
        max-width: none !important;

        margin-top: 28px !important;
        margin-right: auto !important;
        margin-bottom: 46px !important;
        margin-left: auto !important;

        padding: 28px 20px 30px !important;
        border-radius: 17px !important;
    }

    html body.woocommerce-account
    .woocommerce form.bhraaj-lost-password .bhraaj-lost-password__title {
        font-size: clamp(28px, 9vw, 34px) !important;
    }

    html body.woocommerce-account
    .woocommerce form.bhraaj-lost-password .bhraaj-lost-password__copy {
        font-size: 13px !important;
        line-height: 1.68 !important;
    }

    html body.woocommerce-account
    .woocommerce form.bhraaj-lost-password #user_login {
        height: 54px !important;
        min-height: 54px !important;
    }
}

/* =========================================================
   BHRAAJ V260 — Reset Link Sent Confirmation
   Requires:
   woocommerce/myaccount/lost-password-confirmation.php V260
   ========================================================= */

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 18px !important;

    width: min(calc(100% - 48px), 680px) !important;
    max-width: 680px !important;

    margin: clamp(42px, 4.6vw, 64px) auto clamp(56px, 6vw, 82px) !important;
    padding: 38px 42px !important;

    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;

    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 46%, transparent),
        0 18px 50px color-mix(in srgb, var(--bh-text) 4.5%, transparent) !important;
}

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 42px !important;

    margin: 1px 0 0 !important;
    padding: 0 !important;

    border: 1px solid color-mix(in srgb, var(--bh-gold) 28%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-gold) 8%, var(--bh-surface)) !important;
    color: var(--bh-gold) !important;
}

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__content {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__kicker {
    margin: 0 0 9px !important;
    padding: 0 !important;

    color: var(--bh-gold) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__title {
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(30px, 2.7vw, 38px) !important;
    font-weight: 400 !important;
    line-height: 1.06 !important;
    letter-spacing: -.025em !important;
}

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__copy {
    max-width: 520px !important;
    margin: 0 !important;
    padding: 0 !important;

    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
}

@media (max-width: 767px) {
    html body.woocommerce-account
    .woocommerce .bhraaj-reset-sent {
        grid-template-columns: 36px minmax(0, 1fr) !important;
        gap: 14px !important;

        width: calc(100% - 28px) !important;
        max-width: none !important;

        margin-top: 28px !important;
        margin-bottom: 46px !important;
        padding: 26px 20px !important;

        border-radius: 17px !important;
    }

    html body.woocommerce-account
    .woocommerce .bhraaj-reset-sent__icon {
        width: 36px !important;
        height: 36px !important;
    }

    html body.woocommerce-account
    .woocommerce .bhraaj-reset-sent__title {
        font-size: clamp(27px, 8.5vw, 33px) !important;
    }

    html body.woocommerce-account
    .woocommerce .bhraaj-reset-sent__copy {
        font-size: 13px !important;
        line-height: 1.68 !important;
    }
}

/* =========================================================
   BHRAAJ V261 — Reset Confirmation Layout Hard Fix
   Removes the fragile two-column grid entirely.
   The confirmation card is now a simple centered block so no
   inherited WooCommerce/account grid can collapse the text column.
   ========================================================= */

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent {
    box-sizing: border-box !important;
    display: block !important;

    width: calc(100% - 48px) !important;
    max-width: 680px !important;
    min-width: 0 !important;

    margin-top: clamp(42px, 4.6vw, 64px) !important;
    margin-right: auto !important;
    margin-bottom: clamp(56px, 6vw, 82px) !important;
    margin-left: auto !important;

    padding: 42px 46px 44px !important;

    float: none !important;
    clear: both !important;

    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;

    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 46%, transparent),
        0 18px 50px color-mix(in srgb, var(--bh-text) 4.5%, transparent) !important;

    overflow: visible !important;
}

/* Icon is independent of the copy, so it can never squeeze the text. */
html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__icon {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;

    margin: 0 0 22px !important;
    padding: 0 !important;

    float: none !important;

    border: 1px solid color-mix(in srgb, var(--bh-gold) 28%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-gold) 8%, var(--bh-surface)) !important;
    color: var(--bh-gold) !important;
}

/* Hard reset any inherited My Account width/grid rules. */
html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__content {
    box-sizing: border-box !important;
    display: block !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: both !important;

    white-space: normal !important;
    overflow: visible !important;
}

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__kicker {
    display: block !important;
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    color: var(--bh-gold) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;

    white-space: normal !important;
}

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__title {
    display: block !important;
    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(31px, 2.7vw, 38px) !important;
    font-weight: 400 !important;
    line-height: 1.06 !important;
    letter-spacing: -.025em !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__copy {
    display: block !important;
    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 540px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    line-height: 1.72 !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* When testing the reset endpoint while logged into WordPress, remove
   any account-content sizing that visually competes with this card. */
html body.woocommerce-account.logged-in
.woocommerce-MyAccount-content:has(.bhraaj-reset-sent) {
    box-sizing: border-box !important;
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    html body.woocommerce-account
    .woocommerce .bhraaj-reset-sent {
        width: calc(100% - 28px) !important;
        max-width: 680px !important;

        margin-top: 28px !important;
        margin-bottom: 46px !important;

        padding: 28px 22px 30px !important;
        border-radius: 17px !important;
    }

    html body.woocommerce-account
    .woocommerce .bhraaj-reset-sent__icon {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin-bottom: 18px !important;
    }

    html body.woocommerce-account
    .woocommerce .bhraaj-reset-sent__title {
        font-size: clamp(28px, 9vw, 34px) !important;
    }

    html body.woocommerce-account
    .woocommerce .bhraaj-reset-sent__copy {
        max-width: none !important;
        font-size: 13px !important;
        line-height: 1.68 !important;
    }
}

/* =========================================================
   BHRAAJ V262 — Reset Confirmation Parent Grid Neutralization
   ROOT CAUSE:
   While John tests this endpoint logged into WordPress, the global
   logged-in account shell turns .woocommerce into a two-column grid:
       account rail | account content
   The reset confirmation is a direct child of .woocommerce, so it was
   being placed inside the narrow account-rail grid column.

   This block detects the reset confirmation and temporarily turns ONLY
   that WooCommerce wrapper back into a normal centered block layout.
   ========================================================= */

/* The critical fix: neutralize the logged-in account grid only on this screen. */
html body.woocommerce-account
.woocommerce:has(> .bhraaj-reset-sent) {
    box-sizing: border-box !important;
    display: block !important;

    width: min(calc(100% - 48px), var(--bh-container)) !important;
    max-width: var(--bh-container) !important;

    margin-right: auto !important;
    margin-left: auto !important;

    padding-top: clamp(38px, 4.5vw, 62px) !important;
    padding-right: 0 !important;
    padding-bottom: clamp(72px, 8vw, 108px) !important;
    padding-left: 0 !important;

    grid-template-columns: none !important;
    gap: 0 !important;
}

/* If WooCommerce emits account navigation/content wrappers during an
   authenticated admin test, they must not reserve the old rail column. */
html body.woocommerce-account
.woocommerce:has(> .bhraaj-reset-sent) > .woocommerce-MyAccount-navigation {
    display: none !important;
}

html body.woocommerce-account
.woocommerce:has(> .bhraaj-reset-sent) > .woocommerce-MyAccount-content {
    box-sizing: border-box !important;
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
}

/* Final confirmation-card geometry. */
html body.woocommerce-account
.woocommerce:has(> .bhraaj-reset-sent) > .bhraaj-reset-sent,
html body.woocommerce-account
.woocommerce .bhraaj-reset-sent {
    box-sizing: border-box !important;
    display: block !important;

    width: min(calc(100% - 48px), 680px) !important;
    max-width: 680px !important;
    min-width: 0 !important;

    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;

    padding: 42px 46px 44px !important;

    float: none !important;
    clear: both !important;

    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;

    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 46%, transparent),
        0 18px 50px color-mix(in srgb, var(--bh-text) 4.5%, transparent) !important;
}

/* Keep all textual content at the full card content width. */
html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__content,
html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__kicker,
html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__title,
html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__copy {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;

    float: none !important;
    white-space: normal !important;
    word-break: normal !important;
}

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__content {
    max-width: none !important;
}

html body.woocommerce-account
.woocommerce .bhraaj-reset-sent__copy {
    max-width: 540px !important;
}

/* Mobile */
@media (max-width: 767px) {
    html body.woocommerce-account
    .woocommerce:has(> .bhraaj-reset-sent) {
        width: calc(100% - 28px) !important;
        padding-top: 28px !important;
        padding-bottom: 46px !important;
    }

    html body.woocommerce-account
    .woocommerce:has(> .bhraaj-reset-sent) > .bhraaj-reset-sent,
    html body.woocommerce-account
    .woocommerce .bhraaj-reset-sent {
        width: 100% !important;
        max-width: 680px !important;
        padding: 28px 22px 30px !important;
        border-radius: 17px !important;
    }
}

/* =========================================================
   BHRAAJ V263 — Final New-Password Form Geometry + Eye Alignment
   ROOT CAUSE:
   The earlier reset-form styling was scoped to:
       body.woocommerce-account:not(.logged-in)
   During admin/front-end testing the body carries .logged-in, so those
   rules were skipped and older generic WooCommerce sizing won instead.

   V263 targets the SECOND-STAGE password form directly by the presence
   of password_1, so it works for normal customers and logged-in admin
   testing without affecting the first-stage "Forgot password?" form.
   ========================================================= */

/* ---------- Reset-password card ---------- */
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"]) {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    clear: both !important;

    width: min(calc(100% - 48px), 680px) !important;
    max-width: 680px !important;
    min-width: 0 !important;

    margin-top: clamp(42px, 4.6vw, 64px) !important;
    margin-right: auto !important;
    margin-bottom: clamp(56px, 6vw, 82px) !important;
    margin-left: auto !important;

    padding-top: 42px !important;
    padding-right: 46px !important;
    padding-bottom: 44px !important;
    padding-left: 46px !important;

    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;

    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 46%, transparent),
        0 18px 50px color-mix(in srgb, var(--bh-text) 4.5%, transparent) !important;

    overflow: visible !important;
}

/* ---------- Intro copy ---------- */
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"]) > p:first-child {
    box-sizing: border-box !important;
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 26px !important;
    padding: 0 !important;

    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* ---------- Form rows ---------- */
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"]) .form-row {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 24px !important;
    padding: 0 !important;
}

html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"]) .form-row label {
    display: block !important;
    width: 100% !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    color: color-mix(in srgb, var(--bh-text) 70%, transparent) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: .105em !important;
    text-transform: uppercase !important;
}

/* ---------- Password input wrapper ----------
   Explicit inner width and no inherited negative margins. */
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"]) .password-input {
    box-sizing: border-box !important;
    position: relative !important;
    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* ---------- Actual password fields ----------
   18px left breathing room + 58px reserved for eye control. */
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.password-input > input[type="password"],
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.password-input > input[type="text"] {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding-top: 0 !important;
    padding-right: 58px !important;
    padding-bottom: 0 !important;
    padding-left: 18px !important;

    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;

    color: var(--bh-text) !important;
    -webkit-text-fill-color: var(--bh-text) !important;

    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 52%, transparent) !important;

    font-family: var(--bh-sans) !important;
    font-size: 15px !important;
    line-height: 1 !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}

html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.password-input > input[type="password"]:focus,
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.password-input > input[type="text"]:focus {
    border-color: color-mix(in srgb, var(--bh-gold) 58%, var(--bh-border)) !important;
    outline: 0 !important;

    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--bh-gold) 8%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 56%, transparent) !important;
}

/* ---------- Eye control ----------
   Fixed 36x36 control, 10px from the right input edge, centered exactly. */
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.password-input > .show-password-input {
    box-sizing: border-box !important;
    position: absolute !important;
    z-index: 10 !important;

    top: 50% !important;
    right: 10px !important;
    bottom: auto !important;
    left: auto !important;

    display: grid !important;
    place-items: center !important;

    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;

    color: var(--bh-text-soft) !important;
    opacity: .84 !important;

    line-height: 1 !important;
    cursor: pointer !important;
}

html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.password-input > .show-password-input::before {
    position: static !important;
    inset: auto !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    line-height: 1 !important;
}

html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.password-input > .show-password-input::after {
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
}

@media (hover: hover) and (pointer: fine) {
    html body.woocommerce-account
    .woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
    .password-input > .show-password-input:hover {
        transform: translateY(-50%) scale(1.03) !important;
        background: color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
        color: var(--bh-text) !important;
        opacity: 1 !important;
    }
}

/* ---------- Strength meter / hint ----------
   Keep the previously approved separation but make it session-safe. */
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.woocommerce-password-strength {
    display: none !important;
    position: static !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.woocommerce-password-strength::before,
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.woocommerce-password-strength::after {
    content: none !important;
    display: none !important;
}

html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.woocommerce-password-strength.short,
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.woocommerce-password-strength.bad,
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.woocommerce-password-strength.good,
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.woocommerce-password-strength.strong {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    min-height: 28px !important;
    margin: 16px 0 8px !important;
    padding: 0 0 8px !important;

    border: 0 !important;
    border-bottom: 3px solid color-mix(in srgb, var(--bh-border) 88%, transparent) !important;

    background: transparent !important;

    font-size: 10.5px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-align: left !important;
}

html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.woocommerce-password-hint {
    display: block !important;

    margin: 8px 0 24px !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color: var(--bh-text-soft) !important;
    font-size: 12px !important;
    font-style: normal !important;
    line-height: 1.55 !important;
}

/* More breathing room before confirmation field. */
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.woocommerce-form-row--first {
    margin-bottom: 28px !important;
}

/* WooCommerce utility clear should not create phantom spacing. */
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
.woocommerce-form-row--wide + .clear {
    display: none !important;
}

/* ---------- Save CTA ---------- */
html body.woocommerce-account
.woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"]) .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;

    margin: 2px 0 0 !important;
    padding: 0 21px !important;

    border-radius: 999px !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
    html body.woocommerce-account
    .woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"]) {
        width: calc(100% - 28px) !important;
        max-width: none !important;

        margin-top: 28px !important;
        margin-bottom: 46px !important;

        padding: 28px 20px 30px !important;
        border-radius: 17px !important;
    }

    html body.woocommerce-account
    .woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"]) .password-input,
    html body.woocommerce-account
    .woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
    .password-input > input[type="password"],
    html body.woocommerce-account
    .woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
    .password-input > input[type="text"] {
        height: 54px !important;
        min-height: 54px !important;
    }

    html body.woocommerce-account
    .woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
    .password-input > input[type="password"],
    html body.woocommerce-account
    .woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
    .password-input > input[type="text"] {
        padding-right: 54px !important;
        padding-left: 16px !important;
    }

    html body.woocommerce-account
    .woocommerce form.woocommerce-ResetPassword:has(input[name="password_1"])
    .password-input > .show-password-input {
        right: 8px !important;
        width: 36px !important;
        height: 36px !important;
    }
}

/* =========================================================
   BHRAAJ V264 — PROFILE & SECURITY DISCOVERABILITY
   - Makes Profile details unmistakable when Account Details is opened.
   - Keeps native WooCommerce saving/validation untouched.
   - Adds a clear Overview shortcut without changing the account shell.
   ========================================================= */

body.woocommerce-account .bhraaj-account-details-form {
    width: 100% !important;
    max-width: 860px !important;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-profile-head {
    grid-column: 1 / -1 !important;
    margin: 0 0 28px !important;
}

body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-profile-title {
    margin: 0 0 10px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(36px, 3.2vw, 48px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -.028em !important;
}

body.woocommerce-account .bhraaj-account-details-form > .form-row {
    min-width: 0 !important;
    margin-bottom: 20px !important;
}

body.woocommerce-account .bhraaj-account-details-form > .form-row label,
body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-password-section .form-row label {
    display: block !important;
    margin: 0 0 9px !important;
}

body.woocommerce-account .bhraaj-account-details-form > .form-row > input[type="text"],
body.woocommerce-account .bhraaj-account-details-form > .form-row > input[type="email"] {
    width: 100% !important;
    min-height: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 12px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;
    color: var(--bh-text) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 44%, transparent) !important;
}

body.woocommerce-account .bhraaj-account-details-form > .form-row > input[type="text"]:focus,
body.woocommerce-account .bhraaj-account-details-form > .form-row > input[type="email"]:focus {
    outline: 0 !important;
    border-color: color-mix(in srgb, var(--bh-gold) 56%, var(--bh-border)) !important;
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--bh-gold) 8%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 52%, transparent) !important;
}

body.woocommerce-account .bhraaj-account-profile-shortcut-row {
    margin: 24px 0 0 !important;
}

body.woocommerce-account .bhraaj-account-profile-shortcut {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 19px !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    color: var(--bh-text) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: transform 220ms var(--bh-ease), border-color 220ms ease, background-color 220ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
    body.woocommerce-account .bhraaj-account-profile-shortcut:hover {
        transform: translateY(-1px) !important;
        border-color: color-mix(in srgb, var(--bh-gold) 36%, var(--bh-border)) !important;
        background: var(--bh-surface) !important;
    }
}

@media (max-width: 820px) {
    body.woocommerce-account .bhraaj-account-details-form {
        max-width: 100% !important;
    }
}

@media (max-width: 560px) {
    body.woocommerce-account .bhraaj-account-details-form .bhraaj-account-profile-title {
        font-size: clamp(34px, 11vw, 42px) !important;
    }

    body.woocommerce-account .bhraaj-account-profile-shortcut {
        width: 100% !important;
    }
}

/* =========================================================
   BHRAAJ V266 — ACCOUNT OVERVIEW PERSONALISATION
   - Supports the server-rendered "Welcome back, {first name}." heading.
   - Adds restrained supporting copy without changing the established card grid.
   - No authentication, navigation, address-saving or account logic is altered.
   ========================================================= */

body.woocommerce-account .bhraaj-account-welcome-copy {
    width: min(100%, 640px);
    margin: 14px 0 0 !important;
    color: var(--bh-text-soft);
    font-family: var(--bh-sans);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0;
}

@media (max-width: 560px) {
    body.woocommerce-account .bhraaj-account-welcome-copy {
        margin-top: 12px !important;
        font-size: 12.5px;
        line-height: 1.6;
    }
}

/* =========================================================
   BHRAAJ V268 — PRODUCT REVIEW PUBLISH CONFIRMATION
   ========================================================= */

body.single-product.bhraaj-single-product-v20 .bhraaj-review-success {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    width: 100% !important;
    margin: 0 0 28px !important;
    padding: 15px 17px !important;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 28%, var(--bh-product-rule-strong)) !important;
    border-radius: 15px !important;
    background: color-mix(in srgb, var(--bh-surface) 92%, var(--bh-gold) 3%) !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-review-success-mark {
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 58%, var(--bh-product-rule-strong)) !important;
    border-radius: 999px !important;
    color: var(--bh-gold) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-review-success-copy {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-review-success-copy strong {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1.35 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-review-success-copy span {
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

@media (max-width: 560px) {
    body.single-product.bhraaj-single-product-v20 .bhraaj-review-success {
        gap: 11px !important;
        margin-bottom: 24px !important;
        padding: 14px 15px !important;
        border-radius: 14px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-review-success-mark {
        flex-basis: 28px !important;
        width: 28px !important;
        height: 28px !important;
    }
}

/* =========================================================
   BHRAAJ V269 — ZERO-REFRESH REVIEW SUBMISSION STATES
   ========================================================= */

body.single-product.bhraaj-single-product-v20 #review_form_wrapper form.is-bhraaj-review-submitting input#submit {
    pointer-events: none !important;
    opacity: .62 !important;
    transform: none !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-review-error {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 14px 16px !important;
    border: 1px solid color-mix(in srgb, var(--bh-red) 38%, var(--bh-product-rule-strong)) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--bh-surface) 94%, var(--bh-red) 3%) !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-review-error strong {
    display: block !important;
    margin: 0 0 2px !important;
    font-size: 10.5px !important;
    font-weight: 780 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

body.single-product.bhraaj-single-product-v20 #reviews .commentlist li.review.is-bhraaj-just-published {
    animation: bhraajReviewReveal 360ms var(--bh-ease) both;
}

@keyframes bhraajReviewReveal {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.single-product.bhraaj-single-product-v20 #reviews .commentlist li.review.is-bhraaj-just-published {
        animation: none !important;
    }
}

/* =========================================================
   BHRAAJ V270 — CUSTOMER REVIEW DELETE CONTROL
   ========================================================= */

body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 13px 0 0 !important;
    padding: 0 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-delete,
body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-confirm-delete,
body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-cancel-delete {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: var(--bh-sans) !important;
    cursor: pointer !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-delete {
    margin: 0 !important;
    padding: 0 !important;
    color: color-mix(in srgb, var(--bh-text-soft) 78%, var(--bh-text)) !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
    letter-spacing: .035em !important;
    text-decoration: underline !important;
    text-decoration-color: color-mix(in srgb, var(--bh-text-soft) 42%, transparent) !important;
    text-underline-offset: 4px !important;
}

@media (hover: hover) and (pointer: fine) {
    body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-delete:hover {
        color: var(--bh-text) !important;
        text-decoration-color: currentColor !important;
    }
}

body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-delete-confirmation {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    border: 1px solid color-mix(in srgb, var(--bh-red) 28%, var(--bh-product-rule-strong)) !important;
    border-radius: 12px !important;
    background: color-mix(in srgb, var(--bh-surface) 95%, var(--bh-red) 2%) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-delete-question {
    margin: 0 auto 0 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 520 !important;
    line-height: 1.45 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-confirm-delete,
body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-cancel-delete {
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-confirm-delete {
    background: var(--bh-text) !important;
    color: var(--bh-bg) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-cancel-delete {
    border: 1px solid var(--bh-product-rule-strong) !important;
    color: var(--bh-text-soft) !important;
}

body.single-product.bhraaj-single-product-v20 li.review.is-bhraaj-review-deleting {
    pointer-events: none !important;
    opacity: .48 !important;
    transition: opacity 160ms var(--bh-ease) !important;
}

body.single-product.bhraaj-single-product-v20 li.review.is-bhraaj-review-deleted {
    opacity: 0 !important;
    transform: translateY(-3px) !important;
    transition:
        opacity 190ms var(--bh-ease),
        transform 190ms var(--bh-ease) !important;
}

body.single-product.bhraaj-single-product-v20 .bhraaj-review-delete-status {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 13px 15px !important;
    border: 1px solid var(--bh-product-rule) !important;
    border-radius: 13px !important;
    background: color-mix(in srgb, var(--bh-surface) 94%, transparent) !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

@media (max-width: 560px) {
    body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-delete-confirmation {
        align-items: flex-start !important;
        gap: 8px !important;
    }

    body.single-product.bhraaj-single-product-v20 .bhraaj-own-review-delete-question {
        flex: 0 0 100% !important;
    }
}

/* =========================================================
   BHRAAJ V272 — Homepage Carousel Discover: Lower Centre
   02 Sep 2026

   Client-approved direction:
   - Move the existing static Discover control away from the
     bottom-right corner.
   - Keep it horizontally centred over the carousel.
   - Position it in the lower-middle image area, just above the
     central bead/necklace detail shown in the supplied reference.
   - Carousel slides, arrows, dots, autoplay, swipe and Shop
     destination remain unchanged.
   ========================================================= */

.bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
    left: 50% !important;
    top: 79% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10 !important;
}

/* Preserve the existing hover lift while keeping the new centre anchor. */
@media (hover: hover) and (pointer: fine) {
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234:hover,
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234:focus-visible {
        transform: translate(-50%, -50%) translateY(-2px) !important;
    }
}

.bhraaj-home-v234 .bhraaj-hero-discover-static-v234:active {
    transform: translate(-50%, -50%) scale(.985) !important;
}

/* Dots remain centred at the foot of the carousel, safely below Discover. */
.bhraaj-home-v234 .bhraaj-hero-carousel-dots {
    left: 50% !important;
    right: auto !important;
    bottom: 16px !important;
    transform: translateX(-50%) !important;
    z-index: 8 !important;
}

@media (max-width: 767px) {
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
        left: 50% !important;
        top: 76% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translate(-50%, -50%) !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-dots {
        bottom: 12px !important;
    }
}

/* =========================================================
   BHRAAJ V273 — MOBILE MENU COPY PARITY
   02 Sep 2026

   Mobile only:
   - Replaces "Sacred objects made with intent." with the homepage/
     desktop brand line "Rooted in tradition. Made for now."
   - Uses the same BHRAAJ eyebrow typography and red accent language.
   - Desktop header/navigation and all existing menu behavior are untouched.
   ========================================================= */

@media (max-width: 767px) {
    .bhraaj-mobile-nav::after {
        content: "Rooted in tradition. Made for now." !important;

        width: min(100%, 330px) !important;
        margin-top: 18px !important;
        padding-top: 14px !important;

        border-top: 1px solid color-mix(in srgb, var(--bh-border) 92%, transparent) !important;

        /* Match the homepage .bhraaj-eyebrow language. */
        color: var(--bh-red) !important;
        font-family: var(--bh-sans) !important;
        font-size: 10px !important;
        font-weight: 750 !important;
        line-height: 1.5 !important;
        letter-spacing: .18em !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }
}

@media (max-width: 390px) and (max-height: 650px) {
    .bhraaj-mobile-nav::after {
        width: min(100%, 300px) !important;
        margin-top: 12px !important;
        padding-top: 11px !important;
        font-size: 9px !important;
        letter-spacing: .16em !important;
    }
}

/* =========================================================
   BHRAAJ V274 — ACCOUNT ORDERS EMPTY-STATE CTA TEXT
   02 Sep 2026

   Fixes the "Browse products" CTA label in My Account → Orders.
   The button background is already the BHRAAJ dark primary treatment;
   this locks the label to white in both light and dark themes.
   No layout, hover, navigation or WooCommerce behavior is changed.
   ========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content
.bhraaj-account-empty-orders
a.button,
body.woocommerce-account
.woocommerce-MyAccount-content
.bhraaj-account-empty-orders
.button,
body.woocommerce-account
.woocommerce-MyAccount-content
.bhraaj-account-empty-orders
a.button:visited,
body.woocommerce-account
.woocommerce-MyAccount-content
.bhraaj-account-empty-orders
.button:visited {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account
    .woocommerce-MyAccount-content
    .bhraaj-account-empty-orders
    a.button:hover,
    body.woocommerce-account
    .woocommerce-MyAccount-content
    .bhraaj-account-empty-orders
    .button:hover {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
}

body.woocommerce-account
.woocommerce-MyAccount-content
.bhraaj-account-empty-orders
a.button:focus-visible,
body.woocommerce-account
.woocommerce-MyAccount-content
.bhraaj-account-empty-orders
.button:focus-visible,
body.woocommerce-account
.woocommerce-MyAccount-content
.bhraaj-account-empty-orders
a.button:active,
body.woocommerce-account
.woocommerce-MyAccount-content
.bhraaj-account-empty-orders
.button:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* =========================================================
   BHRAAJ V275 — FINAL CLIENT POLISH
   03 Sep 2026

   1) Review avatar / reviewer-name geometry.
   2) Optional written review while keeping stars required.
   3) Dark-mode header/footer wordmark visibility.
   4) Wishlist heart in the header utility rail.
   5) Slightly smaller founder names.
   6) Restrained monochrome delivery-partner strip.
   7) Share control anchored to the product gallery shell.
   8) Mobile header optical scale / spacing for four utilities.
   ========================================================= */

/* ---------- 01. Review avatar + reviewer copy ---------- */
body.single-product.bhraaj-single-product-v20 #reviews .commentlist li.review .comment_container {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.single-product.bhraaj-single-product-v20 #reviews .commentlist li.review .comment_container > img.avatar {
    position: static !important;
    inset: auto !important;
    float: none !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 84%, transparent) !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--bh-surface) 92%, transparent) !important;
    object-fit: cover !important;
    box-shadow: none !important;
}

body.single-product.bhraaj-single-product-v20 #reviews .commentlist li.review .comment_container > .comment-text {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product.bhraaj-single-product-v20 #reviews .commentlist li.review .meta {
    margin-top: 0 !important;
    overflow-wrap: anywhere !important;
}

body.single-product.bhraaj-single-product-v20 #reviews .commentlist li.review .description p:empty,
body.single-product.bhraaj-single-product-v20 #reviews .commentlist li.review .description:empty {
    display: none !important;
    margin: 0 !important;
}

@media (max-width: 560px) {
    body.single-product.bhraaj-single-product-v20 #reviews .commentlist li.review .comment_container {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        column-gap: 12px !important;
    }

    body.single-product.bhraaj-single-product-v20 #reviews .commentlist li.review .comment_container > img.avatar {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }
}

/* ---------- 02. Star-only rating form language ---------- */
body.single-product.bhraaj-single-product-v20 #review_form_wrapper .bhraaj-review-optional {
    margin-left: 5px !important;
    color: var(--bh-text-soft) !important;
    font-size: .9em !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    opacity: .78 !important;
}

body.single-product.bhraaj-single-product-v20 #review_form_wrapper textarea#comment::placeholder {
    color: color-mix(in srgb, var(--bh-text-soft) 72%, transparent) !important;
    opacity: 1 !important;
}

/* ---------- 03. Dark-mode BHRAAJ artwork visibility ---------- */
html[data-theme="dark"] .bhraaj-header .bhraaj-header-client-v184 {
    filter: brightness(1.62) saturate(.88) contrast(.98) !important;
}

html[data-theme="dark"] .bhraaj-footer .bhraaj-footer-client-logo-v184 {
    filter: brightness(1.58) saturate(.84) contrast(.96) !important;
}

/* ---------- 04. Wishlist utility icon ---------- */
.bhraaj-header-wishlist-link {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
    transition: background 220ms ease, border-color 220ms ease, transform 220ms var(--bh-ui-ease, var(--bh-ease)), box-shadow 220ms ease;
}

.bhraaj-header-wishlist-icon {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
}

.bhraaj-header-wishlist-link .bhraaj-ui-icon {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
}

.bhraaj-header-wishlist-link.is-current .bhraaj-ui-icon {
    fill: currentColor;
    stroke-width: 1.35;
}

@media (hover: hover) and (pointer: fine) {
    .bhraaj-header-actions > .bhraaj-header-wishlist-link:hover {
        background: var(--bh-ui-glass, var(--bh-surface));
        border-color: var(--bh-ui-border, var(--bh-border));
        box-shadow: inset 0 1px 0 var(--bh-ui-edge, transparent), 0 8px 22px rgba(44,31,23,.07);
        transform: translateY(-1px);
    }

    .bhraaj-header-actions > .bhraaj-header-wishlist-link:hover .bhraaj-ui-icon {
        transform: translateY(-1px);
    }
}

.bhraaj-header-actions > .bhraaj-header-wishlist-link:active .bhraaj-ui-icon {
    transform: scale(.92);
    transition-duration: 90ms;
}

/* ---------- 05. Our Story founder-name reduction ---------- */
.bhraaj-story-signoff-names {
    font-size: clamp(24px, 1.9vw, 30px) !important;
    line-height: 1.16 !important;
}

@media (max-width: 767px) {
    .bhraaj-story-signoff-names {
        font-size: clamp(21px, 6.5vw, 25px) !important;
        line-height: 1.18 !important;
    }
}

@media (max-width: 390px) {
    .bhraaj-story-signoff-names {
        font-size: clamp(20px, 6vw, 23px) !important;
    }
}

/* ---------- 06. Delivery partners: smaller monochrome editorial strip ---------- */
.bhraaj-footer-shipping-logos-v222 {
    width: min(100%, 980px) !important;
    margin-inline: auto !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    column-gap: clamp(18px, 2.2vw, 28px) !important;
    row-gap: 14px !important;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item {
    min-height: 44px !important;
    padding: 0 !important;
    overflow: visible !important;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item img {
    width: auto !important;
    max-width: 100% !important;
    max-height: 24px !important;
    transform: none !important;
    transform-origin: center !important;
    filter: grayscale(1) saturate(0) contrast(1.35) brightness(.72) !important;
    opacity: .62 !important;
    mix-blend-mode: multiply;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-shiprocket img { width: min(92px, 100%) !important; }
.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-dhl img { width: min(94px, 100%) !important; }
.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-amazon img { width: min(108px, 100%) !important; }
.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-delhivery img { width: min(106px, 100%) !important; }
.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-india-post img { width: min(62px, 100%) !important; }
.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-blue-dart img { width: min(96px, 100%) !important; }

html[data-theme="dark"] .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item img {
    filter: grayscale(1) saturate(0) invert(1) contrast(1.05) brightness(1.08) !important;
    opacity: .64 !important;
    mix-blend-mode: screen;
}

@media (max-width: 900px) {
    .bhraaj-footer-shipping-logos-v222 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 22px !important;
        row-gap: 12px !important;
    }
}

@media (max-width: 520px) {
    .bhraaj-footer-shipping-logos-v222 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 18px !important;
        row-gap: 10px !important;
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item {
        min-height: 38px !important;
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item img {
        max-height: 21px !important;
    }
}

/* ---------- 07. Stationary product-gallery share control ---------- */
body.single-product .woocommerce-product-gallery {
    position: relative !important;
}

body.single-product .woocommerce-product-gallery > .bhraaj-single-share-v227 {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    z-index: 12 !important;
}

@media (max-width: 767px) {
    body.single-product .woocommerce-product-gallery > .bhraaj-single-share-v227 {
        top: 14px !important;
        right: calc(var(--bh-mobile-rail, 16px) + 14px) !important;
    }
}

@media (max-width: 360px) {
    body.single-product .woocommerce-product-gallery > .bhraaj-single-share-v227 {
        top: 12px !important;
        right: calc(var(--bh-mobile-rail, 14px) + 12px) !important;
    }
}

/* ---------- 08. Final header rail + mobile optical scale ---------- */
.bhraaj-header-actions > .bhraaj-theme-toggle,
.bhraaj-header-actions > .bhraaj-header-wishlist-link,
.bhraaj-header-actions > .bhraaj-account-link,
.bhraaj-header-actions > .bhraaj-cart-link {
    flex: 0 0 40px;
}

@media (max-width: 767px) {
    .bhraaj-header .bhraaj-brand-client-v184 {
        left: calc(50% - 34px) !important;
    }

    .bhraaj-header .bhraaj-header-client-v184 {
        width: 104px !important;
        max-height: 30px !important;
    }

    .bhraaj-header-actions {
        right: 0 !important;
        gap: 0 !important;
    }

    .bhraaj-header-actions > .bhraaj-theme-toggle,
    .bhraaj-header-actions > .bhraaj-header-wishlist-link,
    .bhraaj-header-actions > .bhraaj-account-link,
    .bhraaj-header-actions > .bhraaj-cart-link {
        position: relative !important;
        inset: auto !important;
        display: inline-flex !important;
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 7px !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    .bhraaj-theme-glyph,
    .bhraaj-account-icon,
    .bhraaj-bag-icon,
    .bhraaj-header-wishlist-icon,
    .bhraaj-header-actions .bhraaj-ui-icon {
        width: 17px !important;
        height: 17px !important;
    }
}

@media (max-width: 390px) {
    .bhraaj-header .bhraaj-brand-client-v184 {
        left: calc(50% - 35px) !important;
    }

    .bhraaj-header .bhraaj-header-client-v184 {
        width: 96px !important;
        max-height: 29px !important;
    }

    .bhraaj-header-actions > .bhraaj-theme-toggle,
    .bhraaj-header-actions > .bhraaj-header-wishlist-link,
    .bhraaj-header-actions > .bhraaj-account-link,
    .bhraaj-header-actions > .bhraaj-cart-link {
        flex-basis: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        padding-inline: 6px !important;
    }

    .bhraaj-theme-glyph,
    .bhraaj-account-icon,
    .bhraaj-bag-icon,
    .bhraaj-header-wishlist-icon,
    .bhraaj-header-actions .bhraaj-ui-icon {
        width: 17px !important;
        height: 17px !important;
    }
}

@media (max-width: 339px) {
    .bhraaj-header .bhraaj-brand-client-v184 {
        left: calc(50% - 38px) !important;
    }

    .bhraaj-header .bhraaj-header-client-v184 {
        width: 88px !important;
        max-height: 27px !important;
    }

    .bhraaj-header-actions > .bhraaj-theme-toggle,
    .bhraaj-header-actions > .bhraaj-header-wishlist-link,
    .bhraaj-header-actions > .bhraaj-account-link,
    .bhraaj-header-actions > .bhraaj-cart-link {
        flex-basis: 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        padding-inline: 5px !important;
    }

    .bhraaj-theme-glyph,
    .bhraaj-account-icon,
    .bhraaj-bag-icon,
    .bhraaj-header-wishlist-icon,
    .bhraaj-header-actions .bhraaj-ui-icon {
        width: 16.5px !important;
        height: 16.5px !important;
    }
}

/* =========================================================
   BHRAAJ V277 — FINAL REVIEW / PROFILE / DELIVERY CORRECTION
   03 Sep 2026

   - Review avatar and reviewer metadata are structurally separated.
   - Reviewers without a BHRAAJ photo use a neutral silhouette.
   - Guest review inputs and cookie consent retain the V276 polish.
   - Profile & Security uses one coherent photo + identity card.
   - DHL / Amazon Shipping / India Post use clean no-box marks.
   - Remaining delivery logos retain the warm BHRAAJ-brown treatment.
   ========================================================= */

/* ---------- Delivery strip: restrained BHRAAJ brown ---------- */
.bhraaj-footer-shipping-logos-v222,
.bhraaj-footer-shipping-logos-v277 {
    width: min(100%, 980px) !important;
    margin-inline: auto !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    column-gap: clamp(18px, 2.2vw, 28px) !important;
    row-gap: 14px !important;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item,
.bhraaj-footer-shipping-logos-v277 .bhraaj-shipping-logo-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    color: #5a3b31 !important;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item img,
.bhraaj-footer-shipping-logos-v277 .bhraaj-shipping-logo-item img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 23px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    transform-origin: center !important;
    filter: grayscale(1) sepia(.82) saturate(1.7) hue-rotate(332deg) brightness(.62) contrast(1.18) !important;
    opacity: .84 !important;
    mix-blend-mode: multiply !important;
    background: transparent !important;
}

.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-shiprocket img { width: min(92px, 100%) !important; }
.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-delhivery img { width: min(106px, 100%) !important; }
.bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-blue-dart img { width: min(96px, 100%) !important; }

.bhraaj-delivery-mark-v277 {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    color: #5a3b31 !important;
    line-height: 1 !important;
    background: transparent !important;
}

/* DHL: no rectangle; only wordmark + speed lines. */
.bhraaj-dhl-mark-v277 {
    gap: 5px !important;
    white-space: nowrap !important;
}

.bhraaj-dhl-mark-v277 strong {
    display: block !important;
    color: currentColor !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    font-style: italic !important;
    letter-spacing: -1.7px !important;
    transform: skewX(-8deg) !important;
}

.bhraaj-dhl-speed-v277 {
    display: grid !important;
    gap: 2px !important;
    width: 14px !important;
}

.bhraaj-dhl-speed-v277 i {
    display: block !important;
    height: 1.6px !important;
    border-radius: 99px !important;
    background: currentColor !important;
}

.bhraaj-dhl-speed-v277 i:nth-child(1) { width: 12px !important; }
.bhraaj-dhl-speed-v277 i:nth-child(2) { width: 9px !important; }
.bhraaj-dhl-speed-v277 i:nth-child(3) { width: 12px !important; }
.bhraaj-dhl-speed-v277.is-right { transform: scaleX(-1) !important; }

/* Amazon Shipping: vector/text mark sized optically, never cropped. */
.bhraaj-amazon-mark-v277 {
    position: relative !important;
    flex-direction: column !important;
    width: 118px !important;
    min-width: 0 !important;
    padding: 0 1px 7px !important;
    overflow: visible !important;
}

.bhraaj-amazon-copy-v277 {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    color: currentColor !important;
    font-family: Arial, Helvetica, sans-serif !important;
    white-space: nowrap !important;
}

.bhraaj-amazon-copy-v277 strong,
.bhraaj-amazon-copy-v277 span {
    color: currentColor !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: -.55px !important;
}

.bhraaj-amazon-copy-v277 strong { font-weight: 800 !important; }
.bhraaj-amazon-copy-v277 span { font-weight: 500 !important; }

.bhraaj-amazon-smile-v277 {
    position: absolute !important;
    left: 6px !important;
    bottom: -1px !important;
    width: 54px !important;
    height: 12px !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* India Post: no JPG/background rectangle; clean envelope/wing mark + name. */
.bhraaj-india-post-mark-v277 {
    gap: 6px !important;
    white-space: nowrap !important;
}

.bhraaj-india-post-mark-v277 svg {
    width: 31px !important;
    height: 22px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.55 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    overflow: visible !important;
}

.bhraaj-india-post-mark-v277 span {
    color: currentColor !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
}

html[data-theme="dark"] .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item,
html[data-theme="dark"] .bhraaj-footer-shipping-logos-v277 .bhraaj-shipping-logo-item,
html[data-theme="dark"] .bhraaj-delivery-mark-v277 {
    color: #d4a996 !important;
}

html[data-theme="dark"] .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item img,
html[data-theme="dark"] .bhraaj-footer-shipping-logos-v277 .bhraaj-shipping-logo-item img {
    filter: grayscale(1) sepia(.74) saturate(1.35) hue-rotate(330deg) brightness(1.34) contrast(.94) !important;
    opacity: .82 !important;
    mix-blend-mode: screen !important;
}

@media (max-width: 900px) {
    .bhraaj-footer-shipping-logos-v222,
    .bhraaj-footer-shipping-logos-v277 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 22px !important;
        row-gap: 12px !important;
    }
}

@media (max-width: 520px) {
    .bhraaj-footer-shipping-logos-v222,
    .bhraaj-footer-shipping-logos-v277 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 18px !important;
        row-gap: 10px !important;
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item,
    .bhraaj-footer-shipping-logos-v277 .bhraaj-shipping-logo-item {
        min-height: 40px !important;
    }

    .bhraaj-footer-shipping-logos-v222 .bhraaj-shipping-logo-item img,
    .bhraaj-footer-shipping-logos-v277 .bhraaj-shipping-logo-item img {
        max-height: 21px !important;
    }

    .bhraaj-amazon-mark-v277 { width: 108px !important; }
    .bhraaj-amazon-copy-v277 strong,
    .bhraaj-amazon-copy-v277 span { font-size: 14.5px !important; }
    .bhraaj-amazon-smile-v277 { width: 49px !important; }
}

/* ---------- Product reviews: avatar rail can no longer overlap copy ---------- */
body.single-product #reviews .commentlist li.review .comment_container,
body.single-product #reviews ol.commentlist li.review > .comment_container {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    column-gap: 18px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product #reviews .commentlist li.review .comment_container > .avatar,
body.single-product #reviews .commentlist li.review .comment_container > img.avatar,
body.single-product #reviews .commentlist li.review .comment_container > span.avatar {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    float: none !important;
    clear: none !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: start !important;
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--bh-surface) 88%, var(--bh-bg)) !important;
    object-fit: cover !important;
    box-shadow: none !important;
}

body.single-product #reviews .commentlist li.review .bhraaj-review-avatar-fallback svg {
    width: 34px !important;
    height: 34px !important;
    overflow: visible !important;
    fill: color-mix(in srgb, var(--bh-text-soft) 28%, transparent) !important;
    stroke: color-mix(in srgb, var(--bh-text-soft) 72%, var(--bh-text)) !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.single-product #reviews .commentlist li.review .comment_container > .comment-text {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.single-product #reviews .commentlist li.review .comment_container > .comment-text::before,
body.single-product #reviews .commentlist li.review .comment_container > .comment-text::after {
    display: none !important;
}

body.single-product #reviews .commentlist li.review .comment-text .meta,
body.single-product #reviews .commentlist li.review p.meta {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    gap: 4px !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    line-height: 1.45 !important;
}

body.single-product #reviews .commentlist li.review .woocommerce-review__author,
body.single-product #reviews .commentlist li.review .woocommerce-review__published-date,
body.single-product #reviews .commentlist li.review .woocommerce-review__dash {
    position: static !important;
    float: none !important;
    min-width: 0 !important;
}

body.single-product #reviews .commentlist li.review .woocommerce-review__author {
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
}

body.single-product #reviews .commentlist li.review .description {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product #reviews .commentlist li.review .description p:empty,
body.single-product #reviews .commentlist li.review .description:empty {
    display: none !important;
}

@media (max-width: 560px) {
    body.single-product #reviews .commentlist li.review .comment_container,
    body.single-product #reviews ol.commentlist li.review > .comment_container {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        column-gap: 14px !important;
    }

    body.single-product #reviews .commentlist li.review .comment_container > .avatar,
    body.single-product #reviews .commentlist li.review .comment_container > img.avatar,
    body.single-product #reviews .commentlist li.review .comment_container > span.avatar {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }

    body.single-product #reviews .commentlist li.review .bhraaj-review-avatar-fallback svg {
        width: 30px !important;
        height: 30px !important;
    }
}

/* ---------- Review form: padded guest identity fields ---------- */
body.single-product #review_form_wrapper .comment-form-author,
body.single-product #review_form_wrapper .comment-form-email {
    margin: 0 0 18px !important;
}

body.single-product #review_form_wrapper .comment-form-author input,
body.single-product #review_form_wrapper .comment-form-email input {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 18px !important;
    border: 1px solid var(--bh-product-rule-strong) !important;
    border-radius: 14px !important;
    outline: 0 !important;
    background: color-mix(in srgb, var(--bh-surface) 78%, transparent) !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}

body.single-product #review_form_wrapper .comment-form-author input:focus,
body.single-product #review_form_wrapper .comment-form-email input:focus {
    border-color: color-mix(in srgb, var(--bh-gold) 55%, var(--bh-text) 12%) !important;
    background: var(--bh-surface) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 9%, transparent) !important;
}

body.single-product #review_form_wrapper .comment-form-cookies-consent.bhraaj-review-memory {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 2px 0 20px !important;
    padding: 0 !important;
}

body.single-product #review_form_wrapper .comment-form-cookies-consent.bhraaj-review-memory input[type="checkbox"] {
    flex: 0 0 17px !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    accent-color: var(--bh-text) !important;
}

body.single-product #review_form_wrapper .comment-form-cookies-consent.bhraaj-review-memory label {
    display: inline !important;
    margin: 0 !important;
    color: color-mix(in srgb, var(--bh-text) 74%, var(--bh-bg)) !important;
    font-size: 11.5px !important;
    font-weight: 550 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.logged-in.single-product #review_form_wrapper .comment-form-cookies-consent {
    display: none !important;
}

body.single-product #review_form_wrapper .form-submit {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin-top: 0 !important;
}

/* ---------- Profile & Security: coherent photo + identity card ---------- */
body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-account-identity-card {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(210px, .72fr) minmax(0, 1.65fr) !important;
    gap: clamp(28px, 4vw, 56px) !important;
    align-items: start !important;
    width: 100% !important;
    margin: 26px 0 34px !important;
    padding: clamp(22px, 3vw, 34px) !important;
    border: 1px solid var(--bh-ui-border, var(--bh-border)) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 76%, transparent) !important;
}

body.woocommerce-account .bhraaj-account-photo-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account .bhraaj-account-photo-heading {
    width: 100% !important;
    margin: 0 0 18px !important;
}

body.woocommerce-account .bhraaj-account-photo-title {
    margin: 3px 0 7px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(24px, 2vw, 30px) !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
}

body.woocommerce-account .bhraaj-account-photo-copyline {
    max-width: 29ch !important;
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
}

body.woocommerce-account .bhraaj-account-photo-preview-wrap {
    box-sizing: border-box !important;
    width: 108px !important;
    height: 108px !important;
    margin: 0 0 16px !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-ui-border, var(--bh-border)) !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--bh-surface) 88%, var(--bh-bg)) !important;
}

body.woocommerce-account .bhraaj-account-photo-preview {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    background: transparent !important;
}

body.woocommerce-account .bhraaj-account-photo-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 0 9px !important;
}

body.woocommerce-account .bhraaj-account-photo-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

body.woocommerce-account .bhraaj-account-photo-upload,
body.woocommerce-account .bhraaj-account-photo-remove {
    appearance: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 39px !important;
    padding: 0 15px !important;
    border: 1px solid var(--bh-ui-border, var(--bh-border)) !important;
    border-radius: 999px !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

body.woocommerce-account .bhraaj-account-photo-upload {
    border-color: #211a17 !important;
    background: #211a17 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.woocommerce-account .bhraaj-account-photo-remove {
    background: transparent !important;
    color: var(--bh-text) !important;
    -webkit-text-fill-color: var(--bh-text) !important;
}

html[data-theme="dark"] body.woocommerce-account .bhraaj-account-photo-upload {
    border-color: #eadfd7 !important;
    background: #eadfd7 !important;
    color: #211a17 !important;
    -webkit-text-fill-color: #211a17 !important;
}

body.woocommerce-account .bhraaj-account-photo-help,
body.woocommerce-account .bhraaj-account-photo-status {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 10.5px !important;
    line-height: 1.5 !important;
}

body.woocommerce-account .bhraaj-account-photo-status {
    min-height: 1.35em !important;
    margin-top: 4px !important;
}

body.woocommerce-account .bhraaj-account-identity-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 18px !important;
    align-items: start !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account .bhraaj-account-identity-fields .form-row,
body.woocommerce-account .bhraaj-account-identity-fields .form-row-first,
body.woocommerce-account .bhraaj-account-identity-fields .form-row-last,
body.woocommerce-account .bhraaj-account-identity-fields .form-row-wide {
    float: none !important;
    clear: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account .bhraaj-account-identity-fields .bhraaj-account-field--display,
body.woocommerce-account .bhraaj-account-identity-fields .bhraaj-account-field--email {
    grid-column: 1 / -1 !important;
}

body.woocommerce-account .bhraaj-account-identity-fields input.input-text {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 52px !important;
    padding-inline: 16px !important;
}

body.woocommerce-account .bhraaj-account-password-section-v277 {
    clear: both !important;
    width: 100% !important;
    margin-top: 0 !important;
}

body.woocommerce-account .bhraaj-account-security-title {
    margin: 5px 0 8px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(25px, 2.3vw, 34px) !important;
    font-weight: 500 !important;
    line-height: 1.08 !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account .bhraaj-account-photo-upload:hover,
    body.woocommerce-account .bhraaj-account-photo-remove:hover {
        transform: translateY(-1px) !important;
    }
}

@media (max-width: 900px) {
    body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-account-identity-card {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    body.woocommerce-account .bhraaj-account-photo-panel {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr) !important;
        column-gap: 18px !important;
        align-items: start !important;
    }

    body.woocommerce-account .bhraaj-account-photo-heading {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin-bottom: 10px !important;
    }

    body.woocommerce-account .bhraaj-account-photo-preview-wrap {
        grid-column: 1 !important;
        grid-row: 1 / span 3 !important;
        width: 84px !important;
        height: 84px !important;
        margin: 0 !important;
    }

    body.woocommerce-account .bhraaj-account-photo-actions,
    body.woocommerce-account .bhraaj-account-photo-help,
    body.woocommerce-account .bhraaj-account-photo-status {
        grid-column: 2 !important;
    }
}

@media (max-width: 600px) {
    body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-account-identity-card {
        gap: 24px !important;
        padding: 18px !important;
        border-radius: 18px !important;
    }

    body.woocommerce-account .bhraaj-account-photo-panel {
        grid-template-columns: 76px minmax(0, 1fr) !important;
        column-gap: 15px !important;
    }

    body.woocommerce-account .bhraaj-account-photo-preview-wrap {
        width: 72px !important;
        height: 72px !important;
    }

    body.woocommerce-account .bhraaj-account-identity-fields {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    body.woocommerce-account .bhraaj-account-identity-fields .bhraaj-account-field--display,
    body.woocommerce-account .bhraaj-account-identity-fields .bhraaj-account-field--email {
        grid-column: auto !important;
    }
}

@media (max-width: 390px) {
    body.woocommerce-account .bhraaj-account-photo-panel {
        display: flex !important;
        flex-direction: column !important;
    }

    body.woocommerce-account .bhraaj-account-photo-heading,
    body.woocommerce-account .bhraaj-account-photo-preview-wrap,
    body.woocommerce-account .bhraaj-account-photo-actions,
    body.woocommerce-account .bhraaj-account-photo-help,
    body.woocommerce-account .bhraaj-account-photo-status {
        width: 100% !important;
        margin-left: 0 !important;
        grid-column: auto !important;
        grid-row: auto !important;
    }

    body.woocommerce-account .bhraaj-account-photo-preview-wrap {
        width: 78px !important;
        height: 78px !important;
        margin-bottom: 14px !important;
    }
}


/* =========================================================
   BHRAAJ V278 — CLIENT CORRECTION LOCK
   03 Sep 2026

   Scope:
   1) Restore the established delivery-partner artwork.
   2) Keep Amazon Shipping complete, compact and un-clipped.
   3) Return product reviews to a small native IMG avatar + clean metadata.
   4) Preserve guest Name / Email and show read-only identity to signed-in users.
   5) Rebuild Profile & Security as a stable full-width premium card.
   ========================================================= */

/* ---------------------------------------------------------
   01. DELIVERY PARTNERS — restore prior artwork, brown tone
   --------------------------------------------------------- */
.bhraaj-footer-shipping-logos-v278 {
    width: min(100%, 1040px) !important;
    margin-inline: auto !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    column-gap: clamp(20px, 2.5vw, 34px) !important;
    row-gap: 14px !important;
    align-items: center !important;
}

.bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-item {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #5a3b31 !important;
}

.bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-item > img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 24px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: grayscale(1) sepia(.82) saturate(1.7) hue-rotate(332deg) brightness(.62) contrast(1.18) !important;
    opacity: .84 !important;
    mix-blend-mode: multiply !important;
}

.bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-shiprocket > img {
    width: 92px !important;
    max-height: 25px !important;
}

.bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-dhl > img {
    width: 96px !important;
    max-height: 26px !important;
}

.bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-delhivery > img {
    width: 106px !important;
    max-height: 22px !important;
}

.bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-india-post > img {
    width: 78px !important;
    max-height: 25px !important;
}

.bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-blue-dart > img {
    width: 96px !important;
    max-height: 22px !important;
}

/* Amazon Shipping is intentionally text/vector so no source-image crop can occur. */
.bhraaj-amazon-mark-v278 {
    position: relative !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 1px 0 9px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #5a3b31 !important;
}

.bhraaj-amazon-copy-v278 {
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    width: 100% !important;
    color: currentColor !important;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.bhraaj-amazon-copy-v278 strong,
.bhraaj-amazon-copy-v278 span {
    color: currentColor !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: -.48px !important;
}

.bhraaj-amazon-copy-v278 strong {
    font-weight: 800 !important;
}

.bhraaj-amazon-copy-v278 span {
    font-weight: 500 !important;
}

.bhraaj-amazon-smile-v278 {
    position: absolute !important;
    left: 4px !important;
    bottom: 1px !important;
    width: 49px !important;
    height: 11px !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

html[data-theme="dark"] .bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-item {
    color: #d4a996 !important;
}

html[data-theme="dark"] .bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-item > img {
    filter: grayscale(1) sepia(.74) saturate(1.35) hue-rotate(330deg) brightness(1.34) contrast(.94) !important;
    opacity: .82 !important;
    mix-blend-mode: screen !important;
}

html[data-theme="dark"] .bhraaj-amazon-mark-v278 {
    color: #d4a996 !important;
}

@media (max-width: 900px) {
    .bhraaj-footer-shipping-logos-v278 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 24px !important;
        row-gap: 12px !important;
    }
}

@media (max-width: 520px) {
    .bhraaj-footer-shipping-logos-v278 {
        column-gap: 18px !important;
        row-gap: 10px !important;
    }

    .bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-item {
        min-height: 40px !important;
    }

    .bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-item > img {
        max-height: 21px !important;
    }

    .bhraaj-amazon-mark-v278 {
        width: 102px !important;
        min-width: 102px !important;
        max-width: 102px !important;
        height: 31px !important;
    }

    .bhraaj-amazon-copy-v278 strong,
    .bhraaj-amazon-copy-v278 span {
        font-size: 13.6px !important;
    }

    .bhraaj-amazon-smile-v278 {
        width: 45px !important;
    }
}

/* ---------------------------------------------------------
   02. PUBLISHED PRODUCT REVIEWS — native compact avatar rail
   --------------------------------------------------------- */
body.single-product #reviews .commentlist li.review .comment_container,
body.single-product #reviews ol.commentlist li.review > .comment_container {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    column-gap: 14px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product #reviews .commentlist li.review .comment_container > img.avatar,
body.single-product #reviews ol.commentlist li.review > .comment_container > img.avatar {
    position: static !important;
    inset: auto !important;
    float: none !important;
    clear: none !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: start !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--bh-surface) 88%, var(--bh-bg)) !important;
    object-fit: cover !important;
    object-position: center !important;
    box-shadow: none !important;
}

body.single-product #reviews .commentlist li.review .comment_container > .comment-text,
body.single-product #reviews ol.commentlist li.review > .comment_container > .comment-text {
    position: relative !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.single-product #reviews .commentlist li.review .comment-text .meta,
body.single-product #reviews .commentlist li.review p.meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px !important;
    min-width: 0 !important;
    margin: 0 0 8px !important;
    padding: 0 104px 0 0 !important;
    line-height: 1.45 !important;
}

body.single-product #reviews .commentlist li.review .woocommerce-review__author {
    position: static !important;
    float: none !important;
    min-width: 0 !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
}

body.single-product #reviews .commentlist li.review .woocommerce-review__dash,
body.single-product #reviews .commentlist li.review .woocommerce-review__published-date {
    position: static !important;
    float: none !important;
    min-width: 0 !important;
}

body.single-product #reviews .commentlist li.review .comment-text > .star-rating,
body.single-product #reviews .commentlist li.review .star-rating {
    position: absolute !important;
    top: 1px !important;
    right: 0 !important;
    float: none !important;
    margin: 0 !important;
}

body.single-product #reviews .commentlist li.review .description {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product #reviews .commentlist li.review .description p:empty,
body.single-product #reviews .commentlist li.review .description:empty {
    display: none !important;
    margin: 0 !important;
}

@media (max-width: 520px) {
    body.single-product #reviews .commentlist li.review .comment_container,
    body.single-product #reviews ol.commentlist li.review > .comment_container {
        grid-template-columns: 36px minmax(0, 1fr) !important;
        column-gap: 12px !important;
    }

    body.single-product #reviews .commentlist li.review .comment_container > img.avatar,
    body.single-product #reviews ol.commentlist li.review > .comment_container > img.avatar {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
    }

    body.single-product #reviews .commentlist li.review .comment-text .meta,
    body.single-product #reviews .commentlist li.review p.meta {
        padding-right: 92px !important;
    }
}

/* ---------------------------------------------------------
   03. REVIEW FORM — guest fields + signed-in identity parity
   --------------------------------------------------------- */
body.single-product #review_form_wrapper .comment-form-author,
body.single-product #review_form_wrapper .comment-form-email {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

body.single-product #review_form_wrapper .comment-form-author > label,
body.single-product #review_form_wrapper .comment-form-email > label {
    display: block !important;
    margin: 0 0 8px !important;
}

body.single-product #review_form_wrapper .comment-form-author input,
body.single-product #review_form_wrapper .comment-form-email input,
body.single-product #review_form_wrapper .bhraaj-review-readonly-field input {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid var(--bh-product-rule-strong) !important;
    border-radius: 14px !important;
    outline: 0 !important;
    background: color-mix(in srgb, var(--bh-surface) 78%, transparent) !important;
    color: var(--bh-text) !important;
    -webkit-text-fill-color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}

body.single-product #review_form_wrapper .bhraaj-review-signed-identity {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 22px 0 18px !important;
}

body.single-product #review_form_wrapper .bhraaj-review-signed-identity .comment-form-author,
body.single-product #review_form_wrapper .bhraaj-review-signed-identity .comment-form-email {
    margin: 0 !important;
}

body.single-product #review_form_wrapper .bhraaj-review-readonly-field input[readonly] {
    cursor: default !important;
    opacity: .82 !important;
}

body.single-product #review_form_wrapper .comment-form-cookies-consent {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 4px 0 20px !important;
    padding: 0 !important;
}

body.single-product #review_form_wrapper .comment-form-cookies-consent input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
}

body.single-product #review_form_wrapper .comment-form-cookies-consent label {
    display: block !important;
    margin: 0 !important;
    color: color-mix(in srgb, var(--bh-text) 74%, var(--bh-bg)) !important;
    font-size: 11.5px !important;
    font-weight: 550 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.logged-in.single-product #review_form_wrapper .comment-form-cookies-consent {
    display: none !important;
}

@media (max-width: 620px) {
    body.single-product #review_form_wrapper .bhraaj-review-signed-identity {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}

/* ---------------------------------------------------------
   04. PROFILE & SECURITY — structural reset, not a patch pile
   --------------------------------------------------------- */
body.woocommerce-account .woocommerce-MyAccount-content .bhraaj-account-details-form {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 20px !important;
    width: 100% !important;
    max-width: 920px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form > .bhraaj-account-profile-head,
body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form > .bhraaj-account-identity-card-v278,
body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form > .bhraaj-account-password-section-v278,
body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form > .bhraaj-account-save-row,
body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form > .clear {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) !important;
    gap: clamp(30px, 4vw, 54px) !important;
    align-items: start !important;
    margin: 4px 0 34px !important;
    padding: clamp(24px, 3vw, 34px) !important;
    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge, #fff) 46%, transparent) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-photo-panel {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-photo-heading {
    width: 100% !important;
    margin: 0 0 16px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-photo-title {
    margin: 4px 0 7px !important;
    font-size: clamp(24px, 2vw, 30px) !important;
    line-height: 1.05 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-photo-copyline {
    max-width: 28ch !important;
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-photo-preview-wrap {
    box-sizing: border-box !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    margin: 0 0 15px !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--bh-surface) 88%, var(--bh-bg)) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-photo-preview {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-photo-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 9px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form label.bhraaj-account-photo-upload {
    appearance: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 118px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #211a17 !important;
    border-radius: 999px !important;
    background: #211a17 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-align: center !important;
    cursor: pointer !important;
}

html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form label.bhraaj-account-photo-upload {
    border-color: #eadfd7 !important;
    background: #eadfd7 !important;
    color: #211a17 !important;
    -webkit-text-fill-color: #211a17 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form .bhraaj-account-photo-remove {
    appearance: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 1px solid var(--bh-account-border, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    -webkit-text-fill-color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form .bhraaj-account-photo-remove[hidden] {
    display: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form .bhraaj-account-photo-remove svg {
    width: 12px !important;
    height: 12px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.6 !important;
    stroke-linecap: round !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form .bhraaj-account-photo-help,
body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form .bhraaj-account-photo-status {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 10.5px !important;
    line-height: 1.5 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form .bhraaj-account-photo-status {
    min-height: 1.35em !important;
    margin-top: 4px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-identity-fields {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 18px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-identity-fields .form-row,
body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-identity-fields .form-row-first,
body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-identity-fields .form-row-last,
body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-identity-fields .form-row-wide {
    float: none !important;
    clear: none !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-field--display,
body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-field--email {
    grid-column: 1 / -1 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-identity-fields label {
    display: block !important;
    margin: 0 0 8px !important;
    white-space: normal !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-identity-card-v278 .bhraaj-account-identity-fields input.input-text {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 15px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form .bhraaj-account-password-section-v278 {
    display: flex !important;
    flex-direction: column !important;
    margin: 6px 0 0 !important;
    padding: 30px 0 0 !important;
    border-top: 1px solid var(--bh-account-border, var(--bh-border)) !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-details-form label.bhraaj-account-photo-upload:hover,
    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-details-form .bhraaj-account-photo-remove:hover {
        transform: translateY(-1px) !important;
    }
}

@media (max-width: 760px) {
    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-details-form {
        grid-template-columns: 1fr !important;
        max-width: 100% !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        padding: 22px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 .bhraaj-account-photo-panel {
        display: grid !important;
        grid-template-columns: 82px minmax(0, 1fr) !important;
        column-gap: 16px !important;
        align-items: start !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 .bhraaj-account-photo-heading {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 0 10px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 .bhraaj-account-photo-preview-wrap {
        grid-column: 1 !important;
        grid-row: 1 / span 4 !important;
        width: 76px !important;
        min-width: 76px !important;
        max-width: 76px !important;
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
        margin: 0 !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 .bhraaj-account-photo-actions,
    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 .bhraaj-account-photo-help,
    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 .bhraaj-account-photo-status {
        grid-column: 2 !important;
        width: 100% !important;
    }
}

@media (max-width: 560px) {
    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 {
        gap: 24px !important;
        padding: 18px !important;
        border-radius: 18px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 .bhraaj-account-identity-fields {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 .bhraaj-account-field--display,
    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 .bhraaj-account-field--email {
        grid-column: auto !important;
    }
}

@media (max-width: 360px) {
    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 .bhraaj-account-photo-panel {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        column-gap: 13px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-identity-card-v278 .bhraaj-account-photo-preview-wrap {
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-details-form label.bhraaj-account-photo-upload,
    body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-details-form .bhraaj-account-photo-remove {
        min-height: 38px !important;
        padding-inline: 12px !important;
    }
}

/* =========================================================
   BHRAAJ V279 — FINAL DELIVERY / REVIEW / PROFILE UPLOAD LOCK
   03 Sep 2026

   Targeted only:
   - Real transparent Amazon Shipping artwork; no recreated pill/wordmark.
   - Even optical spacing across all six delivery partners.
   - Compact circular reviewer avatar + name/date on one line.
   - Direct profile-photo upload/change/remove feedback.
   ========================================================= */

/* ---------------------------------------------------------
   01. DELIVERY PARTNERS
   --------------------------------------------------------- */
.bhraaj-footer-shipping-logos-v278 {
    width: min(100%, 1120px) !important;
    margin-inline: auto !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    column-gap: clamp(30px, 3.2vw, 48px) !important;
    row-gap: 16px !important;
    align-items: center !important;
}

.bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-item,
.bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-amazon {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-amazon > img.bhraaj-amazon-shipping-logo-v279 {
    box-sizing: border-box !important;
    display: block !important;
    width: 112px !important;
    min-width: 0 !important;
    max-width: 112px !important;
    height: auto !important;
    max-height: 31px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    transform-origin: center !important;
    filter: grayscale(1) sepia(.82) saturate(1.7) hue-rotate(332deg) brightness(.62) contrast(1.18) !important;
    opacity: .84 !important;
    mix-blend-mode: multiply !important;
}

/* Retire the V277/V278 constructed Amazon marks completely. */
.bhraaj-amazon-mark-v277,
.bhraaj-amazon-mark-v278,
.bhraaj-amazon-copy-v277,
.bhraaj-amazon-copy-v278,
.bhraaj-amazon-smile-v277,
.bhraaj-amazon-smile-v278 {
    display: none !important;
}

html[data-theme="dark"]
.bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-amazon > img.bhraaj-amazon-shipping-logo-v279 {
    filter: grayscale(1) sepia(.74) saturate(1.35) hue-rotate(330deg) brightness(1.34) contrast(.94) !important;
    opacity: .82 !important;
    mix-blend-mode: screen !important;
}

@media (max-width: 900px) {
    .bhraaj-footer-shipping-logos-v278 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 28px !important;
        row-gap: 14px !important;
    }
}

@media (max-width: 520px) {
    .bhraaj-footer-shipping-logos-v278 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 20px !important;
        row-gap: 12px !important;
    }

    .bhraaj-footer-shipping-logos-v278 .bhraaj-shipping-logo-amazon > img.bhraaj-amazon-shipping-logo-v279 {
        width: 104px !important;
        max-width: 104px !important;
        max-height: 28px !important;
    }
}

/* ---------------------------------------------------------
   02. PRODUCT REVIEWS — avatar + name/date + stars, one clean row
   --------------------------------------------------------- */
body.single-product #reviews .commentlist li.review .comment_container.bhraaj-review-card-v279,
body.single-product #reviews ol.commentlist li.review > .comment_container.bhraaj-review-card-v279 {
    position: relative !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.single-product #reviews .bhraaj-review-topline-v279 {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
}

body.single-product #reviews .bhraaj-review-person-v279 {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product #reviews .bhraaj-review-person-v279 > img.avatar,
body.single-product #reviews .bhraaj-review-avatar-v279 {
    position: static !important;
    inset: auto !important;
    float: none !important;
    clear: none !important;
    flex: 0 0 38px !important;
    display: block !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--bh-surface) 88%, var(--bh-bg)) !important;
    object-fit: cover !important;
    object-position: center !important;
    box-shadow: none !important;
}

body.single-product #reviews .bhraaj-review-meta-v279 {
    position: static !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--bh-text-soft) !important;
    line-height: 1.45 !important;
}

body.single-product #reviews .bhraaj-review-meta-v279 .woocommerce-review__author {
    position: static !important;
    float: none !important;
    min-width: 0 !important;
    color: var(--bh-text) !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.single-product #reviews .bhraaj-review-meta-v279 .woocommerce-review__dash,
body.single-product #reviews .bhraaj-review-meta-v279 .woocommerce-review__published-date {
    position: static !important;
    float: none !important;
    min-width: 0 !important;
}

body.single-product #reviews .bhraaj-review-stars-v279 {
    position: static !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
}

body.single-product #reviews .bhraaj-review-stars-v279 .star-rating {
    position: static !important;
    inset: auto !important;
    float: none !important;
    margin: 0 !important;
}

body.single-product #reviews .bhraaj-review-description-v279,
body.single-product #reviews .bhraaj-review-actions-slot-v279 {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 50px !important;
    padding: 0 !important;
}

body.single-product #reviews .bhraaj-review-description-v279 {
    width: calc(100% - 50px) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.single-product #reviews .bhraaj-review-description-v279 p {
    margin-top: 0 !important;
}

body.single-product #reviews .bhraaj-review-actions-slot-v279 {
    width: calc(100% - 50px) !important;
}

@media (max-width: 520px) {
    body.single-product #reviews .bhraaj-review-topline-v279 {
        gap: 12px !important;
    }

    body.single-product #reviews .bhraaj-review-person-v279 {
        gap: 10px !important;
    }

    body.single-product #reviews .bhraaj-review-person-v279 > img.avatar,
    body.single-product #reviews .bhraaj-review-avatar-v279 {
        flex-basis: 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
    }

    body.single-product #reviews .bhraaj-review-description-v279,
    body.single-product #reviews .bhraaj-review-actions-slot-v279 {
        width: calc(100% - 44px) !important;
        margin-left: 44px !important;
    }
}

/* ---------------------------------------------------------
   03. PROFILE PHOTO — immediate upload feedback
   --------------------------------------------------------- */
body.woocommerce-account .woocommerce-MyAccount-content
[data-bhraaj-profile-photo].is-bhraaj-photo-busy
.bhraaj-account-photo-upload,
body.woocommerce-account .woocommerce-MyAccount-content
[data-bhraaj-profile-photo].is-bhraaj-photo-busy
.bhraaj-account-photo-remove {
    pointer-events: none !important;
    opacity: .58 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-photo-status[data-state="working"] {
    opacity: .72 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-photo-status[data-state="success"] {
    color: var(--bh-text) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-photo-status[data-state="error"] {
    color: #8a2f2f !important;
}

html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-photo-status[data-state="error"] {
    color: #e2a29a !important;
}


/* =========================================================
   BHRAAJ V280 — REVIEW STAR + PROFILE UPLOAD RELIABILITY LOCK
   03 Sep 2026
   ========================================================= */

/* V280 no longer uses WooCommerce's .star-rating internals inside each
   individual review. This prevents the accessibility sentence such as
   “Rated 5 out of 5” from becoming visible through historical star CSS. */
body.single-product #reviews .bhraaj-review-stars-v279 {
    min-width: 86px !important;
}

body.single-product #reviews .bhraaj-review-stars-visual-v280 {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--bh-metal) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    line-height: 1 !important;
    letter-spacing: 1.2px !important;
    white-space: nowrap !important;
}

body.single-product #reviews .bhraaj-review-stars-visual-v280 > span {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    text-indent: 0 !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
}

/* Defensive lock: even if an older cached review fragment briefly contains
   WooCommerce star markup, its textual rating sentence must never display. */
body.single-product #reviews .bhraaj-review-stars-v279 .star-rating > span {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

body.single-product #reviews .bhraaj-review-stars-v279 .star-rating > span::before {
    font-size: 14px !important;
    line-height: 1 !important;
    color: var(--bh-metal) !important;
}

/* Upload state must remain readable on desktop and mobile. */
body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-photo-status:not(:empty) {
    display: block !important;
    width: 100% !important;
    margin-top: 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-photo-status[data-state="error"] {
    color: var(--bh-red) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-photo-status[data-state="success"] {
    color: var(--bh-text) !important;
}

@media (max-width: 520px) {
    body.single-product #reviews .bhraaj-review-topline-v279 {
        align-items: flex-start !important;
    }

    body.single-product #reviews .bhraaj-review-stars-v279 {
        min-width: 76px !important;
    }

    body.single-product #reviews .bhraaj-review-stars-visual-v280 {
        font-size: 15px !important;
        letter-spacing: .9px !important;
    }
}

/* =========================================================
   BHRAAJ V283 — HEADER LOGO + UTILITY ICON SCALE REFINEMENT
   03 Sep 2026
   ---------------------------------------------------------
   Scope only:
   - Slightly enlarge the BHRAAJ header wordmark on desktop + mobile.
   - Slightly enlarge Theme / Wishlist / Account / Bag glyphs.
   - Preserve all existing header positioning, spacing, hit areas,
     navigation behavior, dark mode, counters and mobile menu logic.
   ========================================================= */

/* Desktop / large screens — a restrained optical increase. */
.bhraaj-header .bhraaj-header-client-v184 {
    width: clamp(116px, 10.2vw, 146px) !important;
    max-height: 35px !important;
}

.bhraaj-header-actions .bhraaj-theme-glyph,
.bhraaj-header-actions .bhraaj-account-icon,
.bhraaj-header-actions .bhraaj-bag-icon,
.bhraaj-header-actions .bhraaj-header-wishlist-icon,
.bhraaj-header-actions .bhraaj-ui-icon {
    width: 22px !important;
    height: 22px !important;
}

/* Tablet keeps the same architecture, only scales the artwork/glyphs. */
@media (min-width: 768px) and (max-width: 1000px) {
    .bhraaj-header .bhraaj-header-client-v184 {
        width: 124px !important;
        max-height: 33px !important;
    }

    .bhraaj-header-actions .bhraaj-theme-glyph,
    .bhraaj-header-actions .bhraaj-account-icon,
    .bhraaj-header-actions .bhraaj-bag-icon,
    .bhraaj-header-actions .bhraaj-header-wishlist-icon,
    .bhraaj-header-actions .bhraaj-ui-icon {
        width: 20px !important;
        height: 20px !important;
    }
}

/* Mobile — visibly larger, while retaining the approved four-icon rail. */
@media (max-width: 767px) {
    .bhraaj-header .bhraaj-header-client-v184 {
        width: 110px !important;
        max-height: 32px !important;
    }

    .bhraaj-header-actions .bhraaj-theme-glyph,
    .bhraaj-header-actions .bhraaj-account-icon,
    .bhraaj-header-actions .bhraaj-bag-icon,
    .bhraaj-header-actions .bhraaj-header-wishlist-icon,
    .bhraaj-header-actions .bhraaj-ui-icon {
        width: 19px !important;
        height: 19px !important;
    }
}

/* 390px phones — small increase without crowding the utility group. */
@media (max-width: 390px) {
    .bhraaj-header .bhraaj-header-client-v184 {
        width: 101px !important;
        max-height: 30px !important;
    }

    .bhraaj-header-actions .bhraaj-theme-glyph,
    .bhraaj-header-actions .bhraaj-account-icon,
    .bhraaj-header-actions .bhraaj-bag-icon,
    .bhraaj-header-actions .bhraaj-header-wishlist-icon,
    .bhraaj-header-actions .bhraaj-ui-icon {
        width: 18.5px !important;
        height: 18.5px !important;
    }
}

/* 320px production floor — retain breathing room around all four utilities. */
@media (max-width: 339px) {
    .bhraaj-header .bhraaj-header-client-v184 {
        width: 92px !important;
        max-height: 28px !important;
    }

    .bhraaj-header-actions .bhraaj-theme-glyph,
    .bhraaj-header-actions .bhraaj-account-icon,
    .bhraaj-header-actions .bhraaj-bag-icon,
    .bhraaj-header-actions .bhraaj-header-wishlist-icon,
    .bhraaj-header-actions .bhraaj-ui-icon {
        width: 18px !important;
        height: 18px !important;
    }
}

/* =========================================================
   BHRAAJ V284 — PREMIUM PROGRESSIVE PRODUCT REVIEWS
   03 Sep 2026
   ---------------------------------------------------------
   3 initial reviews → +5 per request → Show fewer.
   No modal, no X, no numbered pagination, no page refresh.
   ========================================================= */

body.single-product #reviews.bhraaj-review-progressive-ready-v284 .woocommerce-pagination,
body.single-product #reviews.bhraaj-review-progressive-ready-v284 .comment-navigation,
body.single-product #reviews.bhraaj-review-progressive-ready-v284 .navigation.pagination {
    display: none !important;
}

body.single-product #reviews .bhraaj-review-progressive-v284 {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    margin: 30px 0 10px !important;
    padding: 0 !important;
    text-align: center !important;
}

body.single-product #reviews .bhraaj-review-progressive-v284[hidden] {
    display: none !important;
}

body.single-product #reviews .bhraaj-review-progress-meta-v284 {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

body.single-product #reviews .bhraaj-review-progress-button-v284 {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 184px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 11px 22px !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    cursor: pointer !important;
    transition:
        background 220ms var(--bh-ease),
        color 220ms var(--bh-ease),
        border-color 220ms var(--bh-ease),
        transform 220ms var(--bh-ease),
        opacity 180ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
    body.single-product #reviews .bhraaj-review-progress-button-v284:hover:not(:disabled) {
        border-color: var(--bh-text) !important;
        background: var(--bh-text) !important;
        color: var(--bh-bg) !important;
        transform: translateY(-1px) !important;
    }
}

body.single-product #reviews .bhraaj-review-progress-button-v284:active:not(:disabled) {
    transform: translateY(0) scale(.985) !important;
}

body.single-product #reviews .bhraaj-review-progress-button-v284:disabled {
    cursor: wait !important;
    opacity: .58 !important;
}

body.single-product #reviews .bhraaj-review-progressive-v284.has-error .bhraaj-review-progress-meta-v284 {
    color: var(--bh-red) !important;
    text-transform: none !important;
    letter-spacing: .01em !important;
}

@media (max-width: 520px) {
    body.single-product #reviews .bhraaj-review-progressive-v284 {
        gap: 12px !important;
        margin-top: 24px !important;
    }

    body.single-product #reviews .bhraaj-review-progress-button-v284 {
        min-width: 172px !important;
        min-height: 44px !important;
        padding: 10px 19px !important;
        font-size: 11px !important;
    }

    body.single-product #reviews .bhraaj-review-progress-meta-v284 {
        font-size: 10px !important;
        letter-spacing: .1em !important;
    }
}

/* =========================================================
   BHRAAJ V285 — PRODUCT SHARE ACTION PLACEMENT
   03 Sep 2026
   ---------------------------------------------------------
   Share is no longer an image-overlay control.
   Desktop: Wishlist + Share read as one secondary-action row.
   Mobile: Share sits directly below Wishlist.
   Existing gallery, wishlist and commerce functionality stays untouched.
   ========================================================= */

/* Permanently neutralize all older V227 gallery-overlay positioning. */
body.single-product .woocommerce-product-gallery > .bhraaj-single-share,
body.single-product .woocommerce-product-gallery .bhraaj-single-share-v227 {
    display: none !important;
}

body.single-product .summary .bhraaj-single-share-v285 {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 13px 0 0 18px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    overflow: visible !important;
}

body.single-product .summary .bhraaj-product-share-action-v285 {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: color 180ms ease, transform 180ms var(--bh-ui-ease-emph) !important;
}

body.single-product .summary .bhraaj-product-share-icon-shell-v285 {
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 78%, transparent) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-surface) 82%, transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 58%, transparent) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.04) !important;
    backdrop-filter: blur(12px) saturate(1.04) !important;
    transition:
        transform 220ms var(--bh-ui-ease-emph),
        border-color 220ms ease,
        background 220ms ease,
        box-shadow 220ms ease !important;
}

body.single-product .summary .bhraaj-product-share-action-v285 .bhraaj-product-share-icon {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.55 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: .94 !important;
    pointer-events: none !important;
}

body.single-product .summary .bhraaj-product-share-label-v285 {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.single-product .summary .bhraaj-product-share-status {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

@media (hover: hover) and (pointer: fine) {
    body.single-product .summary .bhraaj-product-share-action-v285:hover {
        color: var(--bh-text) !important;
        transform: translateY(-1px) !important;
    }

    body.single-product .summary .bhraaj-product-share-action-v285:hover
    .bhraaj-product-share-icon-shell-v285 {
        border-color: var(--bh-ui-border-strong) !important;
        box-shadow: inset 0 1px 0 var(--bh-ui-edge), 0 10px 24px rgba(42,31,25,.10) !important;
    }
}

body.single-product .summary .bhraaj-product-share-action-v285:focus-visible {
    outline: 1px solid currentColor !important;
    outline-offset: 5px !important;
    border-radius: 3px !important;
}

body.single-product .summary .bhraaj-product-share-action-v285:active
.bhraaj-product-share-icon-shell-v285 {
    transform: scale(.94) !important;
}

html[data-theme="dark"] body.single-product .summary .bhraaj-product-share-icon-shell-v285 {
    background: color-mix(in srgb, var(--bh-surface) 86%, transparent) !important;
    border-color: color-mix(in srgb, white 13%, transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 9%, transparent) !important;
}

/* The previous share overlay no longer occupies the gallery corner, so any
   native WooCommerce gallery control is free to use its normal position. */
body.single-product.bhraaj-single-product-v20 .woocommerce-product-gallery__trigger {
    top: 18px !important;
}

/* Mobile: deliberate vertical secondary-action rhythm. */
@media (max-width: 767px) {
    body.single-product .summary .bhraaj-single-wishlist {
        display: flex !important;
        width: max-content !important;
    }

    body.single-product .summary .bhraaj-single-share-v285 {
        display: flex !important;
        width: max-content !important;
        margin: 8px 0 0 0 !important;
    }

    body.single-product .summary .bhraaj-product-share-action-v285 {
        min-height: 38px !important;
    }
}

/* Small preview inside the desktop fallback sheet; the share targets themselves
   continue to send the canonical product URL so social crawlers can use og:image. */
.bhraaj-share-sheet-product-v285 {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    padding: 10px;
    border: 1px solid var(--bh-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--bh-surface) 90%, transparent);
}

.bhraaj-share-sheet-product-v285 img {
    display: block;
    width: 58px;
    height: 58px;
    object-fit: cover;
    border-radius: 10px;
}

.bhraaj-share-sheet-product-v285 span {
    min-width: 0;
    color: var(--bh-text);
    font-family: var(--bh-serif);
    font-size: 17px;
    line-height: 1.15;
}

@media (prefers-reduced-motion: reduce) {
    body.single-product .summary .bhraaj-product-share-action-v285,
    body.single-product .summary .bhraaj-product-share-icon-shell-v285 {
        transition: none !important;
    }
}


/* =========================================================
   BHRAAJ V286 — WISHLIST + SHARE SINGLE-ROW ALIGNMENT
   03 Sep 2026
   ---------------------------------------------------------
   Scope only:
   - Keep Wishlist and Share side by side on desktop + mobile.
   - Align both 38px icon controls and labels on one optical baseline.
   - Preserve all V285 share/image/social functionality unchanged.
   ========================================================= */

/* Both secondary actions use the same 38px action rail. The explicit
   inline-flex display prevents either DIV from creating its own row. */
body.single-product .summary .bhraaj-single-wishlist,
body.single-product .summary .bhraaj-single-share-v285 {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

body.single-product .summary .bhraaj-single-wishlist {
    gap: 10px !important;
    margin-right: 24px !important;
}

body.single-product .summary .bhraaj-single-share-v285 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Lock the heart and share icon shells to the same geometry so neither label
   appears higher or lower than the other. */
body.single-product .summary .bhraaj-wishlist-toggle-single,
body.single-product .summary .bhraaj-product-share-icon-shell-v285 {
    box-sizing: border-box !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    align-self: center !important;
}

body.single-product .summary .bhraaj-single-wishlist > span,
body.single-product .summary .bhraaj-product-share-label-v285 {
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.single-product .summary .bhraaj-product-share-action-v285 {
    align-items: center !important;
    min-height: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* V285 deliberately stacked Share under Wishlist on mobile. V286 overrides
   only that layout decision: both actions remain on the same compact row. */
@media (max-width: 767px) {
    body.single-product .summary .bhraaj-single-wishlist,
    body.single-product .summary .bhraaj-single-share-v285 {
        display: inline-flex !important;
        width: auto !important;
        max-width: none !important;
        height: 38px !important;
        min-height: 38px !important;
        margin-top: 14px !important;
        vertical-align: top !important;
    }

    body.single-product .summary .bhraaj-single-wishlist {
        margin-right: 18px !important;
    }

    body.single-product .summary .bhraaj-single-share-v285 {
        margin-left: 0 !important;
    }
}

/* 320px production floor: keep both actions on one row without crowding. */
@media (max-width: 339px) {
    body.single-product .summary .bhraaj-single-wishlist {
        gap: 8px !important;
        margin-right: 12px !important;
    }

    body.single-product .summary .bhraaj-single-wishlist > span,
    body.single-product .summary .bhraaj-product-share-label-v285 {
        font-size: 10.5px !important;
    }
}

/* =========================================================
   BHRAAJ V287 — MOBILE HOMEPAGE CAROUSEL FIRST
   03 Sep 2026
   ---------------------------------------------------------
   Scope only:
   - Show the existing desktop 16:9 managed slideshow on mobile.
   - Place the slideshow immediately after the header, before hero copy.
   - Preserve the exact same slides, autoplay, arrows, dots, Discover CTA,
     destinations and touch-swipe behavior already used on desktop.
   - Move Rooted in tradition / Sacred Treasures / description / CTA below.
   - Desktop composition remains unchanged.
   ========================================================= */

@media (max-width: 767px) {
    /* The slideshow becomes the first visual after the mobile header. */
    .bhraaj-home-v234 .bhraaj-hero {
        min-height: 0 !important;
        height: auto !important;
        justify-content: flex-start !important;
        padding-top: 14px !important;
        padding-bottom: 0 !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        row-gap: clamp(30px, 8vw, 40px) !important;
        column-gap: 0 !important;
        align-items: start !important;
    }

    /* Older mobile layers deliberately hid hero artwork. V287 restores only
       the approved managed carousel, not any legacy abstract artwork. */
    .bhraaj-home-v234 .bhraaj-hero-art-v194 {
        display: block !important;
        order: 1 !important;
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-self: stretch !important;
        align-self: start !important;
        aspect-ratio: 16 / 9 !important;
        transform: none !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-copy {
        display: block !important;
        order: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Preserve the desktop carousel geometry and interaction model. */
    .bhraaj-home-v234 .bhraaj-hero-carousel,
    .bhraaj-home-v234 .bhraaj-hero-carousel-empty {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-track,
    .bhraaj-home-v234 .bhraaj-hero-slide,
    .bhraaj-home-v234 .bhraaj-hero-slide-link,
    .bhraaj-home-v234 .bhraaj-hero-slide-image {
        width: 100% !important;
        height: 100% !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-slide-image {
        display: block !important;
        object-fit: cover !important;
    }

    /* Keep the already-approved mobile Discover/dot positions from V272/V234. */
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
        left: 50% !important;
        top: 76% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translate(-50%, -50%) !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-dots {
        left: 50% !important;
        right: auto !important;
        bottom: 12px !important;
        transform: translateX(-50%) !important;
    }
}

/* 320px production floor — retain the same 16:9 slideshow with compact,
   deliberate breathing room before the copy. */
@media (max-width: 339px) {
    .bhraaj-home-v234 .bhraaj-hero {
        padding-top: 10px !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-grid {
        row-gap: 28px !important;
    }
}

/* =========================================================
   BHRAAJ V289 — MOBILE HOMEPAGE DISCOVER HALF-SCALE
   03 Sep 2026
   ---------------------------------------------------------
   Scope only: mobile homepage slideshow controls.
   - Keeps the V287 carousel-first mobile composition unchanged.
   - Makes Discover approximately half the previous visual footprint.
   - Keeps the already-approved previous/next arrow sizing unchanged.
   - Preserves autoplay, swipe, dots, links and all desktop sizing.
   ========================================================= */
@media (max-width: 767px) {
    .bhraaj-home-v234 .bhraaj-hero-discover-v218,
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
        width: 78px !important;
        min-width: 78px !important;
        min-height: 30px !important;
        height: 30px !important;
        padding: 0 9px !important;
        box-sizing: border-box !important;
        font-size: 8px !important;
        line-height: 1 !important;
        letter-spacing: .105em !important;
        border-radius: 999px !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-button {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-button span {
        font-size: 24px !important;
        line-height: 1 !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-button.is-prev {
        left: 10px !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-button.is-next {
        right: 10px !important;
    }
}

/* Very small phones: keep the same visual hierarchy without crowding. */
@media (max-width: 359px) {
    .bhraaj-home-v234 .bhraaj-hero-discover-v218,
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
        width: 74px !important;
        min-width: 74px !important;
        min-height: 28px !important;
        height: 28px !important;
        padding: 0 8px !important;
        box-sizing: border-box !important;
        font-size: 7.5px !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-button {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-button span {
        font-size: 23px !important;
    }
}


/* =========================================================
   BHRAAJ V290 — MOBILE DISCOVER + CAROUSEL DOTS REFINEMENT
   03 Sep 2026
   ---------------------------------------------------------
   Scope only: mobile homepage slideshow controls.
   - Makes Discover one restrained step smaller than V289.
   - Reduces the six carousel indicators to a quiet editorial scale.
   - Keeps arrow sizing/position, carousel ratio, autoplay, swipe,
     destinations and all desktop presentation unchanged.
   ========================================================= */
@media (max-width: 767px) {
    .bhraaj-home-v234 .bhraaj-hero-discover-v218,
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
        width: 72px !important;
        min-width: 72px !important;
        min-height: 28px !important;
        height: 28px !important;
        padding: 0 8px !important;
        font-size: 7.5px !important;
        line-height: 1 !important;
        letter-spacing: .10em !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-dots {
        gap: 5px !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-dot {
        width: 4px !important;
        min-width: 4px !important;
        max-width: 4px !important;
        height: 4px !important;
        min-height: 4px !important;
        max-height: 4px !important;
        padding: 0 !important;
        border-width: 1px !important;
    }
}

@media (max-width: 359px) {
    .bhraaj-home-v234 .bhraaj-hero-discover-v218,
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
        width: 68px !important;
        min-width: 68px !important;
        min-height: 27px !important;
        height: 27px !important;
        padding: 0 7px !important;
        font-size: 7px !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-dots {
        gap: 4px !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-carousel-dot {
        width: 3.5px !important;
        min-width: 3.5px !important;
        max-width: 3.5px !important;
        height: 3.5px !important;
        min-height: 3.5px !important;
        max-height: 3.5px !important;
    }
}


/* =========================================================
   BHRAAJ V291 — CLEAN AUTOPLAY CAROUSEL CONTROLS
   03 Sep 2026
   ---------------------------------------------------------
   Client lock:
   - No visible previous/next arrows on desktop or mobile.
   - No visible carousel dots on desktop or mobile.
   - Discover is the only visible carousel control and sits bottom-right.
   - Mobile retains the approved compact V290 Discover size.
   - Hidden arrow elements remain in the DOM so the existing touch-swipe
     bridge continues to move backward/forward without page refresh.
   ========================================================= */

/* Remove all visible carousel navigation chrome, everywhere. */
.bhraaj-home-v234 .bhraaj-hero-carousel-controls {
    display: none !important;
}

.bhraaj-home-v234 .bhraaj-hero-carousel-button,
.bhraaj-home-v234 .bhraaj-hero-carousel-dots,
.bhraaj-home-v234 .bhraaj-hero-carousel-dot {
    display: none !important;
}

/* Desktop/tablet: retain the approved desktop Discover dimensions,
   changing only its anchor from centred/lower-middle to bottom-right. */
.bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
    left: auto !important;
    top: auto !important;
    right: 18px !important;
    bottom: 18px !important;
    transform: none !important;
    margin: 0 !important;
}

@media (hover: hover) and (pointer: fine) {
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234:hover,
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234:focus-visible {
        transform: translateY(-2px) !important;
    }
}

.bhraaj-home-v234 .bhraaj-hero-discover-static-v234:active {
    transform: scale(.985) !important;
}

/* Mobile: keep the exact compact V290 scale; only move it bottom-right. */
@media (max-width: 767px) {
    .bhraaj-home-v234 .bhraaj-hero-discover-v218,
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
        left: auto !important;
        top: auto !important;
        right: 12px !important;
        bottom: 12px !important;
        transform: none !important;

        width: 72px !important;
        min-width: 72px !important;
        min-height: 28px !important;
        height: 28px !important;
        padding: 0 8px !important;
        font-size: 7.5px !important;
        line-height: 1 !important;
        letter-spacing: .10em !important;
    }

    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234:active {
        transform: scale(.985) !important;
    }
}

/* 320px-class phones keep the already-approved V290 micro scale. */
@media (max-width: 359px) {
    .bhraaj-home-v234 .bhraaj-hero-discover-v218,
    .bhraaj-home-v234 .bhraaj-hero-discover-static-v234 {
        right: 10px !important;
        bottom: 10px !important;
        width: 68px !important;
        min-width: 68px !important;
        min-height: 27px !important;
        height: 27px !important;
        padding: 0 7px !important;
        font-size: 7px !important;
    }
}

/* =========================================================
   BHRAAJ V292 — DARK PROFILE PHOTO CTA PARITY
   03 Sep 2026
   - Dark mode only.
   - Makes Upload / Change photo use the same premium dark action
     treatment as the approved Save changes button.
   - Light mode, sizing, upload logic and account layout are untouched.
   ========================================================= */
html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form label.bhraaj-account-photo-upload,
html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form .bhraaj-account-photo-upload,
html[data-theme="dark"] body.woocommerce-account .bhraaj-account-photo-upload {
    border-color: rgba(255, 255, 255, .09) !important;
    background: linear-gradient(180deg, #171210, #0f0b0a) !important;
    color: #fffdf9 !important;
    -webkit-text-fill-color: #fffdf9 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 10px 24px rgba(0, 0, 0, .22) !important;
}

@media (hover: hover) and (pointer: fine) {
    html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-details-form label.bhraaj-account-photo-upload:hover,
    html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-content
    .bhraaj-account-details-form .bhraaj-account-photo-upload:hover,
    html[data-theme="dark"] body.woocommerce-account .bhraaj-account-photo-upload:hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.035) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 16px 34px rgba(0, 0, 0, .28) !important;
    }
}

html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form label.bhraaj-account-photo-upload:active,
html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-content
.bhraaj-account-details-form .bhraaj-account-photo-upload:active,
html[data-theme="dark"] body.woocommerce-account .bhraaj-account-photo-upload:active {
    transform: translateY(0) scale(.985) !important;
}

/* =========================================================
   BHRAAJ V294 — MOBILE HEADER OPTICAL CENTRE LOCK
   05 Sep 2026
   ---------------------------------------------------------
   Client correction:
   - Mobile BHRAAJ wordmark is centred between the hamburger control
     and the Theme control (the first icon in the utility rail).
   - Logo size, utility positions, Wishlist, Account, Bag and menu
     behaviour are unchanged.
   ========================================================= */
@media (max-width: 767px) {
    .bhraaj-header .bhraaj-brand-client-v184 {
        left: calc(50% - 50px) !important;
    }
}

@media (max-width: 390px) {
    .bhraaj-header .bhraaj-brand-client-v184 {
        left: calc(50% - 47px) !important;
    }
}

@media (max-width: 339px) {
    .bhraaj-header .bhraaj-brand-client-v184 {
        left: calc(50% - 44px) !important;
    }
}

/* =========================================================
   BHRAAJ V298 — CHECKOUT ADDRESS SUMMARY CORRECTION
   10 Sep 2026
   ---------------------------------------------------------
   Replaces the V298 checkout-polish presentation layer.
   Scope:
   - clearer guest Email hierarchy
   - compact signed-in identity summary
   - cleaner saved-address presentation
   - Shipping heading / Standard Shipping method hierarchy
   - completely stationary Shipping / Razorpay hover states
   - preserve native WooCommerce + Razorpay behaviour
   ========================================================= */

/* ---------- SHARED CHECKOUT RHYTHM ---------- */
body.woocommerce-checkout
.wc-block-checkout__main
.wc-block-components-checkout-step {
    margin-bottom: 14px !important;
}

body.woocommerce-checkout
.wc-block-components-checkout-step__heading {
    margin-bottom: 18px !important;
}

body.woocommerce-checkout
.wc-block-checkout__actions,
body.woocommerce-checkout
.wc-block-checkout__actions_row {
    margin-top: 8px !important;
}

/* ---------- CONTACT CARD ---------- */
body.woocommerce-checkout
.wc-block-checkout__contact-fields {
    min-height: 0 !important;
    height: auto !important;
    padding: 26px 30px 24px !important;
}

body.woocommerce-checkout
.wc-block-checkout__contact-fields
.wc-block-components-checkout-step__heading {
    margin-bottom: 16px !important;
    align-items: baseline !important;
}

body.woocommerce-checkout
.wc-block-checkout__contact-fields
.wc-block-components-checkout-step__content,
body.woocommerce-checkout
.wc-block-checkout__contact-fields
.wc-block-components-checkout-step__container {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ---------- GUEST CONTACT ---------- */
body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.bhraaj-checkout-login-prefix-v298 {
    margin-left: auto !important;
    margin-right: 5px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.bhraaj-checkout-login-link-v298 {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    white-space: nowrap !important;
}

/* Give Email a deliberate label -> field hierarchy without making it heavy. */
body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-text-input {
    margin-bottom: 10px !important;
}

body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-text-input label,
body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-text-input .wc-block-components-text-input__label {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-text-input input[type="email"] {
    border-color: color-mix(in srgb, var(--bh-text) 17%, transparent) !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 18%, transparent) !important;
}

body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-text-input input[type="email"]:focus {
    border-color: color-mix(in srgb, var(--bh-gold) 58%, var(--bh-text)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 12%, transparent) !important;
}

body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: max-content !important;
    max-width: 100% !important;
    min-height: 22px !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}

body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-checkbox
.wc-block-components-checkbox__input,
body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-checkbox input[type="checkbox"] {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    border: 1.35px solid color-mix(in srgb, var(--bh-text) 38%, transparent) !important;
    border-radius: 5px !important;
    background-color: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-checkbox
.wc-block-components-checkbox__input:checked,
body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-checkbox input[type="checkbox"]:checked {
    border-color: var(--bh-text) !important;
    background-color: var(--bh-text) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.2 6.4 11.2 12.8 4.8' fill='none' stroke='%23fffdf9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 12px 12px !important;
}

body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-checkbox
.wc-block-components-checkbox__mark {
    display: none !important;
}

body.woocommerce-checkout
.bhraaj-checkout-contact--guest
.wc-block-components-checkbox__label {
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

/* ---------- SIGNED-IN CONTACT ---------- */
body.woocommerce-checkout
.bhraaj-checkout-contact--logged-in {
    padding: 22px 30px 20px !important;
}

body.woocommerce-checkout
.bhraaj-checkout-contact--logged-in
.wc-block-components-checkout-step__heading {
    margin-bottom: 12px !important;
}

body.woocommerce-checkout
.bhraaj-checkout-contact--logged-in
.bhraaj-native-contact-email-v298 {
    display: none !important;
}

body.woocommerce-checkout
.bhraaj-signed-in-summary-v298 {
    display: grid !important;
    gap: 3px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-checkout
.bhraaj-signed-in-label-v298 {
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 550 !important;
    line-height: 1.35 !important;
    letter-spacing: .015em !important;
}

body.woocommerce-checkout
.bhraaj-signed-in-email-v298 {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}

/* ---------- SAVED SHIPPING ADDRESS ---------- */
body.woocommerce-checkout
.bhraaj-saved-address-v298 {
    position: relative !important;
}

body.woocommerce-checkout
.bhraaj-saved-address-v298
.bhraaj-address-native-v298 {
    display: none !important;
}

body.woocommerce-checkout
.bhraaj-saved-address-summary-v298 {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
    padding-right: 66px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
}

body.woocommerce-checkout
.bhraaj-saved-address-summary-v298 .bhraaj-address-line-v298 {
    display: block !important;
    color: var(--bh-text-soft) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.46 !important;
}

body.woocommerce-checkout
.bhraaj-saved-address-summary-v298 .bhraaj-address-line-v298.is-name {
    margin-bottom: 3px !important;
    color: var(--bh-text) !important;
    font-size: 13px !important;
    font-weight: 680 !important;
    line-height: 1.35 !important;
}

body.woocommerce-checkout
.bhraaj-saved-address-summary-v298 .bhraaj-address-phone-v298 {
    margin-top: 3px !important;
    color: var(--bh-text-soft) !important;
    font-size: 11px !important;
    font-weight: 550 !important;
}

/* Keep WooCommerce's Edit action visually anchored. */
body.woocommerce-checkout
.bhraaj-saved-address-v298 a,
body.woocommerce-checkout
.bhraaj-saved-address-v298 button {
    position: relative;
    z-index: 2;
}

/* ---------- SHIPPING + PAYMENT: STATIONARY INTERACTION ---------- */
body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option,
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option,
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option > .wc-block-components-radio-control__option {
    transform: none !important;
    translate: none !important;
}

body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__input,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease !important;
}

body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option
.wc-block-components-radio-control__input {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    left: 17px !important;
    top: 28px !important;
    transform: translateY(-50%) !important;
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease !important;
}

body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__input:hover,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__input:hover,
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__input:hover {
    transform: translateY(-50%) !important;
}

body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__label,
body.woocommerce-checkout
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__label-group,
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label,
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label-group,
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-content {
    transform: none !important;
    translate: none !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option:hover,
    body.woocommerce-checkout
    .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option:hover,
    body.woocommerce-checkout
    .wc-block-components-radio-control-accordion-option:hover {
        border-color: color-mix(in srgb, var(--bh-text) 20%, transparent) !important;
        background: color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 4%) !important;
        transform: none !important;
    }
}

/* ---------- MOBILE ---------- */
@media (max-width: 640px) {
    body.woocommerce-checkout
    .wc-block-checkout__contact-fields {
        padding: 20px 16px 18px !important;
    }

    body.woocommerce-checkout
    .bhraaj-checkout-contact--guest
    .bhraaj-checkout-login-prefix-v298 {
        display: none !important;
    }

    body.woocommerce-checkout
    .bhraaj-checkout-contact--guest
    .bhraaj-checkout-login-link-v298 {
        font-size: 10.5px !important;
    }

    body.woocommerce-checkout
    .bhraaj-checkout-contact--logged-in {
        padding: 19px 16px 17px !important;
    }

    body.woocommerce-checkout
    .bhraaj-saved-address-summary-v298 {
        padding-right: 54px !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout__main
    .wc-block-components-checkout-step {
        margin-bottom: 12px !important;
    }
}


/* =========================================================
   BHRAAJ V309 — PAYMENT ACTION INTEGRATED CARD FIX
   10 Sep 2026
   ---------------------------------------------------------
   Scope:
   - /checkout/order-pay/... pending-payment / Razorpay receipt state
   - /checkout/order-received/... successful or failed confirmation state
   - presentation only; WooCommerce + Razorpay remain transaction owners
   - preserves the approved Checkout Blocks composition
   ========================================================= */

/* ---------- Shared endpoint composition ---------- */
body.woocommerce-order-pay .site-main,
body.woocommerce-order-received .site-main,
body.woocommerce-order-pay main,
body.woocommerce-order-received main,
body.woocommerce-order-pay #primary,
body.woocommerce-order-received #primary,
body.woocommerce-order-pay .entry-content,
body.woocommerce-order-received .entry-content,
body.woocommerce-order-pay .wp-block-post-content,
body.woocommerce-order-received .wp-block-post-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay .entry-content > .woocommerce,
body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
body.woocommerce-order-pay main > .woocommerce,
body.woocommerce-order-received .entry-content > .woocommerce,
body.woocommerce-order-received .wp-block-post-content > .woocommerce,
body.woocommerce-order-received main > .woocommerce {
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding: clamp(42px, 5vw, 78px) clamp(20px, 4vw, 48px) clamp(76px, 8vw, 120px) !important;
    box-sizing: border-box !important;
    color: var(--bh-text) !important;
}

body.woocommerce-order-pay .woocommerce::before,
body.woocommerce-order-pay .woocommerce::after,
body.woocommerce-order-received .woocommerce::before,
body.woocommerce-order-received .woocommerce::after {
    content: none !important;
    display: none !important;
}

/* ---------- Pending payment intro ---------- */
body.woocommerce-order-pay .bhraaj-order-pay-intro-v303,
body.woocommerce-order-received .bhraaj-order-confirmation-intro-v303 {
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: clamp(26px, 3.3vw, 40px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 24px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-eyebrow-v303,
body.woocommerce-order-received .bhraaj-order-confirmation-eyebrow-v303 {
    display: block !important;
    margin: 0 0 11px !important;
    color: color-mix(in srgb, var(--bh-gold) 76%, var(--bh-text)) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-title-v303,
body.woocommerce-order-received .bhraaj-order-confirmation-title-v303 {
    margin: 0 !important;
    max-width: 760px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(38px, 5vw, 62px) !important;
    font-weight: 500 !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
    text-transform: none !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-copy-v303,
body.woocommerce-order-received .bhraaj-order-confirmation-copy-v303 {
    max-width: 700px !important;
    margin: 17px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.62 !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-meta-v303 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 20px 0 0 !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-meta-v303 span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 86%, transparent) !important;
    border-radius: 999px !important;
    color: var(--bh-text-soft) !important;
    background: color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 4%) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

/* ---------- Native order overview: one premium information rail ---------- */
body.woocommerce-order-pay ul.woocommerce-order-overview,
body.woocommerce-order-pay ul.order_details,
body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-order-received ul.order_details {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 20px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-shadow: none !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay ul.woocommerce-order-overview li,
body.woocommerce-order-pay ul.order_details li,
body.woocommerce-order-received ul.woocommerce-order-overview li,
body.woocommerce-order-received ul.order_details li {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 92px !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    border: 0 !important;
    border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay ul.woocommerce-order-overview li:last-child,
body.woocommerce-order-pay ul.order_details li:last-child,
body.woocommerce-order-received ul.woocommerce-order-overview li:last-child,
body.woocommerce-order-received ul.order_details li:last-child {
    border-right: 0 !important;
}

/* V304: WooCommerce classic order-details CSS can retain legacy widths/floats.
   Neutralise them so Order / Date / Total / Payment remain four equal cells. */
body.woocommerce-order-pay ul.woocommerce-order-overview > li,
body.woocommerce-order-pay ul.order_details > li {
    flex: none !important;
    inline-size: auto !important;
    block-size: auto !important;
}

body.woocommerce-order-pay ul.woocommerce-order-overview li strong,
body.woocommerce-order-pay ul.order_details li strong,
body.woocommerce-order-received ul.woocommerce-order-overview li strong,
body.woocommerce-order-received ul.order_details li strong {
    display: block !important;
    min-width: 0 !important;
    margin-top: 7px !important;
    overflow-wrap: anywhere !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* ---------- Razorpay pending-payment receipt ---------- */
body.woocommerce-order-pay .bhraaj-razorpay-copy-v303 {
    width: 100% !important;
    margin: 0 !important;
    padding: 22px 22px 18px !important;
    border: 1px solid var(--bh-border) !important;
    border-bottom: 0 !important;
    border-radius: 20px 20px 0 0 !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-actions-v303 {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    margin: -1px 0 16px !important;
    padding: 0 !important;
    border: 1px solid var(--bh-border) !important;
    border-top: 1px solid var(--bh-border) !important;
    border-radius: 0 0 20px 20px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

/* V306 — remove the visual seam between the Razorpay helper and action row. */
body.woocommerce-order-pay .bhraaj-razorpay-copy-v303::before,
body.woocommerce-order-pay .bhraaj-razorpay-copy-v303::after,
body.woocommerce-order-pay .bhraaj-order-pay-actions-v303::before,
body.woocommerce-order-pay .bhraaj-order-pay-actions-v303::after {
    content: none !important;
    display: none !important;
}

body.woocommerce-order-pay .bhraaj-razorpay-copy-v303 + .bhraaj-order-pay-actions-v303 {
    margin-top: -1px !important;
}

body.woocommerce-order-pay form.bhraaj-order-pay-form-normalized-v307 > p,
body.woocommerce-order-pay form.bhraaj-order-pay-form-normalized-v307 > .form-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.woocommerce-order-pay .bhraaj-pay-now-v303,
body.woocommerce-order-pay button.bhraaj-pay-now-v303,
body.woocommerce-order-pay a.bhraaj-pay-now-v303,
body.woocommerce-order-pay input.bhraaj-pay-now-v303 {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 16px 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--bh-text) !important;
    color: var(--bh-surface) !important;
    box-shadow: none !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: opacity 160ms ease, transform 160ms ease, background-color 160ms ease !important;
}

body.woocommerce-order-pay .bhraaj-cancel-pay-v303,
body.woocommerce-order-pay a.bhraaj-cancel-pay-v303,
body.woocommerce-order-pay button.bhraaj-cancel-pay-v303 {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 16px 24px !important;
    border: 0 !important;
    border-left: 1px solid var(--bh-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-order-pay .bhraaj-pay-now-v303:hover {
        opacity: .92 !important;
        transform: none !important;
    }

    body.woocommerce-order-pay .bhraaj-cancel-pay-v303:hover {
        border-color: color-mix(in srgb, var(--bh-text) 22%, transparent) !important;
        background: color-mix(in srgb, var(--bh-surface) 95%, var(--bh-gold) 5%) !important;
        transform: none !important;
    }
}

body.woocommerce-order-pay .bhraaj-pay-now-v303:focus-visible,
body.woocommerce-order-pay .bhraaj-cancel-pay-v303:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bh-gold) 70%, var(--bh-text)) !important;
    outline-offset: 3px !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-security-v303 {
    width: 100% !important;
    margin: -2px 0 24px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 550 !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

/* Localhost cannot accept Razorpay's remote webhook callback. This UI-only
   note replaces the raw gateway warning during local QA; production warnings
   are never suppressed by V303. */
body.woocommerce-order-pay .bhraaj-local-webhook-note-v303 {
    display: none !important;
}

/* Direct/manual order-pay fallback: keep WooCommerce's native pay form usable. */
body.woocommerce-order-pay form#order_review,
body.woocommerce-order-pay form.woocommerce-checkout {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    padding: clamp(22px, 3vw, 32px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 20px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* V307 — once the Razorpay pending-payment UI is normalized, the native
   WooCommerce order-review form must stop acting as a second visual card.
   Its old padding/background was the off-white 'cutout' visible around the
   Pay securely row. Keep the form functional, but make the wrapper visual-only. */
body.woocommerce-order-pay form.bhraaj-order-pay-form-normalized-v307 {
    margin: 0 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.woocommerce-order-pay table.shop_table,
body.woocommerce-order-received table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: var(--bh-sans) !important;
}

body.woocommerce-order-pay table.shop_table th,
body.woocommerce-order-pay table.shop_table td,
body.woocommerce-order-received table.shop_table th,
body.woocommerce-order-received table.shop_table td {
    padding: 14px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 68%, transparent) !important;
    color: var(--bh-text) !important;
    background: transparent !important;
    vertical-align: top !important;
}

body.woocommerce-order-pay table.shop_table th,
body.woocommerce-order-received table.shop_table th {
    font-weight: 650 !important;
}

/* ---------- Successful confirmation ---------- */
body.woocommerce-order-received .bhraaj-native-confirmation-notice-v303 {
    display: none !important;
}

body.woocommerce-order-received .woocommerce-order {
    width: 100% !important;
    max-width: none !important;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
    width: 100% !important;
    margin: 22px 0 0 !important;
    padding: clamp(24px, 3vw, 34px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 20px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-column__title {
    margin: 0 0 18px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(28px, 3.2vw, 40px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
    text-transform: none !important;
}

body.woocommerce-order-received .woocommerce-customer-details address,
body.woocommerce-order-received .woocommerce-order-details address {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-style: normal !important;
    line-height: 1.65 !important;
}

body.woocommerce-order-received .woocommerce-columns--addresses {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
}

body.woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 22px !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 78%, transparent) !important;
    border-radius: 16px !important;
    background: color-mix(in srgb, var(--bh-surface) 97%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-actions-v303 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-actions-v303 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 14px 22px !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-actions-v303 a:first-child {
    border-color: var(--bh-text) !important;
    background: var(--bh-text) !important;
    color: var(--bh-surface) !important;
}

/* Failed-payment state remains actionable and clearly distinct from success. */
body.woocommerce-order-received .woocommerce-thankyou-order-failed,
body.woocommerce-order-received .woocommerce-thankyou-order-failed-actions {
    margin: 0 0 16px !important;
    padding: 18px 20px !important;
    border: 1px solid color-mix(in srgb, var(--bh-text) 16%, transparent) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 4%) !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    line-height: 1.55 !important;
}

/* ---------- V303 mobile ---------- */
@media (max-width: 767px) {
    body.woocommerce-order-pay .entry-content > .woocommerce,
    body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
    body.woocommerce-order-pay main > .woocommerce,
    body.woocommerce-order-received .entry-content > .woocommerce,
    body.woocommerce-order-received .wp-block-post-content > .woocommerce,
    body.woocommerce-order-received main > .woocommerce {
        padding: 30px 14px 72px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-intro-v303,
    body.woocommerce-order-received .bhraaj-order-confirmation-intro-v303 {
        margin-bottom: 14px !important;
        padding: 23px 18px !important;
        border-radius: 20px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-title-v303,
    body.woocommerce-order-received .bhraaj-order-confirmation-title-v303 {
        font-size: clamp(36px, 11vw, 46px) !important;
        line-height: 1 !important;
    }

    body.woocommerce-order-pay ul.woocommerce-order-overview,
    body.woocommerce-order-pay ul.order_details,
    body.woocommerce-order-received ul.woocommerce-order-overview,
    body.woocommerce-order-received ul.order_details {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        margin-bottom: 14px !important;
        border-radius: 18px !important;
    }

    body.woocommerce-order-pay ul.woocommerce-order-overview li,
    body.woocommerce-order-pay ul.order_details li,
    body.woocommerce-order-received ul.woocommerce-order-overview li,
    body.woocommerce-order-received ul.order_details li {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 82px !important;
        float: none !important;
        clear: none !important;
        padding: 16px !important;
        border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    }

    body.woocommerce-order-pay ul.woocommerce-order-overview li:nth-child(2n),
    body.woocommerce-order-pay ul.order_details li:nth-child(2n),
    body.woocommerce-order-received ul.woocommerce-order-overview li:nth-child(2n),
    body.woocommerce-order-received ul.order_details li:nth-child(2n) {
        border-right: 0 !important;
    }

    body.woocommerce-order-pay ul.woocommerce-order-overview li:nth-last-child(-n+2),
    body.woocommerce-order-pay ul.order_details li:nth-last-child(-n+2),
    body.woocommerce-order-received ul.woocommerce-order-overview li:nth-last-child(-n+2),
    body.woocommerce-order-received ul.order_details li:nth-last-child(-n+2) {
        border-bottom: 0 !important;
    }

    body.woocommerce-order-pay .bhraaj-razorpay-copy-v303 {
        padding: 18px 16px 15px !important;
        border-radius: 18px 18px 0 0 !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-actions-v303 {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        margin-top: -1px !important;
        padding: 0 !important;
        border-radius: 0 0 18px 18px !important;
        overflow: hidden !important;
    }

    body.woocommerce-order-pay .bhraaj-pay-now-v303,
    body.woocommerce-order-pay .bhraaj-cancel-pay-v303 {
        width: 100% !important;
        flex: 1 1 auto !important;
        min-height: 54px !important;
        border-radius: 0 !important;
    }

    body.woocommerce-order-pay .bhraaj-cancel-pay-v303 {
        border-left: 0 !important;
        border-top: 1px solid var(--bh-border) !important;
    }


    body.woocommerce-order-received .woocommerce-order-details,
    body.woocommerce-order-received .woocommerce-customer-details {
        margin-top: 14px !important;
        padding: 21px 18px !important;
        border-radius: 18px !important;
    }

    body.woocommerce-order-received .woocommerce-columns--addresses {
        grid-template-columns: 1fr !important;
    }

    body.woocommerce-order-received .bhraaj-order-confirmation-actions-v303 {
        flex-direction: column !important;
    }

    body.woocommerce-order-received .bhraaj-order-confirmation-actions-v303 a {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 359px) {
    body.woocommerce-order-pay .entry-content > .woocommerce,
    body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
    body.woocommerce-order-pay main > .woocommerce,
    body.woocommerce-order-received .entry-content > .woocommerce,
    body.woocommerce-order-received .wp-block-post-content > .woocommerce,
    body.woocommerce-order-received main > .woocommerce {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.woocommerce-order-pay ul.woocommerce-order-overview li strong,
    body.woocommerce-order-pay ul.order_details li strong,
    body.woocommerce-order-received ul.woocommerce-order-overview li strong,
    body.woocommerce-order-received ul.order_details li strong {
        font-size: 12.5px !important;
    }
}


/* =========================================================
   BHRAAJ V310 — ORDER RECEIVED / THANK YOU PAGE PREMIUM POLISH
   10 Sep 2026
   ---------------------------------------------------------
   Scope:
   - /checkout/order-received/...
   - success-state confirmation page after Razorpay payment
   - premium BHRAAJ composition on desktop + mobile
   ========================================================= */

body.woocommerce-order-received .woocommerce-order {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
}

body.woocommerce-order-received .woocommerce-order > * {
    min-width: 0 !important;
}

body.woocommerce-order-received .woocommerce-notice,
body.woocommerce-order-received .woocommerce-message,
body.woocommerce-order-received .woocommerce-thankyou-order-received {
    margin: 0 !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-intro-v303 {
    margin-bottom: 0 !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-order-received ul.order_details {
    margin: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview li,
body.woocommerce-order-received ul.order_details li {
    min-height: 108px !important;
    padding: 24px 26px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview li strong,
body.woocommerce-order-received ul.order_details li strong {
    margin-top: 8px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
    margin-top: 0 !important;
    border-radius: 24px !important;
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-column__title {
    margin-bottom: 20px !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table {
    margin: 0 !important;
    table-layout: fixed !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th {
    padding-top: 0 !important;
    padding-bottom: 16px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody td,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th {
    padding: 16px 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table td:last-child,
body.woocommerce-order-received .woocommerce-order-details table.shop_table th:last-child {
    text-align: right !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td {
    font-weight: 650 !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child td {
    padding-top: 18px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    color: var(--bh-text) !important;
    font-size: 18px !important;
    font-weight: 750 !important;
}

body.woocommerce-order-received .woocommerce-order-details .product-name a {
    color: var(--bh-text) !important;
    text-decoration: none !important;
}

body.woocommerce-order-received .woocommerce-customer-details address {
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

body.woocommerce-order-received .woocommerce-columns--addresses {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-top: 0 !important;
}

body.woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 22px 22px 20px !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
    border-radius: 18px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column > *:last-child {
    margin-bottom: 0 !important;
}

body.woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column p {
    margin: 0 0 8px !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-actions-v303 {
    margin-top: 0 !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-actions-v303 a {
    min-height: 50px !important;
    padding: 0 18px !important;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .bhraaj-order-confirmation-intro-v303,
body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-order-received ul.order_details,
body.woocommerce-order-received .bhraaj-order-confirmation-actions-v303 {
    box-shadow: none !important;
}

@media (max-width: 767px) {
    body.woocommerce-order-received .woocommerce-order {
        gap: 14px !important;
    }

    body.woocommerce-order-received ul.woocommerce-order-overview,
    body.woocommerce-order-received ul.order_details,
    body.woocommerce-order-received .woocommerce-order-details,
    body.woocommerce-order-received .woocommerce-customer-details,
    body.woocommerce-order-received .bhraaj-order-confirmation-intro-v303 {
        border-radius: 18px !important;
    }

    body.woocommerce-order-received ul.woocommerce-order-overview li,
    body.woocommerce-order-received ul.order_details li {
        min-height: 84px !important;
        padding: 16px !important;
    }

    body.woocommerce-order-received .woocommerce-order-details table.shop_table thead {
        display: none !important;
    }

    body.woocommerce-order-received .woocommerce-order-details table.shop_table,
    body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody,
    body.woocommerce-order-received .woocommerce-order-details table.shop_table tr,
    body.woocommerce-order-received .woocommerce-order-details table.shop_table td,
    body.woocommerce-order-received .woocommerce-order-details table.shop_table th,
    body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody tr,
    body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 12px !important;
        align-items: start !important;
    }

    body.woocommerce-order-received .woocommerce-order-details table.shop_table td:last-child,
    body.woocommerce-order-received .woocommerce-order-details table.shop_table th:last-child {
        text-align: right !important;
    }

    body.woocommerce-order-received .woocommerce-columns--addresses {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    body.woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column {
        padding: 18px 16px !important;
        border-radius: 16px !important;
    }
}

/* =========================================================
   BHRAAJ V311 — FINAL PAYMENT + ORDER CONFIRMATION SYSTEM
   10 Sep 2026
   ---------------------------------------------------------
   Final presentation layer for:
   - /checkout/order-pay/... pending / confirming states
   - /checkout/order-received/... success / failed states
   - desktop, tablet and 320px mobile QA
   ========================================================= */

/* ---------- Shared endpoint width + rhythm ---------- */
body.woocommerce-order-pay .entry-content > .woocommerce,
body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
body.woocommerce-order-pay main > .woocommerce,
body.woocommerce-order-received .entry-content > .woocommerce,
body.woocommerce-order-received .wp-block-post-content > .woocommerce,
body.woocommerce-order-received main > .woocommerce {
    width: min(100%, 1120px) !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
    padding: clamp(44px, 5vw, 76px) clamp(20px, 4vw, 48px) clamp(84px, 9vw, 128px) !important;
    box-sizing: border-box !important;
}

/* ---------- Pending payment: one continuous action card ---------- */
body.woocommerce-order-pay .bhraaj-payment-panel-v311 {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-razorpay-copy-v303 {
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 22px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 78%, transparent) !important;
    border-radius: 0 !important;
    background: transparent !important;
    position: static !important;
    z-index: auto !important;
}

body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-order-pay-actions-v303 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    position: static !important;
    z-index: auto !important;
}

body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-pay-now-v303,
body.woocommerce-order-pay .bhraaj-payment-panel-v311 button.bhraaj-pay-now-v303,
body.woocommerce-order-pay .bhraaj-payment-panel-v311 input.bhraaj-pay-now-v303 {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-cancel-pay-v303 {
    min-width: 178px !important;
    min-height: 58px !important;
    margin: 0 !important;
    border: 0 !important;
    border-left: 1px solid var(--bh-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-order-pay-security-v303 {
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 18px 13px !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent) !important;
    background: color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 4%) !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* No stale background strip can sit between helper text and the CTA row. */
body.woocommerce-order-pay .bhraaj-payment-panel-v311 > *,
body.woocommerce-order-pay .bhraaj-payment-panel-v311 > *::before,
body.woocommerce-order-pay .bhraaj-payment-panel-v311 > *::after {
    box-shadow: none !important;
}

/* ---------- Razorpay/WooCommerce confirming state ---------- */
body.woocommerce-order-pay.bhraaj-payment-processing-v311 .bhraaj-order-pay-intro-v303 {
    min-height: 300px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
}

body.woocommerce-order-pay.bhraaj-payment-processing-v311 ul.woocommerce-order-overview,
body.woocommerce-order-pay.bhraaj-payment-processing-v311 ul.order_details,
body.woocommerce-order-pay.bhraaj-payment-processing-v311 .bhraaj-payment-panel-v311,
body.woocommerce-order-pay.bhraaj-payment-processing-v311 .bhraaj-razorpay-copy-v303,
body.woocommerce-order-pay.bhraaj-payment-processing-v311 .bhraaj-order-pay-actions-v303,
body.woocommerce-order-pay.bhraaj-payment-processing-v311 .bhraaj-order-pay-security-v303 {
    display: none !important;
}

body.woocommerce-order-pay .bhraaj-payment-processing-indicator-v311 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;
    width: fit-content !important;
    margin-top: 24px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

body.woocommerce-order-pay .bhraaj-payment-processing-spinner-v311 {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    border: 1.5px solid color-mix(in srgb, var(--bh-text) 18%, transparent) !important;
    border-top-color: var(--bh-text) !important;
    border-radius: 50% !important;
    animation: bhraaj-v311-spin .8s linear infinite !important;
}

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

/* ---------- Successful order confirmation ---------- */
body.woocommerce-order-received.bhraaj-order-success-v311 .woocommerce-order {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: none !important;
}

body.woocommerce-order-received .bhraaj-order-success-intro-v311 {
    margin: 0 !important;
    padding: clamp(30px, 4vw, 46px) !important;
    border-radius: 26px !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-meta-v303 {
    gap: 8px !important;
    margin-top: 22px !important;
}

/* Existing WooCommerce values, reordered in place by V311. */
body.woocommerce-order-received .bhraaj-order-overview-v311 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 24px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v311 > li {
    min-width: 0 !important;
    min-height: 104px !important;
    margin: 0 !important;
    padding: 23px 24px !important;
    border: 0 !important;
    border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    border-bottom: 0 !important;
    box-sizing: border-box !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v311 > li[data-bhraaj-cell="payment"] {
    border-right: 0 !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v311 > li[data-bhraaj-cell="email"] {
    grid-column: 1 / -1 !important;
    min-height: 76px !important;
    border-right: 0 !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v311 > li strong {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 8px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v311 > li[data-bhraaj-cell="email"] strong {
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
}

body.woocommerce-order-received .bhraaj-overview-label-v311 {
    display: block !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
}

/* ---------- Order details ---------- */
body.woocommerce-order-received .bhraaj-order-details-v311,
body.woocommerce-order-received .bhraaj-customer-details-v311 {
    width: 100% !important;
    margin: 0 !important;
    padding: clamp(28px, 3.5vw, 40px) !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 24px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-order-details-v311 .woocommerce-order-details__title {
    margin: 0 0 22px !important;
    font-size: clamp(32px, 3.5vw, 44px) !important;
}

body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}

body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table thead th {
    padding: 0 0 14px !important;
    border-bottom: 1px solid var(--bh-border) !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tbody td,
body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tfoot th,
body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tfoot td {
    padding: 16px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent) !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tbody td.product-name {
    padding-right: 24px !important;
    font-weight: 600 !important;
}

body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table td:last-child,
body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table th:last-child {
    text-align: right !important;
}

body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tfoot tr:last-child th,
body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tfoot tr:last-child td {
    padding-top: 19px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    font-size: 18px !important;
    font-weight: 750 !important;
}

/* ---------- Billing + delivery: one coherent shared card ---------- */
body.woocommerce-order-received .bhraaj-customer-heading-v311 {
    margin: 0 0 22px !important;
}

body.woocommerce-order-received .bhraaj-customer-eyebrow-v311 {
    display: block !important;
    margin-bottom: 9px !important;
    color: color-mix(in srgb, var(--bh-gold) 76%, var(--bh-text)) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

body.woocommerce-order-received .bhraaj-customer-title-v311 {
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(32px, 3.5vw, 44px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
}

body.woocommerce-order-received .bhraaj-customer-copy-v311 {
    max-width: 640px !important;
    margin: 10px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v311,
body.woocommerce-order-received .woocommerce-columns--addresses.bhraaj-address-columns-v311 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--bh-border) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v311 > .bhraaj-address-card-v311,
body.woocommerce-order-received .bhraaj-address-columns-v311 > .woocommerce-column,
body.woocommerce-order-received .bhraaj-address-columns-v311 > .col-1,
body.woocommerce-order-received .bhraaj-address-columns-v311 > .col-2 {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 24px 26px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v311 > .bhraaj-address-card-v311:first-child,
body.woocommerce-order-received .bhraaj-address-columns-v311 > .woocommerce-column:first-child {
    border-right: 1px solid var(--bh-border) !important;
}

body.woocommerce-order-received .bhraaj-address-card-v311 .woocommerce-column__title,
body.woocommerce-order-received .bhraaj-address-card-v311 h2 {
    margin: 0 0 14px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(27px, 3vw, 35px) !important;
    font-weight: 500 !important;
    line-height: 1.02 !important;
    letter-spacing: -.02em !important;
}

body.woocommerce-order-received .bhraaj-address-card-v311 address {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-style: normal !important;
    line-height: 1.75 !important;
}

/* ---------- Confirmation actions + support ---------- */
body.woocommerce-order-received .bhraaj-order-confirmation-actions-v311 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 2px 0 0 !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-actions-v311 a {
    min-height: 52px !important;
    padding: 0 22px !important;
}

body.woocommerce-order-received .bhraaj-order-support-v311 {
    margin: -4px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

body.woocommerce-order-received .bhraaj-order-support-v311 a {
    color: var(--bh-text) !important;
    font-weight: 650 !important;
    text-underline-offset: 3px !important;
}

/* ---------- Failed/cancelled confirmation fallback ---------- */
body.woocommerce-order-received .bhraaj-order-failed-intro-v311 {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: clamp(30px, 4vw, 44px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 24px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-order-failed-eyebrow-v311 {
    display: block !important;
    margin-bottom: 10px !important;
    color: color-mix(in srgb, var(--bh-gold) 74%, var(--bh-text)) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

body.woocommerce-order-received .bhraaj-order-failed-title-v311 {
    max-width: 760px !important;
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(38px, 5vw, 58px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
}

body.woocommerce-order-received .bhraaj-order-failed-copy-v311 {
    max-width: 660px !important;
    margin: 16px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

body.woocommerce-order-received .bhraaj-native-failed-notice-v311 {
    display: none !important;
}

body.woocommerce-order-received .bhraaj-order-failed-actions-v311 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.woocommerce-order-received .bhraaj-order-failed-actions-v311 a,
body.woocommerce-order-received .bhraaj-order-failed-actions-v311 button {
    min-height: 52px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* ---------- Mobile / 320px parity ---------- */
@media (max-width: 767px) {
    body.woocommerce-order-pay .entry-content > .woocommerce,
    body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
    body.woocommerce-order-pay main > .woocommerce,
    body.woocommerce-order-received .entry-content > .woocommerce,
    body.woocommerce-order-received .wp-block-post-content > .woocommerce,
    body.woocommerce-order-received main > .woocommerce {
        padding: 28px 14px 76px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-panel-v311 {
        border-radius: 18px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-razorpay-copy-v303 {
        padding: 17px 16px 15px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-order-pay-actions-v303 {
        grid-template-columns: 1fr !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-cancel-pay-v303 {
        min-width: 0 !important;
        border-left: 0 !important;
        border-top: 1px solid var(--bh-border) !important;
    }

    body.woocommerce-order-pay.bhraaj-payment-processing-v311 .bhraaj-order-pay-intro-v303 {
        min-height: 260px !important;
    }

    body.woocommerce-order-received.bhraaj-order-success-v311 .woocommerce-order {
        gap: 14px !important;
    }

    body.woocommerce-order-received .bhraaj-order-success-intro-v311,
    body.woocommerce-order-received .bhraaj-order-details-v311,
    body.woocommerce-order-received .bhraaj-customer-details-v311,
    body.woocommerce-order-received .bhraaj-order-failed-intro-v311 {
        padding: 22px 18px !important;
        border-radius: 18px !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v311 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        border-radius: 18px !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v311 > li {
        min-height: 82px !important;
        padding: 15px !important;
        border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v311 > li[data-bhraaj-cell="date"],
    body.woocommerce-order-received .bhraaj-order-overview-v311 > li[data-bhraaj-cell="payment"] {
        border-right: 0 !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v311 > li[data-bhraaj-cell="total"],
    body.woocommerce-order-received .bhraaj-order-overview-v311 > li[data-bhraaj-cell="payment"] {
        border-bottom: 0 !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v311 > li[data-bhraaj-cell="email"] {
        grid-column: 1 / -1 !important;
        min-height: 70px !important;
        border-right: 0 !important;
        border-top: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
        border-bottom: 0 !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v311 > li strong {
        font-size: 12.5px !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table thead {
        display: none !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table,
    body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tbody,
    body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tfoot,
    body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tr,
    body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table td,
    body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table th {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tbody tr,
    body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tfoot tr {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 12px !important;
        align-items: start !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v311 table.shop_table tbody td.product-name {
        padding-right: 12px !important;
    }

    body.woocommerce-order-received .bhraaj-address-columns-v311,
    body.woocommerce-order-received .woocommerce-columns--addresses.bhraaj-address-columns-v311 {
        grid-template-columns: 1fr !important;
    }

    body.woocommerce-order-received .bhraaj-address-columns-v311 > .bhraaj-address-card-v311,
    body.woocommerce-order-received .bhraaj-address-columns-v311 > .woocommerce-column,
    body.woocommerce-order-received .bhraaj-address-columns-v311 > .col-1,
    body.woocommerce-order-received .bhraaj-address-columns-v311 > .col-2 {
        padding: 20px 0 !important;
    }

    body.woocommerce-order-received .bhraaj-address-columns-v311 > .bhraaj-address-card-v311:first-child,
    body.woocommerce-order-received .bhraaj-address-columns-v311 > .woocommerce-column:first-child {
        border-right: 0 !important;
        border-bottom: 1px solid var(--bh-border) !important;
    }

    body.woocommerce-order-received .bhraaj-address-columns-v311 > .bhraaj-address-card-v311:last-child,
    body.woocommerce-order-received .bhraaj-address-columns-v311 > .woocommerce-column:last-child {
        padding-bottom: 0 !important;
    }

    body.woocommerce-order-received .bhraaj-order-confirmation-actions-v311,
    body.woocommerce-order-received .bhraaj-order-failed-actions-v311 {
        flex-direction: column !important;
    }

    body.woocommerce-order-received .bhraaj-order-confirmation-actions-v311 a,
    body.woocommerce-order-received .bhraaj-order-failed-actions-v311 a,
    body.woocommerce-order-received .bhraaj-order-failed-actions-v311 button {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 359px) {
    body.woocommerce-order-pay .entry-content > .woocommerce,
    body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
    body.woocommerce-order-pay main > .woocommerce,
    body.woocommerce-order-received .entry-content > .woocommerce,
    body.woocommerce-order-received .wp-block-post-content > .woocommerce,
    body.woocommerce-order-received main > .woocommerce {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.woocommerce-order-received .bhraaj-order-success-intro-v311,
    body.woocommerce-order-received .bhraaj-order-details-v311,
    body.woocommerce-order-received .bhraaj-customer-details-v311,
    body.woocommerce-order-received .bhraaj-order-failed-intro-v311 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v311 > li {
        padding: 13px !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v311 > li[data-bhraaj-cell="email"] strong {
        font-size: 11.5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-order-pay .bhraaj-payment-processing-spinner-v311 {
        animation: none !important;
    }
}

/* =========================================================
   BHRAAJ V312 — FINAL POST-PURCHASE SYSTEM
   10 Sep 2026
   ---------------------------------------------------------
   Final visual architecture for:
   - Razorpay order-pay / payment confirmation state
   - successful WooCommerce order-received page
   - failed order-received fallback
   - desktop, tablet and 320px mobile parity
   Transaction data and gateway logic remain owned by WooCommerce/Razorpay.
   ========================================================= */

/* ---------- Shared post-purchase canvas ---------- */
body.woocommerce-order-pay .entry-content > .woocommerce,
body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
body.woocommerce-order-pay main > .woocommerce,
body.woocommerce-order-received .entry-content > .woocommerce,
body.woocommerce-order-received .wp-block-post-content > .woocommerce,
body.woocommerce-order-received main > .woocommerce {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    margin-inline: auto !important;
    padding: clamp(44px, 5vw, 76px) clamp(20px, 4.5vw, 54px) clamp(88px, 9vw, 132px) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay .woocommerce,
body.woocommerce-order-received .woocommerce,
body.woocommerce-order-pay .woocommerce-order,
body.woocommerce-order-received .woocommerce-order {
    min-width: 0 !important;
}

/* ---------- Payment confirmation / pending ---------- */
body.woocommerce-order-pay .bhraaj-order-pay-intro-v303 {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: clamp(30px, 4vw, 46px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 26px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay.bhraaj-payment-processing-v312 .bhraaj-order-pay-intro-v303 {
    min-height: 310px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
}

body.woocommerce-order-pay.bhraaj-payment-processing-v312 .bhraaj-order-pay-eyebrow-v303 {
    color: color-mix(in srgb, var(--bh-gold) 76%, var(--bh-text)) !important;
}

body.woocommerce-order-pay.bhraaj-payment-processing-v312 .bhraaj-order-pay-title-v303 {
    max-width: 760px !important;
}

body.woocommerce-order-pay.bhraaj-payment-processing-v312 .bhraaj-order-pay-copy-v303 {
    max-width: 620px !important;
}

body.woocommerce-order-pay.bhraaj-payment-processing-v312 :is(
    ul.woocommerce-order-overview,
    ul.order_details,
    .bhraaj-payment-panel-v311,
    .bhraaj-razorpay-copy-v303,
    .bhraaj-order-pay-actions-v303,
    .bhraaj-order-pay-security-v303,
    .woocommerce-info,
    .woocommerce-message,
    .woocommerce-notice,
    .blockUI.blockOverlay,
    .blockUI.blockMsg
) {
    display: none !important;
}

body.woocommerce-order-pay .bhraaj-payment-processing-indicator-v312 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin-top: 24px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

body.woocommerce-order-pay .bhraaj-payment-processing-spinner-v312 {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    border: 1.5px solid color-mix(in srgb, var(--bh-text) 18%, transparent) !important;
    border-top-color: var(--bh-text) !important;
    border-radius: 50% !important;
    animation: bhraaj-v312-spin .8s linear infinite !important;
}

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

/* Keep the retry/payment action panel as one continuous surface. */
body.woocommerce-order-pay .bhraaj-payment-panel-v311 {
    overflow: hidden !important;
    isolation: isolate !important;
}

body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-razorpay-copy-v303,
body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-order-pay-actions-v303,
body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-order-pay-security-v303 {
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
}

body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-razorpay-copy-v303 {
    padding-bottom: 16px !important;
}

body.woocommerce-order-pay .bhraaj-payment-panel-v311 .bhraaj-order-pay-actions-v303 {
    margin-top: -1px !important;
}

/* ---------- Successful confirmation ---------- */
body.woocommerce-order-received.bhraaj-order-success-v312 .woocommerce-order {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: none !important;
}

body.woocommerce-order-received .bhraaj-order-success-intro-v312 {
    margin: 0 !important;
    padding: clamp(32px, 4.4vw, 50px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 28px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-order-success-intro-v312 .bhraaj-order-confirmation-title-v303 {
    max-width: 800px !important;
    margin-bottom: 0 !important;
}

body.woocommerce-order-received .bhraaj-order-success-intro-v312 .bhraaj-order-confirmation-copy-v303 {
    max-width: 720px !important;
    margin-top: 18px !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-meta-v303 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 24px !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-meta-v303 > span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 88%, transparent) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-surface) 94%, var(--bh-gold) 6%) !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Hide duplicated native success prose after the custom intro. */
body.woocommerce-order-received.bhraaj-order-success-v312 :is(
    .woocommerce-notice--success,
    .woocommerce-thankyou-order-received
) {
    display: none !important;
}

/* ---------- Order overview: 4 primary facts + email full width ---------- */
body.woocommerce-order-received .bhraaj-order-overview-v312 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 24px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v312 > li {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 7px !important;
    min-width: 0 !important;
    min-height: 104px !important;
    margin: 0 !important;
    padding: 23px 24px !important;
    border: 0 !important;
    border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v312 > li[data-bhraaj-cell="payment"] {
    border-right: 0 !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v312 > li[data-bhraaj-cell="email"] {
    grid-column: 1 / -1 !important;
    min-height: 78px !important;
    border-right: 0 !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v312 > li strong {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v312 > li[data-bhraaj-cell="email"] strong {
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

body.woocommerce-order-received .bhraaj-overview-label-v311,
body.woocommerce-order-received .bhraaj-overview-label-v312 {
    display: block !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

/* ---------- Order details ---------- */
body.woocommerce-order-received .bhraaj-order-details-v312 {
    width: 100% !important;
    margin: 0 !important;
    padding: clamp(26px, 3.5vw, 38px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 24px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-order-details-v312 .woocommerce-order-details__title,
body.woocommerce-order-received .bhraaj-order-details-v312 > h2 {
    margin: 0 0 24px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(30px, 3.3vw, 42px) !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;
    letter-spacing: -.025em !important;
}

body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: transparent !important;
}

body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table thead th {
    padding: 0 0 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--bh-border) !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table :is(tbody td, tfoot th, tfoot td) {
    padding: 17px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent) !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    vertical-align: top !important;
}

body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table tbody td.product-name {
    padding-right: 24px !important;
    font-weight: 600 !important;
}

body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table :is(th:last-child, td:last-child) {
    text-align: right !important;
}

body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table tfoot tr:last-child :is(th, td) {
    padding-top: 21px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    font-weight: 750 !important;
}

body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table tfoot tr:last-child td {
    font-family: var(--bh-serif) !important;
    font-size: 22px !important;
    font-weight: 500 !important;
}

/* ---------- Billing + delivery: one coherent shared card ---------- */
body.woocommerce-order-received .bhraaj-customer-details-v312 {
    width: 100% !important;
    margin: 0 !important;
    padding: clamp(26px, 3.5vw, 38px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 24px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-customer-heading-v311 {
    margin: 0 0 28px !important;
}

body.woocommerce-order-received .bhraaj-customer-title-v311 {
    margin: 5px 0 0 !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v312,
body.woocommerce-order-received .woocommerce-columns--addresses.bhraaj-address-columns-v312 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 86%, transparent) !important;
    border-radius: 20px !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v312 > :is(
    .bhraaj-address-card-v311,
    .bhraaj-address-card-v312,
    .woocommerce-column,
    .col-1,
    .col-2
) {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v312 > :is(
    .bhraaj-address-card-v311,
    .bhraaj-address-card-v312,
    .woocommerce-column,
    .col-1
):first-child {
    border-right: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v312 .woocommerce-column__title,
body.woocommerce-order-received .bhraaj-address-columns-v312 h2 {
    margin: 0 0 16px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(25px, 2.6vw, 34px) !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
    letter-spacing: -.02em !important;
    text-align: left !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v312 address {
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12.5px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.72 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v312 address :is(p, br) {
    margin: 0 !important;
}

/* ---------- Final actions ---------- */
body.woocommerce-order-received .bhraaj-order-confirmation-actions-v312 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-actions-v312 a {
    min-height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 21px !important;
    border-radius: 999px !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-actions-v312 a:first-child {
    border: 1px solid rgba(255,255,255,.09) !important;
    background: #111 !important;
    color: #fff !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-actions-v312 a:not(:first-child) {
    border: 1px solid var(--bh-border) !important;
    background: transparent !important;
    color: var(--bh-text) !important;
}

body.woocommerce-order-received .bhraaj-order-support-v312 {
    margin: 2px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    text-align: left !important;
}

/* ---------- Failed / cancelled fallback ---------- */
body.woocommerce-order-received.bhraaj-order-failed-v312 .woocommerce-order {
    display: grid !important;
    gap: 18px !important;
}

body.woocommerce-order-received .bhraaj-order-failed-intro-v312 {
    width: 100% !important;
    margin: 0 !important;
    padding: clamp(32px, 4.4vw, 48px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 26px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-native-failed-notice-v311,
body.woocommerce-order-received .bhraaj-native-failed-notice-v312 {
    display: none !important;
}

body.woocommerce-order-received .bhraaj-order-failed-actions-v312 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 !important;
}

/* ---------- Mobile parity ---------- */
@media (max-width: 767px) {
    body.woocommerce-order-pay .entry-content > .woocommerce,
    body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
    body.woocommerce-order-pay main > .woocommerce,
    body.woocommerce-order-received .entry-content > .woocommerce,
    body.woocommerce-order-received .wp-block-post-content > .woocommerce,
    body.woocommerce-order-received main > .woocommerce {
        padding: 28px 14px 78px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-intro-v303,
    body.woocommerce-order-received .bhraaj-order-success-intro-v312,
    body.woocommerce-order-received .bhraaj-order-details-v312,
    body.woocommerce-order-received .bhraaj-customer-details-v312,
    body.woocommerce-order-received .bhraaj-order-failed-intro-v312 {
        padding: 22px 18px !important;
        border-radius: 18px !important;
    }

    body.woocommerce-order-pay.bhraaj-payment-processing-v312 .bhraaj-order-pay-intro-v303 {
        min-height: 260px !important;
    }

    body.woocommerce-order-received.bhraaj-order-success-v312 .woocommerce-order {
        gap: 14px !important;
    }

    body.woocommerce-order-received .bhraaj-order-confirmation-meta-v303 > span {
        min-height: 31px !important;
        padding-inline: 11px !important;
        font-size: 9.5px !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v312 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        border-radius: 18px !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v312 > li {
        min-height: 82px !important;
        padding: 15px !important;
        border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v312 > li[data-bhraaj-cell="date"],
    body.woocommerce-order-received .bhraaj-order-overview-v312 > li[data-bhraaj-cell="payment"] {
        border-right: 0 !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v312 > li[data-bhraaj-cell="total"],
    body.woocommerce-order-received .bhraaj-order-overview-v312 > li[data-bhraaj-cell="payment"] {
        border-bottom: 0 !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v312 > li[data-bhraaj-cell="email"] {
        grid-column: 1 / -1 !important;
        min-height: 70px !important;
        border-right: 0 !important;
        border-top: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
        border-bottom: 0 !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table thead {
        display: none !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table,
    body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table tbody,
    body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table tfoot,
    body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table tr,
    body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table td,
    body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table th {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table tbody tr,
    body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table tfoot tr {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 12px !important;
        align-items: start !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v312 table.shop_table :is(tbody td, tfoot th, tfoot td) {
        padding-block: 14px !important;
    }

    body.woocommerce-order-received .bhraaj-address-columns-v312,
    body.woocommerce-order-received .woocommerce-columns--addresses.bhraaj-address-columns-v312 {
        grid-template-columns: 1fr !important;
        border-radius: 16px !important;
    }

    body.woocommerce-order-received .bhraaj-address-columns-v312 > :is(
        .bhraaj-address-card-v311,
        .bhraaj-address-card-v312,
        .woocommerce-column,
        .col-1,
        .col-2
    ) {
        padding: 20px !important;
    }

    body.woocommerce-order-received .bhraaj-address-columns-v312 > :is(
        .bhraaj-address-card-v311,
        .bhraaj-address-card-v312,
        .woocommerce-column,
        .col-1
    ):first-child {
        border-right: 0 !important;
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
    }

    body.woocommerce-order-received .bhraaj-order-confirmation-actions-v312,
    body.woocommerce-order-received .bhraaj-order-failed-actions-v312 {
        flex-direction: column !important;
    }

    body.woocommerce-order-received .bhraaj-order-confirmation-actions-v312 a,
    body.woocommerce-order-received .bhraaj-order-failed-actions-v312 :is(a, button) {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-order-received .bhraaj-order-support-v312 {
        text-align: center !important;
    }
}

@media (max-width: 359px) {
    body.woocommerce-order-pay .entry-content > .woocommerce,
    body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
    body.woocommerce-order-pay main > .woocommerce,
    body.woocommerce-order-received .entry-content > .woocommerce,
    body.woocommerce-order-received .wp-block-post-content > .woocommerce,
    body.woocommerce-order-received main > .woocommerce {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v312 > li {
        padding: 13px !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v312 > li strong {
        font-size: 11.5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-order-pay .bhraaj-payment-processing-spinner-v312 {
        animation: none !important;
    }
}

/* =========================================================
   BHRAAJ V313 — FINAL PAYMENT JOURNEY + RECEIPT EXPERIENCE
   10 Sep 2026
   ---------------------------------------------------------
   Final visual layer for the WooCommerce/Razorpay post-checkout
   states. This overrides earlier endpoint presentation only.
   Commerce data, order status and gateway behaviour remain native.
   ========================================================= */

/* ---------- Shared endpoint canvas ---------- */
body.woocommerce-order-pay .entry-content > .woocommerce,
body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
body.woocommerce-order-pay main > .woocommerce,
body.woocommerce-order-received .entry-content > .woocommerce,
body.woocommerce-order-received .wp-block-post-content > .woocommerce,
body.woocommerce-order-received main > .woocommerce {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    margin-inline: auto !important;
    padding: clamp(48px, 5.2vw, 78px) clamp(20px, 4.6vw, 54px) clamp(92px, 9vw, 136px) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-root-v313,
body.woocommerce-order-received.bhraaj-order-success-v313 .woocommerce-order {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
    min-width: 0 !important;
}

/* ---------- Pending / retry hero ---------- */
body.woocommerce-order-pay .bhraaj-order-pay-intro-v313,
body.woocommerce-order-pay .bhraaj-order-pay-intro-v303.bhraaj-order-pay-intro-v313 {
    width: 100% !important;
    margin: 0 !important;
    padding: clamp(32px, 4.1vw, 48px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 26px !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--bh-gold) 4%, transparent), transparent 46%),
        color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-intro-v313 .bhraaj-order-pay-eyebrow-v303 {
    display: block !important;
    margin: 0 0 10px !important;
    color: var(--bh-brand-accent, var(--bh-gold)) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-intro-v313 .bhraaj-order-pay-title-v303 {
    max-width: 760px !important;
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(42px, 5vw, 66px) !important;
    font-weight: 500 !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-intro-v313 .bhraaj-order-pay-copy-v303 {
    max-width: 720px !important;
    margin: 18px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
}

/* ---------- Receipt paper shared language ---------- */
body .bhraaj-receipt-paper-v313 {
    position: relative !important;
    isolation: isolate !important;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--bh-surface) 100%, transparent), color-mix(in srgb, var(--bh-surface) 97%, var(--bh-gold) 3%)) !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 92%, transparent) !important;
    box-shadow: 0 18px 44px rgba(31, 24, 19, .045) !important;
}

body .bhraaj-receipt-slot-v313 {
    position: relative !important;
    z-index: 0 !important;
    display: flex !important;
    justify-content: center !important;
    width: min(88%, 780px) !important;
    height: 22px !important;
    margin: -9px auto 4px !important;
    padding: 0 !important;
    pointer-events: none !important;
}

body .bhraaj-receipt-slot-inner-v313 {
    display: block !important;
    width: 100% !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #252321 0%, #121110 58%, #080807 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 8px 16px rgba(22, 17, 13, .10) !important;
}

/* ---------- Pending receipt ---------- */
body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: min(100%, 940px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 22px 22px 14px 14px !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 104px !important;
    margin: 0 !important;
    padding: 24px !important;
    border: 0 !important;
    border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li:nth-child(4),
body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li:last-child {
    border-right: 0 !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="status"] {
    grid-column: 1 / -1 !important;
    min-height: 76px !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    border-right: 0 !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li strong {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    overflow-wrap: anywhere !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="status"] strong {
    color: var(--bh-brand-accent, var(--bh-gold)) !important;
}

body.woocommerce-order-pay .bhraaj-overview-label-v313,
body.woocommerce-order-received .bhraaj-overview-label-v313 {
    display: block !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

/* ---------- Pending secure-action panel ---------- */
body.woocommerce-order-pay .bhraaj-native-payment-copy-v313,
body.woocommerce-order-pay .bhraaj-native-cancel-v313,
body.woocommerce-order-pay .bhraaj-local-webhook-hidden-v313 {
    display: none !important;
}

body.woocommerce-order-pay .bhraaj-payment-panel-v313 {
    width: min(100%, 940px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay .bhraaj-payment-helper-v313 {
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 22px !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 78%, transparent) !important;
    color: var(--bh-text-soft) !important;
    background: transparent !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay .bhraaj-payment-actions-v313 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay .bhraaj-payment-actions-v313 .bhraaj-pay-primary-v313,
body.woocommerce-order-pay .bhraaj-payment-actions-v313 button.bhraaj-pay-primary-v313,
body.woocommerce-order-pay .bhraaj-payment-actions-v313 input.bhraaj-pay-primary-v313,
body.woocommerce-order-pay .bhraaj-payment-actions-v313 a.bhraaj-pay-primary-v313 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border: 1px solid #111 !important;
    border-radius: 999px !important;
    background: #111 !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transform: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-pay .bhraaj-return-shop-v313 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 150px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-order-pay .bhraaj-payment-actions-v313 .bhraaj-pay-primary-v313:hover {
        transform: translateY(-1px) !important;
        box-shadow: 0 10px 24px rgba(17,17,17,.10) !important;
    }

    body.woocommerce-order-pay .bhraaj-return-shop-v313:hover {
        border-color: color-mix(in srgb, var(--bh-text) 28%, transparent) !important;
        background: color-mix(in srgb, var(--bh-surface) 95%, var(--bh-gold) 5%) !important;
    }
}

body.woocommerce-order-pay .bhraaj-payment-security-v313,
body.woocommerce-order-pay .bhraaj-order-pay-security-v303 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px 14px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9.5px !important;
    font-weight: 550 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* ---------- Safe checking state ---------- */
body.woocommerce-order-pay .bhraaj-payment-status-v313 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 24px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

body.woocommerce-order-pay .bhraaj-payment-spinner-v313 {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    border: 1.5px solid color-mix(in srgb, var(--bh-text) 18%, transparent) !important;
    border-top-color: var(--bh-text) !important;
    border-radius: 50% !important;
    animation: bhraaj-v313-spin .78s linear infinite !important;
}

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

body.woocommerce-order-pay.bhraaj-payment-checking-v313 :is(
    .bhraaj-order-pay-overview-v313,
    .bhraaj-receipt-slot--pending-v313,
    .bhraaj-payment-panel-v313
) {
    opacity: .34 !important;
    pointer-events: none !important;
}

/* ---------- Successful order hero ---------- */
body.woocommerce-order-received .bhraaj-order-success-intro-v313 {
    width: 100% !important;
    margin: 0 !important;
    padding: clamp(34px, 4.3vw, 50px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 26px !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--bh-gold) 5%, transparent), transparent 48%),
        color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-order-success-intro-v313 .bhraaj-order-confirmation-title-v303 {
    max-width: 820px !important;
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(46px, 5.4vw, 72px) !important;
    font-weight: 500 !important;
    line-height: .96 !important;
    letter-spacing: -.04em !important;
}

body.woocommerce-order-received .bhraaj-order-success-intro-v313 .bhraaj-order-confirmation-copy-v303 {
    max-width: 760px !important;
    margin: 18px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
}

body.woocommerce-order-received .bhraaj-order-success-intro-v313 .bhraaj-order-confirmation-meta-v303 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 24px !important;
}

/* ---------- Successful overview ---------- */
body.woocommerce-order-received .bhraaj-order-overview-v313 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 22px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v313 > li {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 98px !important;
    margin: 0 !important;
    padding: 22px 24px !important;
    border: 0 !important;
    border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v313 > li[data-bhraaj-cell="payment"] {
    border-right: 0 !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v313 > li[data-bhraaj-cell="email"] {
    grid-column: 1 / -1 !important;
    min-height: 74px !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    border-right: 0 !important;
}

body.woocommerce-order-received .bhraaj-order-overview-v313 > li strong {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* ---------- Successful receipt ---------- */
body.woocommerce-order-received .bhraaj-order-details-v313 {
    position: relative !important;
    width: min(100%, 940px) !important;
    margin: 4px auto 0 !important;
    padding: clamp(30px, 4vw, 44px) !important;
    overflow: hidden !important;
    border-radius: 22px 22px 14px 14px !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-receipt-kicker-v313 {
    display: block !important;
    margin: 0 0 8px !important;
    color: var(--bh-brand-accent, var(--bh-gold)) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
}

body.woocommerce-order-received .bhraaj-order-details-v313 .woocommerce-order-details__title,
body.woocommerce-order-received .bhraaj-order-details-v313 > h2 {
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(34px, 3.8vw, 48px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
}

body.woocommerce-order-received .bhraaj-receipt-meta-v313 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px 16px !important;
    margin: 13px 0 28px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: transparent !important;
}

body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table thead th {
    padding: 0 0 13px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--bh-border) !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table :is(tbody td, tfoot th, tfoot td) {
    padding: 16px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent) !important;
    color: var(--bh-text) !important;
    background: transparent !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    vertical-align: top !important;
}

body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table :is(th:last-child, td:last-child) {
    text-align: right !important;
}

body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table tfoot tr:last-child :is(th, td) {
    padding-top: 22px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    font-weight: 750 !important;
}

body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table tfoot tr:last-child td {
    font-family: var(--bh-serif) !important;
    font-size: 24px !important;
    font-weight: 500 !important;
}

body.woocommerce-order-received .bhraaj-success-receipt-v313 + .bhraaj-receipt-slot--success-v313 {
    margin-top: -9px !important;
    margin-bottom: 10px !important;
}

/* ---------- Delivery + billing ---------- */
body.woocommerce-order-received .bhraaj-customer-details-v313 {
    width: 100% !important;
    margin: 0 !important;
    padding: clamp(28px, 3.8vw, 42px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 24px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v313,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 84%, transparent) !important;
    border-radius: 20px !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v313 > :is(
    .woocommerce-column,
    .col-1,
    .col-2,
    .bhraaj-address-card-v313
),
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses > :is(.woocommerce-column, .col-1, .col-2),
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--2 > :is(.woocommerce-column, .col-1, .col-2) {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v313 > :first-child,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses > :first-child,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--2 > :first-child {
    border-right: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v313 h2,
body.woocommerce-order-received .bhraaj-address-columns-v313 .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses h2,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--2 h2 {
    margin: 0 0 16px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(26px, 2.7vw, 35px) !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;
    letter-spacing: -.02em !important;
    text-align: left !important;
}

body.woocommerce-order-received .bhraaj-address-columns-v313 address,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses address,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--2 address {
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12.5px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.72 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}

/* ---------- Confirmation actions ---------- */
body.woocommerce-order-received .bhraaj-order-confirmation-actions-v313 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 2px 0 0 !important;
}

body.woocommerce-order-received .bhraaj-order-confirmation-actions-v313 a,
body.woocommerce-order-received .bhraaj-order-failed-actions-v313 :is(a, button, input[type="submit"]) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 0 21px !important;
    border-radius: 999px !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

/* ---------- Failed-payment fallback ---------- */
body.woocommerce-order-received .bhraaj-order-failed-intro-v313 {
    width: 100% !important;
    margin: 0 !important;
    padding: clamp(34px, 4.3vw, 50px) !important;
    border: 1px solid var(--bh-border) !important;
    border-radius: 26px !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bhraaj-native-failed-notice-v313 {
    display: none !important;
}

body.woocommerce-order-received .bhraaj-order-failed-actions-v313 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 !important;
}

body.woocommerce-order-received .bhraaj-order-failed-actions-v313 :is(a, button, input[type="submit"]):first-child {
    border: 1px solid #111 !important;
    background: #111 !important;
    color: #fff !important;
}

body.woocommerce-order-received .bhraaj-order-failed-actions-v313 .bhraaj-return-shop-v313 {
    border: 1px solid var(--bh-border) !important;
    background: transparent !important;
    color: var(--bh-text) !important;
}

/* ---------- Tablet ---------- */
@media (max-width: 900px) {
    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313,
    body.woocommerce-order-received .bhraaj-order-overview-v313 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li,
    body.woocommerce-order-received .bhraaj-order-overview-v313 > li {
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li:nth-child(even),
    body.woocommerce-order-received .bhraaj-order-overview-v313 > li:nth-child(even) {
        border-right: 0 !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="status"],
    body.woocommerce-order-received .bhraaj-order-overview-v313 > li[data-bhraaj-cell="email"] {
        border-bottom: 0 !important;
    }
}

/* ---------- Mobile, including 320 × 568 ---------- */
@media (max-width: 767px) {
    body.woocommerce-order-pay .entry-content > .woocommerce,
    body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
    body.woocommerce-order-pay main > .woocommerce,
    body.woocommerce-order-received .entry-content > .woocommerce,
    body.woocommerce-order-received .wp-block-post-content > .woocommerce,
    body.woocommerce-order-received main > .woocommerce {
        padding: 28px 14px 80px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-root-v313,
    body.woocommerce-order-received.bhraaj-order-success-v313 .woocommerce-order {
        gap: 14px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-intro-v313,
    body.woocommerce-order-received .bhraaj-order-success-intro-v313,
    body.woocommerce-order-received .bhraaj-order-failed-intro-v313,
    body.woocommerce-order-received .bhraaj-customer-details-v313 {
        padding: 22px 18px !important;
        border-radius: 18px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-intro-v313 .bhraaj-order-pay-title-v303 {
        font-size: clamp(34px, 11vw, 44px) !important;
        line-height: .99 !important;
    }

    body.woocommerce-order-received .bhraaj-order-success-intro-v313 .bhraaj-order-confirmation-title-v303 {
        font-size: clamp(36px, 11.5vw, 48px) !important;
        line-height: .98 !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-intro-v313 .bhraaj-order-pay-copy-v303,
    body.woocommerce-order-received .bhraaj-order-success-intro-v313 .bhraaj-order-confirmation-copy-v303 {
        margin-top: 14px !important;
        font-size: 12px !important;
        line-height: 1.58 !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313,
    body.woocommerce-order-received .bhraaj-order-overview-v313 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        border-radius: 17px 17px 11px 11px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li,
    body.woocommerce-order-received .bhraaj-order-overview-v313 > li {
        min-height: 78px !important;
        padding: 14px !important;
        border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li:nth-child(even),
    body.woocommerce-order-received .bhraaj-order-overview-v313 > li:nth-child(even) {
        border-right: 0 !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="status"],
    body.woocommerce-order-received .bhraaj-order-overview-v313 > li[data-bhraaj-cell="email"] {
        grid-column: 1 / -1 !important;
        min-height: 68px !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li strong,
    body.woocommerce-order-received .bhraaj-order-overview-v313 > li strong {
        font-size: 11.5px !important;
    }

    body .bhraaj-receipt-slot-v313 {
        width: calc(100% - 36px) !important;
        height: 19px !important;
        margin-top: -8px !important;
    }

    body .bhraaj-receipt-slot-inner-v313 {
        height: 15px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-panel-v313 {
        border-radius: 18px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-helper-v313 {
        padding: 16px !important;
        font-size: 10.5px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-actions-v313 {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 10px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-actions-v313 .bhraaj-pay-primary-v313,
    body.woocommerce-order-pay .bhraaj-return-shop-v313 {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 50px !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v313 {
        width: 100% !important;
        margin-top: 2px !important;
        padding: 24px 18px !important;
        border-radius: 18px 18px 11px 11px !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v313 .woocommerce-order-details__title,
    body.woocommerce-order-received .bhraaj-order-details-v313 > h2 {
        font-size: 34px !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-meta-v313 {
        margin-bottom: 20px !important;
        font-size: 9.5px !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table thead {
        display: none !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table,
    body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table tbody,
    body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table tfoot,
    body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table tr,
    body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table td,
    body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table th {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table tbody tr,
    body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table tfoot tr {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
        align-items: start !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v313 table.shop_table :is(tbody td, tfoot th, tfoot td) {
        padding-block: 13px !important;
        font-size: 11.5px !important;
    }

    body.woocommerce-order-received .bhraaj-address-columns-v313,
    body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses,
    body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--2 {
        grid-template-columns: 1fr !important;
        border-radius: 16px !important;
    }

    body.woocommerce-order-received .bhraaj-address-columns-v313 > :is(.woocommerce-column, .col-1, .col-2, .bhraaj-address-card-v313),
    body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses > :is(.woocommerce-column, .col-1, .col-2),
    body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--2 > :is(.woocommerce-column, .col-1, .col-2) {
        padding: 19px 18px !important;
    }

    body.woocommerce-order-received .bhraaj-address-columns-v313 > :first-child,
    body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses > :first-child,
    body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--2 > :first-child {
        border-right: 0 !important;
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
    }

    body.woocommerce-order-received .bhraaj-order-confirmation-actions-v313,
    body.woocommerce-order-received .bhraaj-order-failed-actions-v313 {
        flex-direction: column !important;
    }

    body.woocommerce-order-received .bhraaj-order-confirmation-actions-v313 a,
    body.woocommerce-order-received .bhraaj-order-failed-actions-v313 :is(a, button, input[type="submit"]) {
        width: 100% !important;
    }
}

@media (max-width: 359px) {
    body.woocommerce-order-pay .entry-content > .woocommerce,
    body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
    body.woocommerce-order-pay main > .woocommerce,
    body.woocommerce-order-received .entry-content > .woocommerce,
    body.woocommerce-order-received .wp-block-post-content > .woocommerce,
    body.woocommerce-order-received main > .woocommerce {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-intro-v313,
    body.woocommerce-order-received .bhraaj-order-success-intro-v313,
    body.woocommerce-order-received .bhraaj-order-failed-intro-v313,
    body.woocommerce-order-received .bhraaj-customer-details-v313 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li,
    body.woocommerce-order-received .bhraaj-order-overview-v313 > li {
        padding: 12px !important;
    }

    body.woocommerce-order-received .bhraaj-order-overview-v313 > li[data-bhraaj-cell="email"] strong {
        font-size: 10.5px !important;
    }

    body.woocommerce-order-received .bhraaj-order-details-v313 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-order-pay .bhraaj-payment-spinner-v313 {
        animation: none !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-actions-v313 .bhraaj-pay-primary-v313,
    body.woocommerce-order-pay .bhraaj-return-shop-v313 {
        transition-duration: .01ms !important;
    }
}

/* =========================================================
   BHRAAJ V314 — FINAL PAYMENT-PENDING REFINEMENT
   10 Sep 2026
   ---------------------------------------------------------
   Pending-payment page only. Keeps WooCommerce/Razorpay as
   transaction owners. Removes the decorative pending slot,
   tightens the order/status hierarchy, and gives desktop +
   320px mobile an intentional responsive composition.
   ========================================================= */

/* The old receipt-slot read like a loading/progress bar on a static
   pending state. It has no payment meaning, so suppress it completely. */
body.woocommerce-order-pay .bhraaj-receipt-slot--pending-v313 {
    display: none !important;
}

/* Pending overview: three-column first row, then method + status. */
body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    border-radius: 22px !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li {
    min-height: 98px !important;
    padding: 22px 24px !important;
    border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    border-bottom: 0 !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="total"] {
    border-right: 0 !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="payment"] {
    grid-column: 1 / span 2 !important;
    min-height: 82px !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="status"] {
    grid-column: 3 !important;
    min-height: 82px !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    border-right: 0 !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="status"] strong {
    display: inline-flex !important;
    width: auto !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 7px 10px !important;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 34%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
    color: var(--bh-text) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="status"] strong::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    flex: 0 0 6px !important;
    border-radius: 50% !important;
    background: var(--bh-gold) !important;
}

/* Payment action card */
body.woocommerce-order-pay .bhraaj-payment-panel-v313 {
    width: min(100%, 940px) !important;
    border-radius: 22px !important;
}

body.woocommerce-order-pay .bhraaj-payment-helper-v313.bhraaj-payment-helper-v314 {
    display: grid !important;
    gap: 7px !important;
    padding: 20px 22px !important;
}

body.woocommerce-order-pay .bhraaj-payment-helper-title-v314 {
    display: block !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em !important;
}

body.woocommerce-order-pay .bhraaj-payment-helper-copy-v314 {
    display: block !important;
    max-width: 720px !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}

body.woocommerce-order-pay .bhraaj-payment-actions-v313 {
    grid-template-columns: minmax(0, 3fr) minmax(154px, 1fr) !important;
    gap: 10px !important;
}

body.woocommerce-order-pay .bhraaj-return-shop-v313 {
    min-width: 0 !important;
    width: 100% !important;
}

/* Tablet: preserve clear hierarchy without squeezing payment/status. */
@media (max-width: 980px) and (min-width: 768px) {
    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="order"],
    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="total"] {
        border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="date"],
    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="payment"] {
        border-right: 0 !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="order"],
    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="date"] {
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="payment"] {
        grid-column: auto !important;
        border-top: 0 !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="status"] {
        grid-column: 1 / -1 !important;
        border-top: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    }
}

/* Mobile — deliberate 2-column information grid, then full-width actions. */
@media (max-width: 767px) {
    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        border-radius: 17px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li {
        min-height: 76px !important;
        padding: 14px !important;
        border-top: 0 !important;
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="order"],
    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="total"] {
        border-right: 1px solid color-mix(in srgb, var(--bh-border) 76%, transparent) !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="date"],
    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="payment"] {
        border-right: 0 !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="payment"] {
        grid-column: auto !important;
        min-height: 76px !important;
        border-top: 0 !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="status"] {
        grid-column: 1 / -1 !important;
        min-height: 66px !important;
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li strong {
        font-size: 11.5px !important;
        overflow-wrap: anywhere !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-helper-v313.bhraaj-payment-helper-v314 {
        gap: 6px !important;
        padding: 17px 16px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-helper-title-v314 {
        font-size: 19px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-helper-copy-v314 {
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-actions-v313 {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 10px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-actions-v313 .bhraaj-pay-primary-v313,
    body.woocommerce-order-pay .bhraaj-return-shop-v313 {
        width: 100% !important;
        min-height: 50px !important;
    }
}

@media (max-width: 359px) {
    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li {
        padding: 12px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li strong {
        font-size: 10.75px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-overview-v313 > li[data-bhraaj-cell="status"] strong {
        font-size: 10px !important;
    }
}

/* =========================================================
   BHRAAJ V316 — ORDER-PAY FINAL VIEWPORT + ACTION REFINEMENT
   10 Sep 2026
   ---------------------------------------------------------
   Scope: /checkout/order-pay/... only.
   - Prevents the sticky site header from covering the pending-payment hero.
   - Gives the endpoint a clean, checkout-like document flow on desktop/mobile.
   - Tightens the payment action card without changing Razorpay/WooCommerce logic.
   - Preserves V315 order metadata structure and status hierarchy.
   ========================================================= */

/* On the dedicated payment endpoint the header should behave as part of the
   document, not float over transaction content while the customer scrolls. */
body.woocommerce-order-pay .bhraaj-header {
    position: relative !important;
    top: auto !important;
}

/* Deliberate breathing room after the header. */
body.woocommerce-order-pay .entry-content > .woocommerce,
body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
body.woocommerce-order-pay main > .woocommerce {
    padding-top: clamp(52px, 5.6vw, 84px) !important;
}

/* Keep the pending hero fully self-contained and readable. */
body.woocommerce-order-pay .bhraaj-order-pay-intro-v313,
body.woocommerce-order-pay .bhraaj-order-pay-intro-v303.bhraaj-order-pay-intro-v313 {
    overflow: visible !important;
}

/* Payment action card: tighter hierarchy and a slightly calmer CTA ratio. */
body.woocommerce-order-pay .bhraaj-payment-helper-v313.bhraaj-payment-helper-v314 {
    padding: 18px 20px 14px !important;
    gap: 5px !important;
}

body.woocommerce-order-pay .bhraaj-payment-actions-v313 {
    grid-template-columns: minmax(0, 4fr) minmax(142px, .92fr) !important;
    gap: 10px !important;
    padding: 10px !important;
}

body.woocommerce-order-pay .bhraaj-payment-actions-v313 .bhraaj-pay-primary-v313,
body.woocommerce-order-pay .bhraaj-return-shop-v313 {
    min-height: 54px !important;
}

body.woocommerce-order-pay .bhraaj-return-shop-v313 {
    padding-inline: 18px !important;
}

@media (max-width: 767px) {
    body.woocommerce-order-pay .entry-content > .woocommerce,
    body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
    body.woocommerce-order-pay main > .woocommerce {
        padding-top: 34px !important;
        padding-bottom: 82px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-intro-v313,
    body.woocommerce-order-pay .bhraaj-order-pay-intro-v303.bhraaj-order-pay-intro-v313 {
        padding: 24px 18px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-intro-v313 .bhraaj-order-pay-title-v303 {
        font-size: clamp(33px, 10.8vw, 43px) !important;
        line-height: 1.02 !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-helper-v313.bhraaj-payment-helper-v314 {
        padding: 16px 15px 13px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-actions-v313 {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 9px !important;
    }

    body.woocommerce-order-pay .bhraaj-payment-actions-v313 .bhraaj-pay-primary-v313,
    body.woocommerce-order-pay .bhraaj-return-shop-v313 {
        min-height: 50px !important;
    }
}

@media (max-width: 359px) {
    body.woocommerce-order-pay .entry-content > .woocommerce,
    body.woocommerce-order-pay .wp-block-post-content > .woocommerce,
    body.woocommerce-order-pay main > .woocommerce {
        padding-top: 28px !important;
    }

    body.woocommerce-order-pay .bhraaj-order-pay-intro-v313,
    body.woocommerce-order-pay .bhraaj-order-pay-intro-v303.bhraaj-order-pay-intro-v313 {
        padding: 21px 16px !important;
    }
}

/* =========================================================
   BHRAAJ V324 — ZERO-FLASH PAYMENT SHELL + RECEIPT-FIRST SUCCESS
   V335 RECEIPT-ONLY refinement: mobile pill/slot/receipt proportion fix only
   10 Sep 2026
   ========================================================= */

/* ---------- Place Order: animated dots, no tick ---------- */
body.bhraaj-checkout-launching-v324 #place_order,
body.bhraaj-checkout-launching-v324 .wc-block-components-checkout-place-order-button,
#place_order.bhraaj-place-order-launching-v324,
.wc-block-components-checkout-place-order-button.bhraaj-place-order-launching-v324 {
    position: relative !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    pointer-events: none !important;
    cursor: wait !important;
    isolation: isolate !important;
}

body.bhraaj-checkout-launching-v324 #place_order > *,
body.bhraaj-checkout-launching-v324 .wc-block-components-checkout-place-order-button > *,
body.bhraaj-checkout-launching-v324 #place_order svg,
body.bhraaj-checkout-launching-v324 .wc-block-components-checkout-place-order-button svg,
body.bhraaj-checkout-launching-v324 .wc-block-components-spinner,
body.bhraaj-checkout-launching-v324 .wc-block-components-spinner__circle {
    opacity: 0 !important;
    visibility: hidden !important;
}

body.bhraaj-checkout-launching-v324 #place_order::after,
body.bhraaj-checkout-launching-v324 .wc-block-components-checkout-place-order-button::after,
#place_order.bhraaj-place-order-launching-v324::after,
.wc-block-components-checkout-place-order-button.bhraaj-place-order-launching-v324::after {
    content: "•••" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 20 !important;
    display: grid !important;
    place-items: center !important;
    color: var(--bh-bg) !important;
    -webkit-text-fill-color: var(--bh-bg) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 5px !important;
    animation: bhraaj-v324-dots 720ms ease-in-out infinite alternate !important;
}

@keyframes bhraaj-v324-dots {
    from { opacity: .32; letter-spacing: 3px; }
    to { opacity: 1; letter-spacing: 8px; }
}

/* ---------- Raw order-pay fallback is never customer-facing ---------- */
body.woocommerce-order-pay form#razorpay_payment_form > p:first-child,
body.woocommerce-order-pay .bhraaj-native-payment-copy-v313,
body.woocommerce-order-pay .bhraaj-native-cancel-v313 {
    display: none !important;
}

/* ---------- Secure transaction veil behind Razorpay ---------- */
body.woocommerce-order-pay.bhraaj-payment-veil-v324::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 58 !important;
    background:
        radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--bh-surface) 96%, transparent) 0 132px, transparent 330px),
        color-mix(in srgb, var(--bh-bg) 92%, transparent) !important;
    backdrop-filter: blur(9px) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    pointer-events: none !important;
}

body.woocommerce-order-pay.bhraaj-payment-veil-v324::after {
    content: "Secure payment" !important;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 59 !important;
    transform: translate(-50%, -50%) !important;
    min-width: 230px !important;
    padding: 54px 18px 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    letter-spacing: .14em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 50% 15px, transparent 10px, currentColor 11px 12px, transparent 13px)
        50% 0 / 34px 34px no-repeat !important;
    animation: bhraaj-v324-pulse 880ms ease-in-out infinite alternate !important;
}

body.woocommerce-order-pay.bhraaj-payment-veil-v324[data-bhraaj-payment-veil-mode-v324="checking"]::after {
    content: "Confirming payment…" !important;
}

@keyframes bhraaj-v324-pulse {
    from { opacity: .44; }
    to { opacity: 1; }
}

/* ---------- Success: one receipt, no duplicate WooCommerce data ---------- */
body.woocommerce-order-received .bhraaj-success-source-hidden-v324 {
    display: none !important;
}

/* V328 fallback: receipt + two actions are the complete success page.
   JS removes these nodes; this rule also covers any late legacy re-render. */
body.woocommerce-order-received.bhraaj-order-success-v324
    [class*="bhraaj-order-overview-v"],
body.woocommerce-order-received.bhraaj-order-success-v324
    ul.woocommerce-order-overview,
body.woocommerce-order-received.bhraaj-order-success-v324
    ul.order_details,
body.woocommerce-order-received.bhraaj-order-success-v324
    .woocommerce-order-details,
body.woocommerce-order-received.bhraaj-order-success-v324
    .woocommerce-customer-details,
body.woocommerce-order-received.bhraaj-order-success-v324
    .bhraaj-success-receipt-v313,
body.woocommerce-order-received.bhraaj-order-success-v324
    .bhraaj-receipt-slot--success-v313 {
    display: none !important;
}

body.woocommerce-order-received.bhraaj-order-success-v324 .entry-content > .woocommerce,
body.woocommerce-order-received.bhraaj-order-success-v324 .wp-block-post-content > .woocommerce,
body.woocommerce-order-received.bhraaj-order-success-v324 main > .woocommerce,
body.woocommerce-order-received.bhraaj-order-success-v324 .woocommerce-order {
    width: min(100%, 700px) !important;
    max-width: 700px !important;
    margin-inline: auto !important;
    overflow: visible !important;
}

/* ---------- Mechanical receipt ---------- */
body.woocommerce-order-received .bhraaj-receipt-stage-v324 {
    position: relative !important;
    width: min(calc(100% - 40px), 510px) !important;
    margin: clamp(40px, 5vw, 68px) auto 0 !important;
    padding-top: 0 !important;
    overflow: visible !important;
    isolation: isolate !important;
}

/* V331 printer head:
   The pill is now a real structural block instead of an absolutely positioned
   decoration. The output tunnel overlaps upward INTO this block. */
body.woocommerce-order-received .bhraaj-receipt-machine-v324 {
    position: relative !important;
    z-index: 20 !important;
    top: auto !important;
    left: 50% !important;
    width: calc(100% + 72px) !important;
    height: 56px !important;
    transform: translateX(-50%) !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 88%, transparent) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--bh-surface) 99%, #fff 1%) 0%,
            color-mix(in srgb, var(--bh-surface) 89%, var(--bh-beige) 11%) 100%
        ) !important;
    box-shadow:
        0 16px 36px rgba(43,31,24,.10),
        inset 0 1px 0 rgba(255,255,255,.66) !important;
    pointer-events: none !important;
}

/* The black recess is deliberately near the BOTTOM of the printer head.
   This makes it read as an actual paper exit, not a decorative stripe. */
body.woocommerce-order-received .bhraaj-receipt-slot-v324 {
    position: absolute !important;
    z-index: 24 !important;
    left: 50% !important;
    top: auto !important;
    bottom: 0 !important;
    width: calc(100% - 52px) !important;
    height: 9px !important;
    transform: translateX(-50%) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-text) 96%, #000) !important;
    box-shadow:
        inset 0 2px 4px rgba(0,0,0,.46),
        0 1px 0 rgba(255,255,255,.16) !important;
}

/* V331 delivery-zone logic adapted from the reference code:
   - pull the clipping tunnel UP into the printer pill
   - add only enough top padding to put the receipt's static top exactly
     behind the black slot
   - printer remains above the paper via z-index
*/
body.woocommerce-order-received .bhraaj-receipt-feed-v324 {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;

    /* JS sets the final measured height before printing. */
    height: 0;

    /* Physical overlap into the printer head. */
    margin-top: -20px !important;
    padding-top: 8px !important;

    /* Fixed printer-output mask. */
    overflow: hidden !important;
}

/* No fake travelling mask edge. The real receipt sheet is what moves. */
body.woocommerce-order-received .bhraaj-receipt-feed-v324::after {
    content: none !important;
}

/*
 * Whole-sheet animation remains EXACTLY the same.
 * Static receipt top is now positioned behind the black recess.
 */
body.woocommerce-order-received .bhraaj-receipt-paper-v324 {
    position: relative !important;
    z-index: 4 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 58px 34px 60px !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 84%, transparent) !important;
    border-top: 0 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.34), transparent 20%),
        color-mix(in srgb, var(--bh-surface) 97%, #efe5d7 3%) !important;
    box-shadow:
        0 27px 62px rgba(41,31,24,.10),
        0 3px 10px rgba(41,31,24,.05) !important;

    transform: translateY(-101%);
    will-change: transform !important;

    clip-path: polygon(
        0 0, 100% 0, 100% calc(100% - 18px),
        93.75% 100%, 87.5% calc(100% - 18px),
        81.25% 100%, 75% calc(100% - 18px),
        68.75% 100%, 62.5% calc(100% - 18px),
        56.25% 100%, 50% calc(100% - 18px),
        43.75% 100%, 37.5% calc(100% - 18px),
        31.25% 100%, 25% calc(100% - 18px),
        18.75% 100%, 12.5% calc(100% - 18px),
        6.25% 100%, 0 calc(100% - 18px)
    ) !important;
}

body.woocommerce-order-received
    .bhraaj-receipt-stage-v324.is-printing
    .bhraaj-receipt-paper-v324 {
    animation:
        bhraaj-v328-print-receipt
        5.2s
        cubic-bezier(.20,.68,.20,1)
        forwards !important;
}

@keyframes bhraaj-v328-print-receipt {
    0%   { transform: translateY(-101%); }
    7%   { transform: translateY(-101%); }
    22%  { transform: translateY(-84%); }
    29%  { transform: translateY(-84%); }
    49%  { transform: translateY(-60%); }
    56%  { transform: translateY(-60%); }
    75%  { transform: translateY(-34%); }
    80%  { transform: translateY(-34%); }
    92%  { transform: translateY(-14%); }
    100% { transform: translateY(0); }
}

/* V331 hard geometry lock:
   desktop: 56px pill, slot bottom 8px, 9px slot => centre ≈ 43.5px.
   feed starts at y=36px (56 - 20); +8px padding => paper top y=44px.
   Result: paper's top edge sits directly BEHIND the black slot. */
body.woocommerce-order-received .bhraaj-receipt-stage-v324 {
    padding-top: 0 !important;
}


/* V333 final-paper edge fix:
   Keep the feed tunnel clipped WHILE printing, but once the receipt has fully
   finished, release the clipping so the complete torn M-edge cannot be flattened
   by the delivery-zone boundary. */
body.woocommerce-order-received
    .bhraaj-receipt-stage-v324.is-printed
    .bhraaj-receipt-feed-v324 {
    overflow: visible !important;
}

/* Preserve the full torn edge and its subtle depth after the print completes. */
body.woocommerce-order-received
    .bhraaj-receipt-stage-v324.is-printed
    .bhraaj-receipt-paper-v324 {
    overflow: visible !important;
}

/* ---------- Receipt typography ---------- */
body.woocommerce-order-received .bhraaj-receipt-brand-v324 {
    margin: 0 0 8px !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: 29px !important;
    font-weight: 600 !important;
    letter-spacing: .20em !important;
    text-align: center !important;
}

body.woocommerce-order-received .bhraaj-receipt-status-v324 {
    color: var(--bh-red) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .20em !important;
    text-align: center !important;
}

body.woocommerce-order-received .bhraaj-receipt-meta-v324 {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
    margin: 12px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 9.5px !important;
    font-weight: 650 !important;
}

body.woocommerce-order-received .bhraaj-receipt-rule-v324 {
    height: 0 !important;
    margin: 21px 0 !important;
    border-top: 1px dashed color-mix(in srgb, var(--bh-border) 90%, transparent) !important;
}

body.woocommerce-order-received .bhraaj-receipt-items-v324,
body.woocommerce-order-received .bhraaj-receipt-totals-v324,
body.woocommerce-order-received .bhraaj-receipt-customer-v324 {
    display: grid !important;
    gap: 11px !important;
}

body.woocommerce-order-received .bhraaj-receipt-line-v324,
body.woocommerce-order-received .bhraaj-receipt-total-v324 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 20px !important;
    color: var(--bh-text) !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}

body.woocommerce-order-received .bhraaj-receipt-line-name-v324,
body.woocommerce-order-received .bhraaj-receipt-info-value-v324 {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

body.woocommerce-order-received .bhraaj-receipt-line-value-v324,
body.woocommerce-order-received .bhraaj-receipt-total-v324 strong {
    font-weight: 700 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.woocommerce-order-received .bhraaj-receipt-total-v324 {
    color: var(--bh-text-soft) !important;
}

body.woocommerce-order-received .bhraaj-receipt-total-v324.is-total {
    margin-top: 4px !important;
    padding-top: 12px !important;
    border-top: 1px solid color-mix(in srgb, var(--bh-border) 78%, transparent) !important;
    color: var(--bh-text) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

body.woocommerce-order-received .bhraaj-receipt-paid-v324 {
    width: max-content !important;
    max-width: 100% !important;
    margin: 24px auto 0 !important;
    padding: 8px 13px !important;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 38%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-gold) 9%, transparent) !important;
    color: var(--bh-text) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
}

body.woocommerce-order-received .bhraaj-receipt-info-v324 {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
}

body.woocommerce-order-received .bhraaj-receipt-info-label-v324 {
    color: var(--bh-text-soft) !important;
}

body.woocommerce-order-received .bhraaj-receipt-info-value-v324 {
    display: grid !important;
    gap: 1px !important;
    color: var(--bh-text) !important;
    font-weight: 650 !important;
}

body.woocommerce-order-received .bhraaj-receipt-thanks-v324 {
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    letter-spacing: .06em !important;
    text-align: center !important;
}

body.woocommerce-order-received .bhraaj-receipt-footer-v324 {
    margin-top: 10px !important;
    color: var(--bh-text-soft) !important;
    font-size: 8.5px !important;
    font-weight: 750 !important;
    letter-spacing: .12em !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

/* Buttons wait until the receipt has physically finished printing. */
body.woocommerce-order-received .bhraaj-success-actions-v324 {
    width: min(calc(100% - 40px), 510px) !important;
    margin: 28px auto clamp(72px, 8vw, 110px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    opacity: 0 !important;
    transform: translateY(8px) !important;
    pointer-events: none !important;
    transition: opacity .45s ease, transform .45s ease !important;
}

body.woocommerce-order-received .bhraaj-success-actions-v324.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

body.woocommerce-order-received .bhraaj-success-actions-v324 a {
    min-height: 50px !important;
    transition:
        transform 200ms var(--bh-ease, cubic-bezier(.16,1,.3,1)),
        box-shadow 200ms ease,
        background-color 200ms ease,
        border-color 200ms ease !important;
}

body.woocommerce-order-received .bhraaj-success-actions-v324 a:first-child:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 9px 22px rgba(23,20,17,.14) !important;
}

body.woocommerce-order-received .bhraaj-success-actions-v324 a:not(:first-child):hover {
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, var(--bh-text) 28%, var(--bh-border)) !important;
    background: color-mix(in srgb, var(--bh-surface) 88%, var(--bh-beige) 12%) !important;
}

body.woocommerce-order-received .bhraaj-success-actions-v324 a:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bh-text) 72%, transparent) !important;
    outline-offset: 3px !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
    body.woocommerce-order-received .bhraaj-receipt-stage-v324,
    body.woocommerce-order-received .bhraaj-success-actions-v324 {
        width: min(calc(100% - 30px), 310px) !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-stage-v324 {
        margin-top: 28px !important;
        padding-top: 0 !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-machine-v324 {
        width: calc(100% + 36px) !important;
        height: 48px !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-slot-v324 {
        bottom: 0 !important;
        width: calc(100% - 36px) !important;
        height: 8px !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-feed-v324 {
        margin-top: -18px !important;
        padding-top: 6px !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-slot-v324 {
        width: calc(100% - 36px) !important;
        height: 8px !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-paper-v324 {
        width: calc(100% - 12px) !important;
        margin-inline: auto !important;
        padding: 50px 19px 52px !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-brand-v324 {
        font-size: 23px !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-line-v324,
    body.woocommerce-order-received .bhraaj-receipt-total-v324 {
        gap: 12px !important;
        font-size: 10px !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-total-v324.is-total {
        font-size: 12.5px !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-info-v324 {
        grid-template-columns: 1fr !important;
        gap: 3px !important;
        font-size: 9.5px !important;
    }

    body.woocommerce-order-received .bhraaj-success-actions-v324 {
        margin-top: 26px !important;
        flex-direction: column !important;
    }

    body.woocommerce-order-received .bhraaj-success-actions-v324 a {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 359px) {
    body.woocommerce-order-received .bhraaj-receipt-stage-v324,
    body.woocommerce-order-received .bhraaj-success-actions-v324 {
        width: min(calc(100% - 24px), 282px) !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-paper-v324 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ---------- Dark ---------- */
html[data-theme="dark"] body.woocommerce-order-received .bhraaj-receipt-machine-v324 {
    background: linear-gradient(180deg, #2b2521 0%, #201b18 100%) !important;
}

html[data-theme="dark"] body.woocommerce-order-received .bhraaj-receipt-paper-v324 {
    background: linear-gradient(180deg, #211c19 0%, #1c1815 100%) !important;
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    body.bhraaj-checkout-launching-v324 #place_order::after,
    body.bhraaj-checkout-launching-v324 .wc-block-components-checkout-place-order-button::after,
    body.woocommerce-order-pay.bhraaj-payment-veil-v324::after {
        animation: none !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-feed-v324 {
        height: auto !important;
        overflow: visible !important;
    }

    body.woocommerce-order-received .bhraaj-receipt-paper-v324,
    body.woocommerce-order-received
        .bhraaj-receipt-stage-v324.is-printing
        .bhraaj-receipt-paper-v324 {
        animation: none !important;
        transform: none !important;
    }

    body.woocommerce-order-received .bhraaj-success-actions-v324 {
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
    }
}
/* =========================================================
   BHRAAJ V336 — CLIENT COMMERCIAL UPDATES
   - homepage coupon strip
   - Add to Bag + Buy Now visual parity
   ========================================================= */

/* Homepage-only offer immediately below the site header. */
body.home .bhraaj-home-offer-v336 {
    position: relative;
    z-index: 8;
    border-bottom: 1px solid var(--bh-border);
    background: color-mix(in srgb, var(--bh-surface) 74%, var(--bh-bg) 26%);
}

body.home .bhraaj-home-offer-inner-v336 {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    color: var(--bh-text);
    font-family: var(--bh-sans);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .055em;
}

body.home .bhraaj-home-offer-separator-v336 {
    color: var(--bh-text-soft);
}

body.home .bhraaj-home-offer-code-v336 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 2px 9px;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 34%, var(--bh-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--bh-gold) 8%, transparent);
    color: var(--bh-text);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em;
}

/* Shared Buy Now treatment. Existing Add to Bag animation/state is untouched. */
.bhraaj-buy-now-v336,
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-buy-now-v336,
.woocommerce .related ul.products li.product .bhraaj-buy-now-v336,
.woocommerce .upsells ul.products li.product .bhraaj-buy-now-v336,
.bhraaj-wishlist-card .bhraaj-buy-now-v336 {
    box-sizing: border-box !important;
    min-height: 44px !important;
    padding: 0 17px !important;
    border: 1px solid color-mix(in srgb, var(--bh-text) 20%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition:
        transform 220ms var(--bh-ease),
        background-color 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease !important;
}

.bhraaj-buy-now-card-v336 {
    margin-left: 8px !important;
}

body.single-product form.cart .bhraaj-buy-now-v336 {
    margin-left: 10px !important;
}

@media (hover:hover) and (pointer:fine) {
    .bhraaj-buy-now-v336:hover {
        transform: translateY(-2px) !important;
        border-color: color-mix(in srgb, var(--bh-text) 34%, var(--bh-border)) !important;
        background: color-mix(in srgb, var(--bh-surface) 86%, var(--bh-beige) 14%) !important;
        box-shadow: 0 10px 24px rgba(37,28,22,.08) !important;
    }
}

.bhraaj-buy-now-v336:focus-visible {
    outline: 2px solid var(--bh-text) !important;
    outline-offset: 3px !important;
}

@media (max-width: 767px) {
    body.home .bhraaj-home-offer-inner-v336 {
        min-height: 42px;
        padding-block: 7px;
        flex-wrap: wrap;
        gap: 5px 7px;
        font-size: 9.5px;
    }

    .bhraaj-buy-now-card-v336 {
        margin-left: 6px !important;
    }

    body.single-product form.cart .bhraaj-buy-now-v336 {
        margin-left: 8px !important;
    }
}

@media (max-width: 380px) {
    .bhraaj-buy-now-v336,
    .bhraaj-commerce-action {
        min-width: 0 !important;
    }

    .bhraaj-buy-now-v336 {
        padding-inline: 13px !important;
    }
}
/* =========================================================
   BHRAAJ V337 — CLIENT POLISH
   - premium homepage offer strip
   - equal Add to Bag / Buy Now geometry
   - premium WooCommerce coupon presentation
   ========================================================= */

/* ---------- Homepage promotional strip ---------- */
body.home .bhraaj-home-offer-v336 {
    border-top: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
    background: color-mix(in srgb, var(--bh-bg) 91%, var(--bh-surface) 9%) !important;
}

body.home .bhraaj-home-offer-inner-v336 {
    min-height: 40px !important;
    gap: 9px !important;
    padding-block: 7px !important;
    color: var(--bh-text-soft) !important;
    font-size: 10px !important;
    font-weight: 620 !important;
    letter-spacing: .04em !important;
}

body.home .bhraaj-home-offer-copy-v336 {
    color: var(--bh-text) !important;
    font-weight: 680 !important;
}

body.home .bhraaj-home-offer-separator-v336 {
    opacity: .48 !important;
}

body.home .bhraaj-home-offer-code-label-v336 {
    color: var(--bh-text-soft) !important;
}

body.home .bhraaj-home-offer-code-v336 {
    min-height: 25px !important;
    padding: 3px 10px !important;
    border: 1px solid color-mix(in srgb, var(--bh-text) 13%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-surface) 74%, transparent) !important;
    color: var(--bh-text) !important;
    font-size: 8.8px !important;
    font-weight: 780 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.36) !important;
}

/* ---------- PDP: equal purchase-control geometry ---------- */
body.single-product.bhraaj-single-product-v20 div.product form.cart {
    grid-template-columns: 84px minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    max-width: 620px !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart
:is(.single_add_to_cart_button, .bhraaj-buy-now-v336) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--bh-product-control-height) !important;
    min-height: var(--bh-product-control-height) !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    letter-spacing: .035em !important;
    white-space: nowrap !important;
}

/* Match the established BHRAAJ dark purchase language without altering JS states. */
body.single-product.bhraaj-single-product-v20 div.product form.cart .bhraaj-buy-now-v336 {
    border: 1px solid var(--bh-text) !important;
    background: var(--bh-text) !important;
    color: var(--bh-bg) !important;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--bh-text) 7%, transparent) !important;
}

@media (hover:hover) and (pointer:fine) {
    body.single-product.bhraaj-single-product-v20 div.product form.cart .bhraaj-buy-now-v336:hover {
        transform: translateY(-1px) !important;
        border-color: var(--bh-gold) !important;
        background: var(--bh-gold) !important;
        color: #fffaf2 !important;
        box-shadow: 0 10px 28px color-mix(in srgb, var(--bh-gold) 16%, transparent) !important;
    }
}

/* Cards / shop / wishlist: Add to Bag and Buy Now share exact dimensions. */
.bhraaj-buy-now-card-v336,
.bhraaj-commerce-action,
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-buy-now-card-v336,
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-commerce-action,
.woocommerce .related ul.products li.product .bhraaj-buy-now-card-v336,
.woocommerce .related ul.products li.product .bhraaj-commerce-action,
.woocommerce .upsells ul.products li.product .bhraaj-buy-now-card-v336,
.woocommerce .upsells ul.products li.product .bhraaj-commerce-action,
.bhraaj-wishlist-card .bhraaj-buy-now-card-v336,
.bhraaj-wishlist-card .bhraaj-commerce-action {
    box-sizing: border-box !important;
    inline-size: 112px !important;
    width: 112px !important;
    min-inline-size: 112px !important;
    min-width: 112px !important;
    max-inline-size: 112px !important;
    max-width: 112px !important;
    block-size: 44px !important;
    height: 44px !important;
    min-block-size: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
}

.bhraaj-buy-now-card-v336 + *,
.bhraaj-commerce-action + .bhraaj-buy-now-card-v336 {
    margin-left: 10px !important;
}

/* ---------- Checkout: premium applied-coupon language ---------- */
body.woocommerce-checkout .wc-block-components-totals-discount {
    color: var(--bh-text) !important;
}

body.woocommerce-checkout
:is(
    .wc-block-components-chip,
    .wc-block-components-totals-discount__coupon-list .wc-block-components-chip
) {
    min-height: 30px !important;
    padding: 5px 9px 5px 11px !important;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 28%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-gold) 7%, var(--bh-surface)) !important;
    color: var(--bh-text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34) !important;
}

body.woocommerce-checkout
:is(
    .wc-block-components-chip__text,
    .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__text
) {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 780 !important;
    letter-spacing: .11em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

body.woocommerce-checkout
:is(
    .wc-block-components-chip__remove,
    .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__remove
) {
    width: 18px !important;
    height: 18px !important;
    margin-left: 6px !important;
    border-radius: 50% !important;
    color: var(--bh-text-soft) !important;
    opacity: .74 !important;
}

/* Replace the generic blue WooCommerce notice treatment with BHRAAJ surfaces. */
body.woocommerce-checkout .wc-block-components-notice-banner {
    border: 1px solid color-mix(in srgb, var(--bh-border) 90%, transparent) !important;
    border-radius: 16px !important;
    background: color-mix(in srgb, var(--bh-surface) 94%, var(--bh-beige) 6%) !important;
    color: var(--bh-text) !important;
    box-shadow: 0 14px 36px rgba(42,31,24,.07) !important;
}

body.woocommerce-checkout .wc-block-components-notice-banner > svg,
body.woocommerce-checkout .wc-block-components-notice-banner__icon {
    color: var(--bh-gold) !important;
    fill: currentColor !important;
}

body.woocommerce-checkout .wc-block-components-notice-banner__content {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

body.woocommerce-checkout .wc-block-components-notice-banner button,
body.woocommerce-checkout .wc-block-components-notice-banner__dismiss {
    color: var(--bh-text-soft) !important;
}

/* Mobile purchase controls remain balanced and do not overflow. */
@media (max-width: 767px) {
    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 10px !important;
        max-width: none !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart
    :is(.single_add_to_cart_button, .bhraaj-buy-now-v336) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding-inline: 14px !important;
    }

    body.home .bhraaj-home-offer-inner-v336 {
        min-height: 42px !important;
        padding: 7px 12px !important;
        gap: 6px 8px !important;
    }
}

@media (max-width: 380px) {
    .bhraaj-buy-now-card-v336,
    .bhraaj-commerce-action {
        inline-size: 104px !important;
        width: 104px !important;
        min-inline-size: 104px !important;
        min-width: 104px !important;
        max-inline-size: 104px !important;
        max-width: 104px !important;
    }
}

/* =========================================================
   BHRAAJ V338 — CLIENT SCREENSHOT CORRECTIONS
   Scope:
   - larger homepage offer strip
   - gold/beige coupon-code treatment
   - aligned Shop Add to Bag + outlined Buy Now
   - non-overlapping PDP quantity / CTAs
   - same coupon chip on Bag + Checkout
   - hide coupon-success banners while keeping errors visible
   ========================================================= */

/* ---------- Homepage offer: stronger desktop/mobile readability ---------- */
body.home .bhraaj-home-offer-inner-v336 {
    min-height: 48px !important;
    padding-block: 9px !important;
    gap: 11px !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    letter-spacing: .025em !important;
}

body.home .bhraaj-home-offer-copy-v336 {
    font-size: 12.5px !important;
    font-weight: 720 !important;
}

body.home .bhraaj-home-offer-code-label-v336 {
    font-size: 12px !important;
    font-weight: 620 !important;
}

body.home .bhraaj-home-offer-code-v336 {
    min-height: 30px !important;
    padding: 5px 13px !important;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 48%, var(--bh-border)) !important;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--bh-gold) 12%, var(--bh-surface)) 0%,
            color-mix(in srgb, var(--bh-gold) 7%, var(--bh-surface)) 100%
        ) !important;
    color: color-mix(in srgb, var(--bh-text) 78%, var(--bh-gold) 22%) !important;
    font-size: 10px !important;
    font-weight: 820 !important;
    letter-spacing: .145em !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.48),
        0 4px 12px color-mix(in srgb, var(--bh-gold) 7%, transparent) !important;
}

html[data-theme="dark"] body.home .bhraaj-home-offer-code-v336 {
    border-color: color-mix(in srgb, var(--bh-gold) 54%, var(--bh-border)) !important;
    background: color-mix(in srgb, var(--bh-gold) 13%, var(--bh-surface)) !important;
    color: color-mix(in srgb, var(--bh-gold) 72%, #fff 28%) !important;
}

/* ---------- Shop / category / related cards ---------- */
/* Exact vertical alignment and intentional spacing between the two actions. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product
:is(.bhraaj-commerce-action, .bhraaj-buy-now-card-v336),
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product
:is(.bhraaj-commerce-action, .bhraaj-buy-now-card-v336),
.woocommerce .related ul.products li.product
:is(.bhraaj-commerce-action, .bhraaj-buy-now-card-v336),
.woocommerce .upsells ul.products li.product
:is(.bhraaj-commerce-action, .bhraaj-buy-now-card-v336),
.bhraaj-wishlist-card
:is(.bhraaj-commerce-action, .bhraaj-buy-now-card-v336) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;
    position: relative !important;
    top: auto !important;
    transform: none;
    line-height: 1 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Secondary Buy Now: outlined / transparent in both themes. */
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-buy-now-card-v336,
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product .bhraaj-buy-now-card-v336,
.woocommerce .related ul.products li.product .bhraaj-buy-now-card-v336,
.woocommerce .upsells ul.products li.product .bhraaj-buy-now-card-v336,
.bhraaj-wishlist-card .bhraaj-buy-now-card-v336 {
    margin-left: 18px !important;
    border: 1px solid color-mix(in srgb, var(--bh-text) 36%, var(--bh-border)) !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-buy-now-card-v336:hover,
    body.bhraaj-shop-v22 .woocommerce-page ul.products li.product .bhraaj-buy-now-card-v336:hover,
    .woocommerce .related ul.products li.product .bhraaj-buy-now-card-v336:hover,
    .woocommerce .upsells ul.products li.product .bhraaj-buy-now-card-v336:hover,
    .bhraaj-wishlist-card .bhraaj-buy-now-card-v336:hover {
        transform: translateY(-2px) !important;
        border-color: color-mix(in srgb, var(--bh-gold) 62%, var(--bh-text)) !important;
        background: color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
        color: var(--bh-text) !important;
        box-shadow: 0 8px 20px color-mix(in srgb, var(--bh-gold) 9%, transparent) !important;
    }
}

html[data-theme="dark"]
body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-buy-now-card-v336,
html[data-theme="dark"]
body.bhraaj-shop-v22 .woocommerce-page ul.products li.product .bhraaj-buy-now-card-v336,
html[data-theme="dark"] .woocommerce .related ul.products li.product .bhraaj-buy-now-card-v336,
html[data-theme="dark"] .woocommerce .upsells ul.products li.product .bhraaj-buy-now-card-v336,
html[data-theme="dark"] .bhraaj-wishlist-card .bhraaj-buy-now-card-v336 {
    border-color: color-mix(in srgb, var(--bh-text) 34%, var(--bh-border)) !important;
    background: transparent !important;
    color: var(--bh-text) !important;
}

/* ---------- Single product: eliminate quantity overlap ---------- */
body.single-product div.product form.cart {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 14px !important;
    row-gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 680px !important;
}

body.single-product div.product form.cart .quantity {
    grid-column: 1 !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    margin: 0 !important;
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
}

body.single-product div.product form.cart .single_add_to_cart_button {
    grid-column: 2 !important;
    margin: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
}

body.single-product div.product form.cart .bhraaj-buy-now-v336 {
    grid-column: 3 !important;
    margin: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    border: 1px solid color-mix(in srgb, var(--bh-text) 38%, var(--bh-border)) !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
}

@media (hover:hover) and (pointer:fine) {
    body.single-product div.product form.cart .bhraaj-buy-now-v336:hover {
        transform: translateY(-1px) !important;
        border-color: color-mix(in srgb, var(--bh-gold) 64%, var(--bh-text)) !important;
        background: color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
        color: var(--bh-text) !important;
        box-shadow: 0 8px 20px color-mix(in srgb, var(--bh-gold) 9%, transparent) !important;
    }
}

/* ---------- Bag + Checkout: one coupon-chip language ---------- */
body.woocommerce-cart .wc-block-components-totals-discount,
body.bhraaj-cart-v91 .wc-block-components-totals-discount,
body.woocommerce-checkout .wc-block-components-totals-discount {
    color: var(--bh-text) !important;
}

body.woocommerce-cart
:is(.wc-block-components-chip, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip),
body.bhraaj-cart-v91
:is(.wc-block-components-chip, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip),
body.woocommerce-checkout
:is(.wc-block-components-chip, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip) {
    min-height: 32px !important;
    padding: 6px 10px 6px 12px !important;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 46%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--bh-gold) 11%, var(--bh-surface)) 0%,
            color-mix(in srgb, var(--bh-gold) 6%, var(--bh-surface)) 100%
        ) !important;
    color: var(--bh-text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42) !important;
}

body.woocommerce-cart
:is(.wc-block-components-chip__text, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__text),
body.bhraaj-cart-v91
:is(.wc-block-components-chip__text, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__text),
body.woocommerce-checkout
:is(.wc-block-components-chip__text, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__text) {
    color: color-mix(in srgb, var(--bh-text) 82%, var(--bh-gold) 18%) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9.5px !important;
    font-weight: 820 !important;
    letter-spacing: .13em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

body.woocommerce-cart
:is(.wc-block-components-chip__remove, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__remove),
body.bhraaj-cart-v91
:is(.wc-block-components-chip__remove, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__remove),
body.woocommerce-checkout
:is(.wc-block-components-chip__remove, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__remove) {
    color: var(--bh-text-soft) !important;
    opacity: .78 !important;
}

/* Coupon success is already visibly confirmed by the Discount row/chip.
   Hide generic WooCommerce success banners; keep errors/warnings intact. */
body.woocommerce-cart .wc-block-components-notice-banner.is-success,
body.bhraaj-cart-v91 .wc-block-components-notice-banner.is-success,
body.woocommerce-checkout .wc-block-components-notice-banner.is-success,
body.woocommerce-cart .woocommerce-message,
body.bhraaj-cart-v91 .woocommerce-message,
body.woocommerce-checkout .woocommerce-message {
    display: none !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 767px) {
    body.home .bhraaj-home-offer-inner-v336 {
        min-height: 46px !important;
        padding: 8px 12px !important;
        gap: 7px 9px !important;
        font-size: 11px !important;
    }

    body.home .bhraaj-home-offer-copy-v336 {
        font-size: 11px !important;
    }

    body.home .bhraaj-home-offer-code-label-v336 {
        font-size: 10.5px !important;
    }

    body.home .bhraaj-home-offer-code-v336 {
        min-height: 28px !important;
        padding: 4px 11px !important;
        font-size: 9.4px !important;
    }

    body.single-product div.product form.cart {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 10px !important;
        row-gap: 10px !important;
        max-width: none !important;
    }

    body.single-product div.product form.cart .quantity {
        grid-column: 1 / -1 !important;
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
        justify-self: start !important;
    }

    body.single-product div.product form.cart .single_add_to_cart_button {
        grid-column: 1 !important;
    }

    body.single-product div.product form.cart .bhraaj-buy-now-v336 {
        grid-column: 2 !important;
    }

    body.bhraaj-shop-v22 .woocommerce ul.products li.product .bhraaj-buy-now-card-v336,
    body.bhraaj-shop-v22 .woocommerce-page ul.products li.product .bhraaj-buy-now-card-v336,
    .woocommerce .related ul.products li.product .bhraaj-buy-now-card-v336,
    .woocommerce .upsells ul.products li.product .bhraaj-buy-now-card-v336,
    .bhraaj-wishlist-card .bhraaj-buy-now-card-v336 {
        margin-left: 12px !important;
    }
}

/* =========================================================
   BHRAAJ V339 — DEEP SPECIFICITY FIX
   Final owner for:
   - Shop/category Add to Bag + Buy Now row
   - PDP quantity / Add to Bag / Buy Now geometry
   - Cart + Checkout coupon accordion/form/chip parity
   Homepage promotional strip intentionally untouched.
   ========================================================= */

/* ---------- SHOP / CATEGORY / RELATED / WISHLIST ACTION ROW ---------- */
/* Older product-loop rules style every .button as a black pill. These selectors
   deliberately exceed that specificity so Buy Now can remain the secondary CTA. */
body.woocommerce-shop .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
body.tax-product_cat .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
body.tax-product_tag .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
body.bhraaj-shop-v22 .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
body.woocommerce-page .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
body.single-product .related.products ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
body.single-product .upsells.products ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
.bhraaj-wishlist-card a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    position: static !important;
    top: auto !important;

    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 0 6px 18px !important;
    padding: 0 14px !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 34%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--bh-text) !important;

    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow: none !important;
    transform: translateY(0) !important;
}

/* Keep the existing primary Add to Bag pill in its established geometry. */
body.woocommerce-shop .woocommerce ul.products li.product
a.bhraaj-commerce-action,
body.tax-product_cat .woocommerce ul.products li.product
a.bhraaj-commerce-action,
body.tax-product_tag .woocommerce ul.products li.product
a.bhraaj-commerce-action,
body.bhraaj-shop-v22 .woocommerce ul.products li.product
a.bhraaj-commerce-action,
body.woocommerce-page .woocommerce ul.products li.product
a.bhraaj-commerce-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    position: static !important;
    top: auto !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 0 6px 0 !important;
    transform: translateY(0) !important;
}

@media (hover:hover) and (pointer:fine) {
    body.woocommerce-shop .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    body.tax-product_cat .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    body.tax-product_tag .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    body.bhraaj-shop-v22 .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    body.woocommerce-page .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    body.single-product .related.products ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    body.single-product .upsells.products ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    .bhraaj-wishlist-card a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover {
        border-color: color-mix(in srgb, var(--bh-gold) 62%, var(--bh-text)) !important;
        background: color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
        background-image: none !important;
        color: var(--bh-text) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 20px color-mix(in srgb, var(--bh-gold) 9%, transparent) !important;
        filter: none !important;
    }
}

html[data-theme="dark"]
body.woocommerce-page .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html[data-theme="dark"]
body.tax-product_cat .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html[data-theme="dark"]
body.tax-product_tag .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    border-color: color-mix(in srgb, var(--bh-text) 32%, var(--bh-border)) !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--bh-text) !important;
}

/* ---------- SINGLE PRODUCT PURCHASE ROW ---------- */
/* Match the high-specificity existing V20 selectors exactly. */
body.single-product.bhraaj-single-product-v20 div.product form.cart {
    display: grid !important;
    grid-template-columns: 132px minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 14px !important;
    row-gap: 12px !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 0 22px !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: var(--bh-product-control-height) !important;
    margin: 0 !important;
    position: relative !important;
    inset: auto !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--bh-product-control-height) !important;
    min-height: var(--bh-product-control-height) !important;
    margin: 0 !important;
    padding-inline: 22px !important;
    position: relative !important;
    inset: auto !important;
}

body.single-product.bhraaj-single-product-v20 div.product form.cart
button.button.bhraaj-buy-now-v336 {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--bh-product-control-height) !important;
    min-height: var(--bh-product-control-height) !important;
    margin: 0 !important;
    padding-inline: 22px !important;
    position: relative !important;
    inset: auto !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 36%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
}

@media (hover:hover) and (pointer:fine) {
    body.single-product.bhraaj-single-product-v20 div.product form.cart
    button.button.bhraaj-buy-now-v336:hover {
        border-color: color-mix(in srgb, var(--bh-gold) 62%, var(--bh-text)) !important;
        background: color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
        background-image: none !important;
        color: var(--bh-text) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 8px 20px color-mix(in srgb, var(--bh-gold) 9%, transparent) !important;
    }
}

/* ---------- CART + CHECKOUT COUPON ACCORDION PARITY ---------- */
body.woocommerce-cart .wc-block-components-totals-coupon__button,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__button,
body.woocommerce-checkout .wc-block-components-totals-coupon__button,
body.woocommerce-cart .wc-block-components-panel__button,
body.bhraaj-cart-v91 .wc-block-components-panel__button,
body.woocommerce-checkout .wc-block-components-panel__button {
    position: relative !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 0 34px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    color: var(--bh-text) !important;
    text-align: left !important;
}

/* Force the same subtle right-side disclosure arrow on Bag and Checkout. */
body.woocommerce-cart .wc-block-components-totals-coupon__button::after,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__button::after,
body.woocommerce-checkout .wc-block-components-totals-coupon__button::after {
    content: "⌄" !important;
    position: absolute !important;
    right: 2px !important;
    top: 50% !important;
    transform: translateY(-54%) !important;
    color: var(--bh-text-soft) !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

/* Hide any native duplicate disclosure icon so only one arrow remains. */
body.woocommerce-cart .wc-block-components-totals-coupon__button > svg,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__button > svg,
body.woocommerce-checkout .wc-block-components-totals-coupon__button > svg {
    display: none !important;
}

body.woocommerce-cart .wc-block-components-totals-coupon__content,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__content,
body.woocommerce-checkout .wc-block-components-totals-coupon__content {
    padding-top: 12px !important;
}

body.woocommerce-cart .wc-block-components-totals-coupon__form,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form,
body.woocommerce-checkout .wc-block-components-totals-coupon__form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: stretch !important;
}

body.woocommerce-cart .wc-block-components-totals-coupon__form input,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form input,
body.woocommerce-checkout .wc-block-components-totals-coupon__form input {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0 13px !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 92%, transparent) !important;
    border-radius: 12px !important;
    background: var(--bh-surface) !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
}

body.woocommerce-cart .wc-block-components-totals-coupon__form input:focus,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form input:focus,
body.woocommerce-checkout .wc-block-components-totals-coupon__form input:focus {
    outline: none !important;
    border-color: color-mix(in srgb, var(--bh-gold) 58%, var(--bh-border)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
}

body.woocommerce-cart .wc-block-components-totals-coupon__form input:focus::placeholder,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form input:focus::placeholder,
body.woocommerce-checkout .wc-block-components-totals-coupon__form input:focus::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

body.woocommerce-cart .wc-block-components-totals-coupon__form button,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form button,
body.woocommerce-checkout .wc-block-components-totals-coupon__form button {
    min-width: 88px !important;
    min-height: 46px !important;
    padding: 0 15px !important;
    border: 1px solid var(--bh-text) !important;
    border-radius: 12px !important;
    background: var(--bh-text) !important;
    color: var(--bh-bg) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    box-shadow: none !important;
}

/* Bag and Checkout use the same applied-code chip. */
body.woocommerce-cart
:is(.wc-block-components-chip, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip),
body.bhraaj-cart-v91
:is(.wc-block-components-chip, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip),
body.woocommerce-checkout
:is(.wc-block-components-chip, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip) {
    min-height: 32px !important;
    padding: 6px 10px 6px 12px !important;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 46%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--bh-gold) 11%, var(--bh-surface)) 0%,
            color-mix(in srgb, var(--bh-gold) 6%, var(--bh-surface)) 100%
        ) !important;
    color: var(--bh-text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42) !important;
}

body.woocommerce-cart
:is(.wc-block-components-chip__text, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__text),
body.bhraaj-cart-v91
:is(.wc-block-components-chip__text, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__text),
body.woocommerce-checkout
:is(.wc-block-components-chip__text, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__text) {
    color: color-mix(in srgb, var(--bh-text) 82%, var(--bh-gold) 18%) !important;
    font-size: 9.5px !important;
    font-weight: 820 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

/* Defensive CSS fallback for non-error coupon-applied notices.
   JS in functions.php removes only the matching applied-coupon message. */
body.woocommerce-cart .wc-block-components-notice-banner.is-success,
body.woocommerce-checkout .wc-block-components-notice-banner.is-success {
    display: none !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 767px) {
    body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 10px !important;
        row-gap: 10px !important;
        max-width: none !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;
        justify-self: start !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart .single_add_to_cart_button {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    body.single-product.bhraaj-single-product-v20 div.product form.cart
    button.button.bhraaj-buy-now-v336 {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    body.woocommerce-shop .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
    body.tax-product_cat .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
    body.tax-product_tag .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
    body.bhraaj-shop-v22 .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
    body.woocommerce-page .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
        margin-left: 12px !important;
    }
}

/* =========================================================
   BHRAAJ V340 — PURCHASE CONTROLS ONLY
   FINAL OWNER: Shop/PDP Add to Bag + Buy Now
   Coupon/header/payment/receipt styles are intentionally untouched.
   ========================================================= */

/* ---------- SHOP / CATEGORY / RELATED / WISHLIST ---------- */
/* Primary Add to Bag: preserve the established BHRAAJ pill. */
html body.woocommerce-shop .woocommerce ul.products li.product
a.button.bhraaj-commerce-action,
html body.tax-product_cat .woocommerce ul.products li.product
a.button.bhraaj-commerce-action,
html body.tax-product_tag .woocommerce ul.products li.product
a.button.bhraaj-commerce-action,
html body.woocommerce-page .woocommerce ul.products li.product
a.button.bhraaj-commerce-action,
html body.bhraaj-shop-v22 .woocommerce ul.products li.product
a.button.bhraaj-commerce-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    position: static !important;
    inset: auto !important;

    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 !important;
    padding: 0 14px !important;
    line-height: 1 !important;
    transform: none !important;
}

/* Secondary Buy Now: same geometry, clearly separated, transparent. */
html body.woocommerce-shop .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html body.tax-product_cat .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html body.tax-product_tag .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html body.woocommerce-page .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html body.bhraaj-shop-v22 .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html body.single-product .related.products ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html body.single-product .upsells.products ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html body .bhraaj-wishlist-card
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    position: static !important;
    inset: auto !important;

    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 0 0 20px !important;
    padding: 0 14px !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 34%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--bh-text) !important;

    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

/* Dark mode: Add to Bag = dark + gold edge; Buy Now = light edge. */
html[data-theme="dark"] body.woocommerce-shop .woocommerce ul.products li.product
a.button.bhraaj-commerce-action,
html[data-theme="dark"] body.tax-product_cat .woocommerce ul.products li.product
a.button.bhraaj-commerce-action,
html[data-theme="dark"] body.tax-product_tag .woocommerce ul.products li.product
a.button.bhraaj-commerce-action,
html[data-theme="dark"] body.woocommerce-page .woocommerce ul.products li.product
a.button.bhraaj-commerce-action,
html[data-theme="dark"] body.bhraaj-shop-v22 .woocommerce ul.products li.product
a.button.bhraaj-commerce-action {
    border: 1px solid color-mix(in srgb, var(--bh-gold) 78%, #fff 22%) !important;
    background: #171412 !important;
    background-image: none !important;
    color: #fffaf4 !important;
}

html[data-theme="dark"] body.woocommerce-shop .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html[data-theme="dark"] body.tax-product_cat .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html[data-theme="dark"] body.tax-product_tag .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html[data-theme="dark"] body.woocommerce-page .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html[data-theme="dark"] body.bhraaj-shop-v22 .woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    border: 1px solid rgba(255, 250, 244, .62) !important;
    background: transparent !important;
    background-image: none !important;
    color: #fffaf4 !important;
}

@media (hover:hover) and (pointer:fine) {
    html body.woocommerce-shop .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    html body.tax-product_cat .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    html body.tax-product_tag .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    html body.woocommerce-page .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover {
        border-color: color-mix(in srgb, var(--bh-gold) 64%, var(--bh-text)) !important;
        background: color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
        color: var(--bh-text) !important;
        transform: translateY(-2px) !important;
    }

    html[data-theme="dark"] body.woocommerce-page .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    html[data-theme="dark"] body.tax-product_cat .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover {
        border-color: rgba(255, 250, 244, .9) !important;
        background: rgba(255, 250, 244, .06) !important;
        color: #fffaf4 !important;
    }
}

/* ---------- SINGLE PRODUCT ---------- */
/* Row 1: Quantity only.
   Row 2: Add to Bag + Buy Now.
   Wishlist/Share remain naturally below the form. */
html body.single-product.bhraaj-single-product-v20 div.product form.cart {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 16px !important;
    row-gap: 14px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 650px !important;
    margin: 0 0 30px !important;
}

html body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;

    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: var(--bh-product-control-height) !important;

    margin: 0 !important;
    justify-self: start !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
}

html body.single-product.bhraaj-single-product-v20 div.product form.cart
button.single_add_to_cart_button.button {
    grid-column: 1 !important;
    grid-row: 2 !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--bh-product-control-height) !important;
    min-height: var(--bh-product-control-height) !important;

    margin: 0 !important;
    padding: 0 22px !important;

    border-radius: 999px !important;
    background-image: none !important;
    position: relative !important;
    inset: auto !important;
}

html body.single-product.bhraaj-single-product-v20 div.product form.cart
button.button.bhraaj-buy-now-v336 {
    grid-column: 2 !important;
    grid-row: 2 !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--bh-product-control-height) !important;
    min-height: var(--bh-product-control-height) !important;

    margin: 0 !important;
    padding: 0 22px !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 34%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
    position: relative !important;
    inset: auto !important;
}

/* PDP dark mode: explicitly stop legacy rule from turning Add to Bag white. */
html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 div.product form.cart
button.single_add_to_cart_button.button {
    border: 1px solid color-mix(in srgb, var(--bh-gold) 78%, #fff 22%) !important;
    background: #171412 !important;
    background-image: none !important;
    color: #fffaf4 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 div.product form.cart
button.button.bhraaj-buy-now-v336 {
    border: 1px solid rgba(255, 250, 244, .62) !important;
    background: transparent !important;
    background-image: none !important;
    color: #fffaf4 !important;
    box-shadow: none !important;
}

/* Keep clear breathing room before Wishlist / Share block. */
html body.single-product.bhraaj-single-product-v20 div.product
.bhraaj-product-secondary-actions,
html body.single-product.bhraaj-single-product-v20 div.product
.bhraaj-product-actions,
html body.single-product.bhraaj-single-product-v20 div.product
:is(.bhraaj-wishlist-share-row, .bhraaj-product-meta-actions) {
    margin-top: 0 !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {
    html body.single-product.bhraaj-single-product-v20 div.product form.cart {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 10px !important;
        row-gap: 12px !important;
        max-width: none !important;
        margin-bottom: 26px !important;
    }

    html body.single-product.bhraaj-single-product-v20 div.product form.cart .quantity {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    }

    html body.single-product.bhraaj-single-product-v20 div.product form.cart
    button.single_add_to_cart_button.button {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    html body.single-product.bhraaj-single-product-v20 div.product form.cart
    button.button.bhraaj-buy-now-v336 {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    html body.woocommerce-shop .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
    html body.tax-product_cat .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
    html body.tax-product_tag .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
    html body.woocommerce-page .woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
        margin-left: 14px !important;
    }
}

/* =========================================================
   BHRAAJ V341 — SHOP/PDP PURCHASE CONTROLS — ACTUAL DOM FIX
   Cause fixed:
   WooCommerce archive pages carry `.woocommerce` on BODY itself:
   body.bhraaj-shop-v22.woocommerce ...
   Earlier V340 selectors expected a descendant `.woocommerce` wrapper, so the
   new Buy Now rules never matched the live category/shop DOM.
   ========================================================= */

/* ---------- SHOP / CATEGORY: LIVE BODY STRUCTURE ---------- */

/* Primary Add to Bag — exact established BHRAAJ card geometry. */
html body.bhraaj-shop-v22.woocommerce ul.products li.product
a.button.bhraaj-commerce-action,
html body.bhraaj-shop-v22.woocommerce-page ul.products li.product
a.button.bhraaj-commerce-action {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;
    position: static !important;
    inset: auto !important;

    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    transform: none !important;
}

/* Secondary Buy Now — same size/baseline, deliberate gap, transparent. */
html body.bhraaj-shop-v22.woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html body.bhraaj-shop-v22.woocommerce-page ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;
    position: static !important;
    inset: auto !important;

    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 0 0 18px !important;
    padding: 0 12px !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 34%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--bh-text) !important;

    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

/* Shop dark mode — preserve the EXACT pre-existing Add to Bag treatment. */
html[data-theme="dark"] body.bhraaj-shop-v22.woocommerce ul.products li.product
a.button.bhraaj-commerce-action,
html[data-theme="dark"] body.bhraaj-shop-v22.woocommerce-page ul.products li.product
a.button.bhraaj-commerce-action {
    background: linear-gradient(180deg, #171210, #0f0b0a) !important;
    background-image: linear-gradient(180deg, #171210, #0f0b0a) !important;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 18%, rgba(255,255,255,.08)) !important;
    color: #fffdf9 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 10px 24px rgba(0,0,0,.18) !important;
}

/* Shop dark mode — Buy Now is the differentiated light-outline action. */
html[data-theme="dark"] body.bhraaj-shop-v22.woocommerce ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
html[data-theme="dark"] body.bhraaj-shop-v22.woocommerce-page ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    border: 1px solid rgba(255,255,255,.34) !important;
    background: transparent !important;
    background-image: none !important;
    color: #fffdf9 !important;
    box-shadow: none !important;
}

@media (hover:hover) and (pointer:fine) {
    html body.bhraaj-shop-v22.woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    html body.bhraaj-shop-v22.woocommerce-page ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover {
        border-color: color-mix(in srgb, var(--bh-gold) 58%, var(--bh-text)) !important;
        background: color-mix(in srgb, var(--bh-gold) 7%, transparent) !important;
        color: var(--bh-text) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 20px color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
    }

    html[data-theme="dark"] body.bhraaj-shop-v22.woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover,
    html[data-theme="dark"] body.bhraaj-shop-v22.woocommerce-page ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover {
        border-color: rgba(255,255,255,.72) !important;
        background: rgba(255,255,255,.05) !important;
        color: #fffdf9 !important;
        box-shadow: none !important;
    }
}

/* ---------- PDP: MATCH SHOP DARK MODE EXACTLY ---------- */

/* Add to Bag uses the same dark fill, border mix and shadow as Shop. */
html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 div.product form.cart
button.single_add_to_cart_button.button {
    background: linear-gradient(180deg, #171210, #0f0b0a) !important;
    background-image: linear-gradient(180deg, #171210, #0f0b0a) !important;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 18%, rgba(255,255,255,.08)) !important;
    color: #fffdf9 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 10px 24px rgba(0,0,0,.18) !important;
}

/* Buy Now remains the secondary white-outline action in dark mode. */
html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 div.product form.cart
button.button.bhraaj-buy-now-v336 {
    border: 1px solid rgba(255,255,255,.34) !important;
    background: transparent !important;
    background-image: none !important;
    color: #fffdf9 !important;
    box-shadow: none !important;
}

/* Exact vertical rhythm:
   Quantity -> purchase row = 14px
   Purchase row -> Wishlist/Share = 14px */
html body.single-product.bhraaj-single-product-v20 div.product form.cart {
    row-gap: 14px !important;
    margin-bottom: 0 !important;
}

html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-single-wishlist,
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-single-share-v285 {
    margin-top: 14px !important;
}

/* Keep Wishlist + Share on the same optical row. */
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-single-wishlist {
    margin-right: 24px !important;
}

html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-single-share-v285 {
    margin-left: 0 !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {
    html body.bhraaj-shop-v22.woocommerce ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
    html body.bhraaj-shop-v22.woocommerce-page ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
        margin-left: 14px !important;
    }

    html body.single-product.bhraaj-single-product-v20 div.product form.cart {
        row-gap: 12px !important;
        margin-bottom: 0 !important;
    }

    html body.single-product.bhraaj-single-product-v20 div.product .summary
    .bhraaj-single-wishlist,
    html body.single-product.bhraaj-single-product-v20 div.product .summary
    .bhraaj-single-share-v285 {
        margin-top: 12px !important;
    }

    html body.single-product.bhraaj-single-product-v20 div.product .summary
    .bhraaj-single-wishlist {
        margin-right: 18px !important;
    }
}

/* =========================================================
   BHRAAJ V342 — SHOP BUY NOW FINAL TARGET FIX
   SHOP / CATEGORY / TAG ONLY.
   Product-page purchase controls are intentionally untouched.

   Root cause:
   The archive Buy Now element is a normal WooCommerce `.button`, so several
   older loop rules paint it as the same black CTA as Add to Bag. Previous
   fixes depended on WooCommerce wrapper/body combinations that do not match
   every live archive render. This final rule targets the actual Buy Now URL
   marker (`bhraaj_buy_now=1`) inside product loops, independent of wrapper
   structure.
   ========================================================= */

/* Normalize only the two live archive purchase controls. */
html body.bhraaj-shop-v22 ul.products li.product
a.bhraaj-commerce-action {
    vertical-align: top !important;
    margin: 0 !important;
}

html body.bhraaj-shop-v22 ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336[href*="bhraaj_buy_now=1"],
html body.bhraaj-shop-v22 ul.products li.product
a[href*="bhraaj_buy_now=1"].bhraaj-buy-now-v336 {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;

    position: static !important;
    inset: auto !important;

    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    /* Same horizontal rhythm as the approved PDP, scaled to card size. */
    margin: 0 0 0 16px !important;
    margin-inline-start: 16px !important;
    padding: 0 12px !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 34%, var(--bh-border)) !important;
    border-radius: 999px !important;

    /* Critical: override legacy WooCommerce loop `.button` black fill. */
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: var(--bh-text) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;

    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* Direct adjacent-sibling lock: guarantees the visible gap even if a legacy
   generic `.button` margin rule is injected during WooCommerce AJAX refresh. */
html body.bhraaj-shop-v22 ul.products li.product
a.bhraaj-commerce-action + a[href*="bhraaj_buy_now=1"] {
    margin-left: 16px !important;
    margin-inline-start: 16px !important;
}

/* Light-mode interaction mirrors the approved PDP secondary action. */
@media (hover:hover) and (pointer:fine) {
    html body.bhraaj-shop-v22 ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336[href*="bhraaj_buy_now=1"]:hover,
    html body.bhraaj-shop-v22 ul.products li.product
    a[href*="bhraaj_buy_now=1"].bhraaj-buy-now-v336:hover {
        border-color: color-mix(in srgb, var(--bh-gold) 58%, var(--bh-text)) !important;
        background: color-mix(in srgb, var(--bh-gold) 7%, transparent) !important;
        background-color: color-mix(in srgb, var(--bh-gold) 7%, transparent) !important;
        background-image: none !important;
        color: var(--bh-text) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 20px color-mix(in srgb, var(--bh-gold) 8%, transparent) !important;
        filter: none !important;
    }
}

/* Dark mode: Add to Bag keeps its existing Shop treatment.
   Buy Now is transparent with the same restrained light edge as the PDP. */
html[data-theme="dark"] body.bhraaj-shop-v22 ul.products li.product
a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336[href*="bhraaj_buy_now=1"],
html[data-theme="dark"] body.bhraaj-shop-v22 ul.products li.product
a[href*="bhraaj_buy_now=1"].bhraaj-buy-now-v336 {
    border: 1px solid rgba(255,255,255,.34) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #fffdf9 !important;
    box-shadow: none !important;
}

@media (hover:hover) and (pointer:fine) {
    html[data-theme="dark"] body.bhraaj-shop-v22 ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336[href*="bhraaj_buy_now=1"]:hover,
    html[data-theme="dark"] body.bhraaj-shop-v22 ul.products li.product
    a[href*="bhraaj_buy_now=1"].bhraaj-buy-now-v336:hover {
        border-color: rgba(255,255,255,.72) !important;
        background: rgba(255,255,255,.05) !important;
        background-color: rgba(255,255,255,.05) !important;
        color: #fffdf9 !important;
        box-shadow: none !important;
    }
}

@media (max-width: 767px) {
    html body.bhraaj-shop-v22 ul.products li.product
    a.button.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336[href*="bhraaj_buy_now=1"],
    html body.bhraaj-shop-v22 ul.products li.product
    a[href*="bhraaj_buy_now=1"].bhraaj-buy-now-v336,
    html body.bhraaj-shop-v22 ul.products li.product
    a.bhraaj-commerce-action + a[href*="bhraaj_buy_now=1"] {
        margin-left: 12px !important;
        margin-inline-start: 12px !important;
    }
}

/* =========================================================
   BHRAAJ V343 — PURCHASE CARD CASCADE FIX
   ---------------------------------------------------------
   Root cause corrected above:
   The original Shop master selector styled every WooCommerce `.button`
   as the primary black Add-to-Bag CTA. Buy Now is also a `.button`,
   so its normal state was repeatedly painted black while a later hover
   rule made it look transparent only on hover.

   V343 excludes `.bhraaj-buy-now-v336` from that original primary rule
   and establishes one final secondary-action treatment for Shop,
   Wishlist and Related/Upsell cards.

   PDP layout/spacing is NOT changed here.
   Only the PDP Buy Now dark-border tone is harmonized.
   ========================================================= */

/* ---------- Card Buy Now: one canonical secondary treatment ---------- */
html body a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;

    position: static !important;
    inset: auto !important;

    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 16px !important;
    padding: 0 12px !important;

    border: 1px solid color-mix(in srgb, var(--bh-text) 28%, var(--bh-border)) !important;
    border-radius: 999px !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: var(--bh-text) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;

    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* Same baseline/geometry for the primary card CTA. */
html body a.bhraaj-commerce-action {
    vertical-align: top !important;
}

/* Explicit adjacent-sibling gap for every card system. */
html body a.bhraaj-commerce-action + a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    margin-left: 16px !important;
}

/* ---------- Wishlist: fix the actual vertical mismatch ---------- */
/* Legacy Wishlist CSS adds margin-top:16px only to Add to Bag.
   Apply the same top offset to Buy Now so both controls share one line. */
html body .bhraaj-wishlist-card-copy > a.bhraaj-commerce-action,
html body .bhraaj-wishlist-card-copy > a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;

    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin-top: 16px !important;
    margin-bottom: 0 !important;
}

html body .bhraaj-wishlist-card-copy > a.bhraaj-commerce-action {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html body .bhraaj-wishlist-card-copy > a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    margin-left: 16px !important;
    margin-right: 0 !important;
}

/* ---------- Hover: restrained gold response ---------- */
@media (hover:hover) and (pointer:fine) {
    html body a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover {
        border-color: color-mix(in srgb, var(--bh-gold) 50%, var(--bh-text)) !important;
        background: color-mix(in srgb, var(--bh-gold) 7%, transparent) !important;
        background-color: color-mix(in srgb, var(--bh-gold) 7%, transparent) !important;
        background-image: none !important;
        color: var(--bh-text) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 20px color-mix(in srgb, var(--bh-gold) 7%, transparent) !important;
        filter: none !important;
    }
}

/* ---------- Dark mode: same edge weight as Add to Bag, white family ---------- */
html[data-theme="dark"] body a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    border: 1px solid rgba(255,255,255,.16) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #fffdf9 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 10px 24px rgba(0,0,0,.10) !important;
}

@media (hover:hover) and (pointer:fine) {
    html[data-theme="dark"] body a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336:hover {
        border-color: rgba(255,255,255,.30) !important;
        background: rgba(255,255,255,.045) !important;
        background-color: rgba(255,255,255,.045) !important;
        color: #fffdf9 !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.055),
            0 12px 26px rgba(0,0,0,.12) !important;
    }
}

/* ---------- PDP: change ONLY Buy Now's dark outline tone ---------- */
/* Product layout, quantity, Add to Bag and spacing remain exactly as V341/V342. */
html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 div.product form.cart
button.button.bhraaj-buy-now-v336 {
    border: 1px solid rgba(255,255,255,.16) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #fffdf9 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 10px 24px rgba(0,0,0,.10) !important;
}

@media (hover:hover) and (pointer:fine) {
    html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 div.product form.cart
    button.button.bhraaj-buy-now-v336:hover {
        border-color: rgba(255,255,255,.30) !important;
        background: rgba(255,255,255,.045) !important;
        background-color: rgba(255,255,255,.045) !important;
        color: #fffdf9 !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.055),
            0 12px 26px rgba(0,0,0,.12) !important;
    }
}

/* ---------- Mobile card rhythm ---------- */
@media (max-width: 767px) {
    html body a.bhraaj-commerce-action + a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336,
    html body .bhraaj-wishlist-card-copy > a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
        margin-left: 12px !important;
    }
}

/* =========================================================
   BHRAAJ V344 — WISHLIST ALIGNMENT ONLY
   ---------------------------------------------------------
   Scope is intentionally limited to Saved pieces / Wishlist.
   Shop, PDP, Related, Buy Now styling, coupons, checkout,
   payment and receipt are untouched.

   The Wishlist Buy Now anchor sits optically ~1px higher than
   the Add to Bag pill despite matching dimensions. Apply the
   final 1px optical correction only inside Wishlist cards.
   ========================================================= */

html body .bhraaj-wishlist-card-copy > a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    position: relative !important;
    top: 1px !important;
}

/* =========================================================
   BHRAAJ V345 — PRODUCT INFORMATION INSET FIX
   ---------------------------------------------------------
   Scope: single-product information accordion only.
   Applies to every product page using the V121 product story.

   Goal:
   - keep all existing divider lines / accordion widths untouched
   - move headings + opened content slightly inward on wide screens
   - preserve balanced right-side breathing room for long copy,
     Dimension / Product code (SKU), shipping copy, lists, etc.
   - leave mobile layout unchanged because it was already correct
   ========================================================= */

@media (min-width: 761px) {
    body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-v121 {
        --bh-v345-info-inset: clamp(20px, 2vw, 30px);
    }

    /* Section labels: Details, Shipping, Why Tulasi?, Instructions, Guidelines, etc.
       Only the text moves; the full-width divider lines and arrow position stay put. */
    body.single-product.bhraaj-single-product-v20
    .bhraaj-product-story-v121
    .bhraaj-accordion-label {
        display: block !important;
        padding-left: var(--bh-v345-info-inset) !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Open-panel content gets equal left/right breathing room.
       This contains the description, Dimension, Product code/SKU,
       shipping facts, story copy, Tulasi copy, instructions and guidelines. */
    body.single-product.bhraaj-single-product-v20
    .bhraaj-product-story-v121
    .bhraaj-accordion-panel-inner {
        padding-left: var(--bh-v345-info-inset) !important;
        padding-right: var(--bh-v345-info-inset) !important;
        box-sizing: border-box !important;
    }

    /* Keep the two-column facts balanced after the new inner inset.
       Parent padding protects both outer edges; these values only control
       the internal split between Dimension and Product code/SKU. */
    body.single-product.bhraaj-single-product-v20
    .bhraaj-product-story-v121
    .bhraaj-story-fact {
        min-width: 0 !important;
        padding-right: 22px !important;
    }

    body.single-product.bhraaj-single-product-v20
    .bhraaj-product-story-v121
    .bhraaj-story-fact:nth-child(even) {
        padding-left: 22px !important;
        padding-right: 0 !important;
    }

    /* Long prose/list content must wrap inside the padded content rail
       rather than visually running into the right edge. */
    body.single-product.bhraaj-single-product-v20
    .bhraaj-product-story-v121
    :is(
        .bhraaj-story-prose,
        .bhraaj-story-prose p,
        .bhraaj-story-list,
        .bhraaj-story-list li,
        .bhraaj-story-policy-note,
        .bhraaj-story-fact dd
    ) {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   BHRAAJ V346 — PRODUCT INFORMATION MOBILE INSET FIX
   ---------------------------------------------------------
   Mobile-only continuation of V345.
   Desktop/tablet rules are unchanged.

   Keeps:
   - accordion divider lines full width
   - disclosure arrow position unchanged
   - existing accordion structure unchanged

   Fixes:
   - Details / Shipping / Why Tulasi? / Instructions / Guidelines
     no longer sit against the left rail
   - opened content uses the same balanced text rail
   - Dimension / Product Code (SKU) align to that same rail
   - long copy wraps safely before the right edge
   ========================================================= */

@media (max-width: 760px) {
    body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-v121 {
        --bh-v346-mobile-info-inset: 18px;
    }

    /* Move only the label text inward; do not move the trigger/divider/arrow. */
    body.single-product.bhraaj-single-product-v20
    .bhraaj-product-story-v121
    .bhraaj-accordion-label {
        display: block !important;
        padding-left: var(--bh-v346-mobile-info-inset) !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* One consistent mobile text rail for every opened section. */
    body.single-product.bhraaj-single-product-v20
    .bhraaj-product-story-v121
    .bhraaj-accordion-panel-inner {
        padding:
            0
            var(--bh-v346-mobile-info-inset)
            28px
            var(--bh-v346-mobile-info-inset) !important;
        box-sizing: border-box !important;
    }

    /* Dimension / Product code remain stacked, but no longer create their
       own extra side offset. The parent panel supplies the safe edge spacing. */
    body.single-product.bhraaj-single-product-v20
    .bhraaj-product-story-v121
    .bhraaj-story-facts {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.single-product.bhraaj-single-product-v20
    .bhraaj-product-story-v121
    .bhraaj-story-fact,
    body.single-product.bhraaj-single-product-v20
    .bhraaj-product-story-v121
    .bhraaj-story-fact:nth-child(even) {
        width: 100% !important;
        min-width: 0 !important;
        padding: 13px 0 !important;
        border-left: 0 !important;
        box-sizing: border-box !important;
    }

    /* Protect long descriptions, shipping copy, list content and SKU/fact text
       from visually colliding with the right edge on narrow screens. */
    body.single-product.bhraaj-single-product-v20
    .bhraaj-product-story-v121
    :is(
        .bhraaj-story-prose,
        .bhraaj-story-prose p,
        .bhraaj-story-list,
        .bhraaj-story-list li,
        .bhraaj-story-policy-note,
        .bhraaj-story-fact dt,
        .bhraaj-story-fact dd
    ) {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        box-sizing: border-box !important;
    }
}

/* Slightly tighter rail only on very narrow phones so content still has
   usable measure while keeping visible left/right breathing room. */
@media (max-width: 380px) {
    body.single-product.bhraaj-single-product-v20 .bhraaj-product-story-v121 {
        --bh-v346-mobile-info-inset: 16px;
    }
}

/* =========================================================
   BHRAAJ V350 — COUPON RECOVERY / FIRST-PAINT POLISH
   Cart + Checkout only
   ---------------------------------------------------------
   WooCommerce Blocks remains the functional/DOM owner.
   The coupon panel is kept visually open by the V350 controller, but focus,
   scroll position and React-owned nodes remain under safe control.
   ========================================================= */

/* Main-stylesheet fallback for any loading surface that survives long enough
   to reach the normal stylesheet. The matching critical rules are also emitted
   in <head> by functions.php so dark skeleton boxes never get a first paint. */
body.bhraaj-cart-v91 :is(
    .wc-block-components-skeleton,
    [class*="wc-block-components-skeleton"],
    [class*="wc-block-cart__loading"],
    [class*="wc-block-checkout__loading"],
    .wc-block-components-loading-mask,
    .wc-block-components-spinner
),
body.woocommerce-checkout :is(
    .wc-block-components-skeleton,
    [class*="wc-block-components-skeleton"],
    [class*="wc-block-cart__loading"],
    [class*="wc-block-checkout__loading"],
    .wc-block-components-loading-mask,
    .wc-block-components-spinner
) {
    opacity: 0 !important;
    visibility: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;
}

/* Restore normal Woo success notices, then suppress only the redundant coupon
   apply/remove confirmations tagged by V350. Errors/warnings remain visible. */
body.woocommerce-cart .wc-block-components-notice-banner.is-success,
body.woocommerce-checkout .wc-block-components-notice-banner.is-success {
    display: flex !important;
}

body.woocommerce-cart .wc-block-components-notice-banner.bhraaj-coupon-confirmation-v350,
body.woocommerce-checkout .wc-block-components-notice-banner.bhraaj-coupon-confirmation-v350,
body.woocommerce-cart .woocommerce-message.bhraaj-coupon-confirmation-v350,
body.woocommerce-checkout .woocommerce-message.bhraaj-coupon-confirmation-v350,
body.woocommerce-cart .woocommerce-info.bhraaj-coupon-confirmation-v350,
body.woocommerce-checkout .woocommerce-info.bhraaj-coupon-confirmation-v350 {
    display: none !important;
}

/* ---------- Coupon shell ---------- */
body.bhraaj-cart-v91 .wc-block-components-totals-coupon,
body.woocommerce-cart .wc-block-components-totals-coupon,
body.woocommerce-checkout .wc-block-components-totals-coupon {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Native panel trigger remains present for Woo/React but visually reads as the
   static BHRAAJ label. Apply is inside the form and is never matched here. */
body.bhraaj-cart-v91 .wc-block-components-totals-coupon > .wc-block-components-panel__button,
body.woocommerce-cart .wc-block-components-totals-coupon > .wc-block-components-panel__button,
body.woocommerce-checkout .wc-block-components-totals-coupon > .wc-block-components-panel__button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    cursor: default !important;
    pointer-events: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon > .wc-block-components-panel__button::before,
body.woocommerce-cart .wc-block-components-totals-coupon > .wc-block-components-panel__button::before,
body.woocommerce-checkout .wc-block-components-totals-coupon > .wc-block-components-panel__button::before {
    content: "Add coupon" !important;
    display: block !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.75px !important;
    font-weight: 760 !important;
    line-height: 1.35 !important;
    letter-spacing: .045em !important;
    text-transform: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon > .wc-block-components-panel__button::after,
body.woocommerce-cart .wc-block-components-totals-coupon > .wc-block-components-panel__button::after,
body.woocommerce-checkout .wc-block-components-totals-coupon > .wc-block-components-panel__button::after,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon > .wc-block-components-panel__button > svg,
body.woocommerce-cart .wc-block-components-totals-coupon > .wc-block-components-panel__button > svg,
body.woocommerce-checkout .wc-block-components-totals-coupon > .wc-block-components-panel__button > svg {
    content: none !important;
    display: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__content,
body.woocommerce-cart .wc-block-components-totals-coupon__content,
body.woocommerce-checkout .wc-block-components-totals-coupon__content {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* ---------- Input + Apply ---------- */
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form,
body.woocommerce-cart .wc-block-components-totals-coupon__form,
body.woocommerce-checkout .wc-block-components-totals-coupon__form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px !important;
    gap: 9px !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form .wc-block-components-text-input,
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-text-input,
body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input {
    position: relative !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* Centered empty-state prompt. It disappears only when the customer actually
   focuses the field or when a real value exists. */
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form .wc-block-components-text-input::before,
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-text-input::before,
body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input::before {
    content: "ENTER CODE";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    color: color-mix(in srgb, var(--bh-text-soft) 58%, transparent) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    letter-spacing: .13em !important;
    white-space: nowrap;
    pointer-events: none;
    transition: opacity 120ms ease, visibility 120ms ease;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form .wc-block-components-text-input:focus-within::before,
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-text-input:focus-within::before,
body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input:focus-within::before,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form .wc-block-components-text-input:has(input:not(:placeholder-shown))::before,
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-text-input:has(input:not(:placeholder-shown))::before,
body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input:has(input:not(:placeholder-shown))::before {
    opacity: 0 !important;
    visibility: hidden !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form input,
body.woocommerce-cart .wc-block-components-totals-coupon__form input,
body.woocommerce-checkout .wc-block-components-totals-coupon__form input {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 92%, transparent) !important;
    border-radius: 12px !important;
    background: var(--bh-surface) !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 13px !important;
    font-weight: 520 !important;
    line-height: 44px !important;
    text-align: left !important;
    box-shadow: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form input::placeholder,
body.woocommerce-cart .wc-block-components-totals-coupon__form input::placeholder,
body.woocommerce-checkout .wc-block-components-totals-coupon__form input::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form .wc-block-components-text-input label,
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input label,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form .wc-block-components-text-input__label,
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-text-input__label,
body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input__label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form input:focus,
body.woocommerce-cart .wc-block-components-totals-coupon__form input:focus,
body.woocommerce-checkout .wc-block-components-totals-coupon__form input:focus {
    outline: none !important;
    border-color: color-mix(in srgb, var(--bh-gold) 50%, var(--bh-border)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 7%, transparent) !important;
}

/* Apply — same dark visual family and motion language as Proceed to Checkout.
   Hover never introduces a gold/brown fill. */
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form button,
body.woocommerce-cart .wc-block-components-totals-coupon__form button,
body.woocommerce-checkout .wc-block-components-totals-coupon__form button,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button,
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button,
body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 92px !important;
    min-width: 92px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid var(--bh-text) !important;
    border-radius: 12px !important;
    background: var(--bh-text) !important;
    background-image: none !important;
    color: var(--bh-bg) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
    text-align: center !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, white 10%, transparent),
        0 7px 16px color-mix(in srgb, var(--bh-text) 8%, transparent) !important;
    transform: none !important;
    filter: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    transition:
        transform 220ms var(--bh-ui-ease-emph, var(--bh-ease)),
        box-shadow 220ms var(--bh-ui-ease, var(--bh-ease)),
        filter 220ms ease !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form button::after,
body.woocommerce-cart .wc-block-components-totals-coupon__form button::after,
body.woocommerce-checkout .wc-block-components-totals-coupon__form button::after,
body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form button > svg,
body.woocommerce-cart .wc-block-components-totals-coupon__form button > svg,
body.woocommerce-checkout .wc-block-components-totals-coupon__form button > svg {
    content: none !important;
    display: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form button:disabled,
body.woocommerce-cart .wc-block-components-totals-coupon__form button:disabled,
body.woocommerce-checkout .wc-block-components-totals-coupon__form button:disabled {
    opacity: .38 !important;
    cursor: default !important;
}

@media (hover:hover) and (pointer:fine) {
    body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form button:not(:disabled):hover,
    body.woocommerce-cart .wc-block-components-totals-coupon__form button:not(:disabled):hover,
    body.woocommerce-checkout .wc-block-components-totals-coupon__form button:not(:disabled):hover {
        transform: translateY(-2px) !important;
        border-color: var(--bh-text) !important;
        background: var(--bh-text) !important;
        background-image: none !important;
        color: var(--bh-bg) !important;
        opacity: 1 !important;
        box-shadow:
            inset 0 1px 0 color-mix(in srgb, white 14%, transparent),
            0 12px 26px color-mix(in srgb, var(--bh-text) 13%, transparent) !important;
        filter: brightness(1.03) !important;
    }
}

body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form button:not(:disabled):active,
body.woocommerce-cart .wc-block-components-totals-coupon__form button:not(:disabled):active,
body.woocommerce-checkout .wc-block-components-totals-coupon__form button:not(:disabled):active {
    transform: translateY(0) !important;
    filter: none !important;
}

/* Successful apply: Discount row + chip become the confirmation state. */
body.bhraaj-cart-v91 .wc-block-components-totals-coupon.bhraaj-coupon-applied-v350,
body.woocommerce-cart .wc-block-components-totals-coupon.bhraaj-coupon-applied-v350,
body.woocommerce-checkout .wc-block-components-totals-coupon.bhraaj-coupon-applied-v350 {
    display: none !important;
}

/* ---------- Applied coupon chip ---------- */
body.bhraaj-cart-v91
:is(.wc-block-components-chip, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip),
body.woocommerce-cart
:is(.wc-block-components-chip, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip),
body.woocommerce-checkout
:is(.wc-block-components-chip, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip) {
    min-height: 31px !important;
    padding: 5px 9px 5px 11px !important;
    border: 1px solid color-mix(in srgb, var(--bh-gold) 40%, var(--bh-border)) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--bh-gold) 10%, var(--bh-surface)) 0%,
            color-mix(in srgb, var(--bh-gold) 5%, var(--bh-surface)) 100%
        ) !important;
    color: var(--bh-text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.36) !important;
}

body.bhraaj-cart-v91
:is(.wc-block-components-chip__text, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__text),
body.woocommerce-cart
:is(.wc-block-components-chip__text, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__text),
body.woocommerce-checkout
:is(.wc-block-components-chip__text, .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__text) {
    color: color-mix(in srgb, var(--bh-text) 82%, var(--bh-gold) 18%) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9.25px !important;
    font-weight: 820 !important;
    letter-spacing: .13em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

/* ---------- Coupon summary rhythm ----------
   V355 below is the sole owner of the divider after the coupon area. */
body.bhraaj-cart-v91 .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
body.woocommerce-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
body.woocommerce-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon) {
    margin: 0 !important;
    padding: 20px 0 18px !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.bhraaj-cart-v91 .wc-block-components-totals-item,
body.woocommerce-cart .wc-block-components-totals-item,
body.woocommerce-checkout .wc-block-components-totals-item {
    min-height: 24px !important;
    align-items: center !important;
}

body.woocommerce-cart .wc-block-components-notice-banner.is-error,
body.woocommerce-checkout .wc-block-components-notice-banner.is-error,
body.woocommerce-cart .wc-block-components-notice-banner.is-warning,
body.woocommerce-checkout .wc-block-components-notice-banner.is-warning {
    border-radius: 12px !important;
    border-color: color-mix(in srgb, var(--bh-red) 38%, var(--bh-border)) !important;
    box-shadow: none !important;
}

/* ---------- Dark theme ---------- */
html[data-theme="dark"] body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form input,
html[data-theme="dark"] body.woocommerce-cart .wc-block-components-totals-coupon__form input,
html[data-theme="dark"] body.woocommerce-checkout .wc-block-components-totals-coupon__form input {
    border-color: color-mix(in srgb, var(--bh-border) 86%, rgba(255,255,255,.08)) !important;
    background: color-mix(in srgb, var(--bh-surface) 92%, #000 8%) !important;
}

html[data-theme="dark"] body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form button,
html[data-theme="dark"] body.woocommerce-cart .wc-block-components-totals-coupon__form button,
html[data-theme="dark"] body.woocommerce-checkout .wc-block-components-totals-coupon__form button {
    border-color: color-mix(in srgb, var(--bh-gold) 20%, rgba(255,255,255,.12)) !important;
    background: #171210 !important;
    color: #fffdf9 !important;
}

@media (max-width: 480px) {
    body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form,
    body.woocommerce-cart .wc-block-components-totals-coupon__form,
    body.woocommerce-checkout .wc-block-components-totals-coupon__form {
        grid-template-columns: minmax(0, 1fr) 82px !important;
        gap: 8px !important;
    }

    body.bhraaj-cart-v91 .wc-block-components-totals-coupon__form button,
    body.woocommerce-cart .wc-block-components-totals-coupon__form button,
    body.woocommerce-checkout .wc-block-components-totals-coupon__form button {
        width: 82px !important;
        min-width: 82px !important;
        padding-inline: 10px !important;
    }

    body.bhraaj-cart-v91 .wc-block-cart__sidebar
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
    body.woocommerce-cart .wc-block-cart__sidebar
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
    body.woocommerce-checkout .wc-block-checkout__sidebar
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon) {
        padding-top: 17px !important;
        padding-bottom: 16px !important;
    }
}

/* =========================================================
   BHRAAJ V356 — ORDER SUMMARY DIVIDER ROOT RESET + TOTAL RHYTHM
   Your Bag + Place Order / Checkout
   ---------------------------------------------------------
   One structural reset owns summary separators. It neutralises physical AND
   logical borders, outlines, inset shadows and old background rules before
   drawing only the two intentional rules:
   1) one line below the coupon area;
   2) one line above the final Total / Estimated total.
   ========================================================= */

/* ---------- Shared structural reset: Cart / Your Bag ---------- */
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar :is(
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item,
    .wc-block-components-totals-coupon,
    .wc-block-components-totals-coupon__content,
    .wc-block-components-totals-coupon__form,
    .wc-block-components-panel,
    .wc-block-components-panel__content
),
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar :is(
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item,
    .wc-block-components-totals-coupon,
    .wc-block-components-totals-coupon__content,
    .wc-block-components-totals-coupon__form,
    .wc-block-components-panel,
    .wc-block-components-panel__content
) {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-block-start: 0 !important;
    border-block-end: 0 !important;
    border-inline-start: 0 !important;
    border-inline-end: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* ---------- Shared structural reset: Checkout / Place Order ---------- */
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar :is(
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item,
    .wc-block-components-totals-coupon,
    .wc-block-components-totals-coupon__content,
    .wc-block-components-totals-coupon__form,
    .wc-block-components-panel,
    .wc-block-components-panel__content
),
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell :is(
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item,
    .wc-block-components-totals-coupon,
    .wc-block-components-totals-coupon__content,
    .wc-block-components-totals-coupon__form,
    .wc-block-components-panel,
    .wc-block-components-panel__content
) {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-block-start: 0 !important;
    border-block-end: 0 !important;
    border-inline-start: 0 !important;
    border-inline-end: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Kill historical divider pseudo-elements on structural summary nodes only. */
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar :is(
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item,
    .wc-block-components-totals-coupon,
    .wc-block-components-totals-coupon__content,
    .wc-block-components-panel,
    .wc-block-components-panel__content
)::before,
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar :is(
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item,
    .wc-block-components-totals-coupon,
    .wc-block-components-totals-coupon__content,
    .wc-block-components-panel,
    .wc-block-components-panel__content
)::after,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar :is(
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item,
    .wc-block-components-totals-coupon,
    .wc-block-components-totals-coupon__content,
    .wc-block-components-panel,
    .wc-block-components-panel__content
)::before,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar :is(
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item,
    .wc-block-components-totals-coupon,
    .wc-block-components-totals-coupon__content,
    .wc-block-components-panel,
    .wc-block-components-panel__content
)::after,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell :is(
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item,
    .wc-block-components-totals-coupon,
    .wc-block-components-totals-coupon__content,
    .wc-block-components-panel,
    .wc-block-components-panel__content
)::before,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell :is(
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item,
    .wc-block-components-totals-coupon,
    .wc-block-components-totals-coupon__content,
    .wc-block-components-panel,
    .wc-block-components-panel__content
)::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    border-block: 0 !important;
    border-inline: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

/* =========================================================
   ONE COUPON DIVIDER ONLY
   ========================================================= */
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon) {
    position: relative !important;
    border: 0 !important;
    border-block: 0 !important;
    border-inline: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
}

/* Restore the existing coupon vertical rhythm without letting a wrapper border
   participate in the divider. */
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon) {
    padding: 20px 0 18px !important;
}

@media (min-width: 641px) {
    body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon) {
        padding: 20px 26px 18px !important;
    }
}

@media (max-width: 640px) {
    body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
    body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon) {
        padding-bottom: 26px !important;
    }
}

/* The previous reset intentionally disabled every historical pseudo-rule.
   Re-enable exactly this one line with stronger, later selectors. */
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    border: 0 !important;
    background: var(--bh-bag-line) !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

@media (min-width: 641px) {
    body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: 26px !important;
        right: 26px !important;
        bottom: 0 !important;
        height: 1px !important;
        border: 0 !important;
        background: var(--bh-summary-divider) !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }
}

@media (max-width: 640px) {
    body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after,
    body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: 18px !important;
        right: 18px !important;
        bottom: 0 !important;
        height: 1px !important;
        border: 0 !important;
        background: var(--bh-summary-divider) !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }
}

/* =========================================================
   TOTAL / ESTIMATED TOTAL — RESTORE THE APPROVED BREATHING ROOM
   ========================================================= */
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar .wc-block-components-totals-footer-item,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell .wc-block-components-totals-footer-item {
    position: relative !important;
    margin-top: 18px !important;
    padding-top: 30px !important;
    border: 0 !important;
    border-block: 0 !important;
    border-inline: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
}

body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item::before,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    border: 0 !important;
    background: var(--bh-bag-line) !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

@media (min-width: 641px) {
    body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar .wc-block-components-totals-footer-item::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 26px !important;
        right: 26px !important;
        height: 1px !important;
        border: 0 !important;
        background: var(--bh-summary-divider) !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }
}

@media (max-width: 640px) {
    body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item,
    body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item,
    body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar .wc-block-components-totals-footer-item,
    body.woocommerce-checkout .bhraaj-mobile-native-summary-shell .wc-block-components-totals-footer-item {
        margin-top: 16px !important;
        padding-top: 27px !important;
    }

    body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar .wc-block-components-totals-footer-item::before,
    body.woocommerce-checkout .bhraaj-mobile-native-summary-shell .wc-block-components-totals-footer-item::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 18px !important;
        right: 18px !important;
        height: 1px !important;
        border: 0 !important;
        background: var(--bh-summary-divider) !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }
}


/* =========================================================
   BHRAAJ V358 — PREMIUM ACCOUNT ORDERS / 5-PER-PAGE SYSTEM
   ---------------------------------------------------------
   Dedicated Orders endpoint redesign.
   - Native WooCommerce order data and links remain functional owners.
   - Desktop becomes a restrained editorial card list, not an admin table.
   - Mobile is purpose-built down to 320px; no squeezed desktop columns.
   - Native pagination is retained and progressively presented as
     Previous / Page X of Y / Next.
   ========================================================= */

body.woocommerce-account .woocommerce-MyAccount-content.is-bhraaj-orders-v358 {
    --bh-orders-edge: color-mix(in srgb, var(--bh-border) 82%, transparent);
    --bh-orders-panel: color-mix(in srgb, var(--bh-surface) 96%, transparent);
    --bh-orders-panel-hover: color-mix(in srgb, var(--bh-surface) 92%, var(--bh-gold) 8%);
}

/* ---------- Orders panel masthead ---------- */
body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-meta-v358 {
    display: none !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-intro-v358 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 28px !important;
    align-items: end !important;
    margin: 0 0 24px !important;
    padding: 0 0 24px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--bh-orders-edge) !important;
    background: transparent !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-kicker-v358 {
    margin: 0 0 8px !important;
    color: var(--bh-red) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-intro-v358 h2 {
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(34px, 3.5vw, 48px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -.028em !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-deck-v358 {
    max-width: 590px !important;
    margin: 11px 0 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-count-v358 {
    min-width: 88px !important;
    padding: 12px 16px 11px !important;
    border: 1px solid var(--bh-orders-edge) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--bh-surface) 94%, transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-glass-edge) 45%, transparent) !important;
    text-align: center !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-count-v358 strong,
body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-count-v358 span {
    display: block !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-count-v358 strong {
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: 23px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-count-v358 span {
    margin-top: 4px !important;
    color: var(--bh-text-soft) !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

/* ---------- Reset the old admin-table presentation ---------- */
body.woocommerce-account .is-bhraaj-orders-v358 table.woocommerce-orders-table.bhraaj-orders-table-v358 {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-table-v358 thead {
    display: none !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-table-v358 tbody {
    display: grid !important;
    width: 100% !important;
    gap: 12px !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-table-v358 tbody tr.bhraaj-order-card-v358 {
    display: grid !important;
    grid-template-columns:
        minmax(100px, .78fr)
        minmax(142px, 1fr)
        minmax(126px, .92fr)
        minmax(170px, 1.18fr)
        minmax(112px, auto) !important;
    gap: clamp(14px, 1.8vw, 26px) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    border: 1px solid var(--bh-orders-edge) !important;
    border-radius: 18px !important;
    background: var(--bh-orders-panel) !important;
    box-shadow: 0 8px 24px rgba(55, 38, 28, .025) !important;
    transition:
        transform 220ms var(--bh-ease),
        border-color 220ms ease,
        background 220ms ease,
        box-shadow 220ms ease !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-table-v358 tbody td {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 6px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11.5px !important;
    font-weight: 550 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    vertical-align: middle !important;
    overflow-wrap: anywhere !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-table-v358 tbody td::before {
    content: attr(data-bhraaj-label) !important;
    display: block !important;
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    opacity: .9 !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-number a {
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
    text-decoration: none !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-date time {
    color: var(--bh-text) !important;
    font-weight: 600 !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-total {
    color: var(--bh-text) !important;
    font-weight: 650 !important;
}

/* ---------- Real status, premium treatment ---------- */
body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358 {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    min-height: 30px !important;
    max-width: 100% !important;
    padding: 6px 11px 6px 25px !important;
    border: 1px solid var(--bh-orders-edge) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--bh-surface-soft) 42%, var(--bh-surface)) !important;
    color: var(--bh-text) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: .065em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358.is-long-status-v359 {
    font-size: 8px !important;
    letter-spacing: .045em !important;
    padding-inline: 23px 10px !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358::before {
    content: "" !important;
    position: absolute !important;
    left: 11px !important;
    top: 50% !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: var(--bh-text-soft) !important;
    transform: translateY(-50%) !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358:is(.is-processing, .is-pending-payment, .is-on-hold)::before {
    background: var(--bh-gold) !important;
}
body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358:is(.is-completed, .is-delivered)::before {
    background: #73805d !important;
}
body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358:is(.is-shipped, .is-out-for-delivery)::before {
    background: #7a7162 !important;
}
body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358:is(.is-cancelled, .is-failed)::before {
    background: var(--bh-red) !important;
}
body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358.is-refunded::before {
    background: #80776f !important;
}

/* ---------- Actions ---------- */
body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-actions {
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    gap: 0 !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-actions::before {
    display: none !important;
    content: none !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-action-v358,
body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-actions .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 104px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 92%, transparent) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    transition:
        transform 200ms var(--bh-ease),
        border-color 200ms ease,
        background 200ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-table-v358 tbody tr.bhraaj-order-card-v358:hover {
        transform: translateY(-1px) !important;
        border-color: color-mix(in srgb, var(--bh-gold) 24%, var(--bh-orders-edge)) !important;
        background: var(--bh-orders-panel-hover) !important;
        box-shadow: 0 14px 34px rgba(55, 38, 28, .055) !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-action-v358:hover,
    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-actions .button:hover {
        transform: translateY(-1px) !important;
        border-color: color-mix(in srgb, var(--bh-gold) 30%, var(--bh-border)) !important;
        background: color-mix(in srgb, var(--bh-gold) 5%, transparent) !important;
    }
}

/* ---------- Real WooCommerce pagination ---------- */
body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-pagination-v358 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 22px 0 0 !important;
    padding: 18px 2px 0 !important;
    border-top: 1px solid var(--bh-orders-edge) !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-pagination-v358 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border: 1px solid var(--bh-orders-edge) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-pagination-v358 .is-previous-v358 {
    grid-column: 1 !important;
    justify-self: start !important;
}
body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-pagination-v358 .is-next-v358 {
    grid-column: 3 !important;
    justify-self: end !important;
}
body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-page-copy-v358 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    color: var(--bh-text-soft) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-pagination-v358 a:hover {
        border-color: color-mix(in srgb, var(--bh-gold) 30%, var(--bh-orders-edge)) !important;
        background: color-mix(in srgb, var(--bh-gold) 5%, transparent) !important;
        transform: translateY(-1px) !important;
    }
}

/* ---------- Tablet ---------- */
@media (max-width: 1080px) {
    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-table-v358 tbody tr.bhraaj-order-card-v358 {
        grid-template-columns: .75fr 1fr .9fr 1.05fr auto !important;
        gap: 13px !important;
        padding: 18px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-number a {
        font-size: 20px !important;
    }
}

/* ---------- V359 final order-card hierarchy ---------- */
body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-number::before {
    display: none !important;
    content: none !important;
}

/* ---------- Mobile: dedicated card composition ---------- */
@media (max-width: 767px) {
    body.woocommerce-account .woocommerce-MyAccount-content.is-bhraaj-orders-v358 {
        min-width: 0 !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-intro-v358 {
        grid-template-columns: 1fr auto !important;
        gap: 16px !important;
        align-items: start !important;
        margin-bottom: 18px !important;
        padding-bottom: 20px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-intro-v358 h2 {
        font-size: clamp(31px, 10vw, 40px) !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-deck-v358 {
        max-width: 32ch !important;
        margin-top: 9px !important;
        font-size: 11px !important;
        line-height: 1.55 !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-count-v358 {
        min-width: 64px !important;
        padding: 10px 11px !important;
        border-radius: 12px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-count-v358 strong {
        font-size: 20px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-table-v358 tbody {
        gap: 12px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-table-v358 tbody tr.bhraaj-order-card-v358 {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "order status"
            "date total"
            "actions actions" !important;
        gap: 15px 14px !important;
        padding: 18px !important;
        border-radius: 16px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-number {
        grid-area: order !important;
    }
    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-date {
        grid-area: date !important;
    }
    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-status {
        grid-area: status !important;
        align-items: flex-end !important;
    }
    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-status::before {
        display: none !important;
        content: none !important;
    }
    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-total {
        grid-area: total !important;
        align-items: flex-end !important;
        text-align: right !important;
    }
    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-total::before {
        text-align: right !important;
    }
    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-actions {
        grid-area: actions !important;
        align-items: stretch !important;
        padding-top: 2px !important;
    }
    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-actions::before {
        display: none !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-action-v358,
    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-actions .button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 43px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358 {
        justify-content: flex-start !important;
        min-height: 28px !important;
        max-width: none !important;
        padding: 5px 9px 5px 22px !important;
        font-size: 8px !important;
        white-space: nowrap !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358.is-long-status-v359 {
        padding: 5px 9px 5px 21px !important;
        font-size: 7.25px !important;
        letter-spacing: .035em !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358::before {
        left: 9px !important;
        width: 5px !important;
        height: 5px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-pagination-v358 {
        gap: 9px !important;
        margin-top: 18px !important;
        padding-top: 16px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-pagination-v358 a {
        min-height: 36px !important;
        padding: 0 11px !important;
        font-size: 8px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-page-copy-v358 {
        font-size: 8px !important;
        letter-spacing: .05em !important;
    }
}

/* ---------- 320px safety ---------- */
@media (max-width: 380px) {
    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-intro-v358 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-count-v358 {
        display: inline-grid !important;
        grid-template-columns: auto auto !important;
        align-items: baseline !important;
        justify-content: start !important;
        gap: 6px !important;
        width: fit-content !important;
        min-width: 0 !important;
        padding: 8px 10px !important;
        text-align: left !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-count-v358 span {
        margin: 0 !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-table-v358 tbody tr.bhraaj-order-card-v358 {
        gap: 16px 10px !important;
        padding: 16px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-number a {
        font-size: 19px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .woocommerce-orders-table__cell-order-total {
        max-width: 126px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358.is-long-status-v359 {
        font-size: 6.9px !important;
        letter-spacing: .02em !important;
        padding-right: 8px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-pagination-v358 {
        grid-template-columns: 1fr auto 1fr !important;
        gap: 6px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-pagination-v358 a {
        min-height: 34px !important;
        padding: 0 9px !important;
        letter-spacing: .035em !important;
    }
}

/* ---------- Dark mode parity ---------- */
html[data-theme="dark"] body.woocommerce-account .is-bhraaj-orders-v358 {
    --bh-orders-edge: color-mix(in srgb, var(--bh-border) 90%, rgba(255,255,255,.03));
    --bh-orders-panel: color-mix(in srgb, var(--bh-surface) 95%, #000 5%);
    --bh-orders-panel-hover: color-mix(in srgb, var(--bh-surface) 92%, var(--bh-gold) 8%);
}

html[data-theme="dark"] body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-status-pill-v358,
html[data-theme="dark"] body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-count-v358 {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-card-v358,
    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-order-action-v358,
    body.woocommerce-account .is-bhraaj-orders-v358 .bhraaj-orders-pagination-v358 a {
        transition: none !important;
        transform: none !important;
    }
}


/* =========================================================
   BHRAAJ V360 — PREMIUM VIEW ORDER REBUILD
   My Account > Orders > View order
   ---------------------------------------------------------
   Native WooCommerce order data remains the source of truth.
   This layer rebuilds presentation only and stays future-ready
   for longer/custom fulfilment statuses.
   ========================================================= */

body.woocommerce-account .woocommerce-MyAccount-content.is-bhraaj-view-order-v360 {
    position: relative;
    min-width: 0;
    padding: clamp(28px, 3vw, 42px) !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
    border-radius: 26px !important;
    background: color-mix(in srgb, var(--bh-surface) 96%, transparent) !important;
    box-shadow: 0 24px 72px rgba(55, 38, 28, 0.07) !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-native-summary-v360 {
    display: none !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-hero-v360 {
    display: grid;
    gap: 24px;
    margin: 0 0 34px;
    padding: 0 0 30px;
    border-bottom: 1px solid var(--bh-border);
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-hero-top-v360 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-title-wrap-v360 {
    min-width: 0;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-kicker-v360,
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-meta-item-v360 > span {
    margin: 0;
    font-family: var(--bh-sans);
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--bh-text-soft);
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-kicker-v360 {
    margin-bottom: 7px;
    color: color-mix(in srgb, var(--bh-red) 76%, var(--bh-text));
}

body.woocommerce-account .is-bhraaj-view-order-v360 #bhraaj-view-order-title-v360 {
    margin: 0;
    font-family: var(--bh-serif);
    font-size: clamp(38px, 4.3vw, 58px);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.025em;
    color: var(--bh-text);
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-status-v360 {
    --bh-status-dot: var(--bh-gold);
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 100%;
    min-height: 34px;
    padding: 8px 13px;
    border: 1px solid color-mix(in srgb, var(--bh-status-dot) 34%, var(--bh-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--bh-status-dot) 6%, var(--bh-surface));
    color: var(--bh-text);
    font-family: var(--bh-sans);
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-status-v360::before {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: var(--bh-status-dot);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-status-dot) 10%, transparent);
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-status-v360:is(.is-processing, .is-pending-payment, .is-on-hold) {
    --bh-status-dot: var(--bh-gold);
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-status-v360:is(.is-completed, .is-delivered) {
    --bh-status-dot: #657a5c;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-status-v360:is(.is-shipped, .is-out-for-delivery) {
    --bh-status-dot: #6d7688;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-status-v360:is(.is-cancelled, .is-failed) {
    --bh-status-dot: var(--bh-red);
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-status-v360.is-refunded {
    --bh-status-dot: #8b7564;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-status-v360.is-long-status-v360 {
    font-size: 8.7px;
    letter-spacing: .075em;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-meta-v360 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-meta-item-v360 {
    min-width: 0;
    padding: 16px 18px;
    border: 1px solid color-mix(in srgb, var(--bh-border) 78%, transparent);
    border-radius: 15px;
    background: color-mix(in srgb, var(--bh-surface-soft) 24%, transparent);
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-meta-item-v360 strong {
    display: block;
    margin-top: 6px;
    color: var(--bh-text);
    font-family: var(--bh-sans);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-back-v360 {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid var(--bh-border);
    border-radius: 999px;
    background: transparent;
    color: var(--bh-text);
    font-family: var(--bh-sans);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .045em;
    transition: transform 220ms var(--bh-ease), border-color 220ms ease, background 220ms ease;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-back-v360:hover {
        transform: translateY(-1px);
        border-color: color-mix(in srgb, var(--bh-gold) 54%, var(--bh-border));
        background: color-mix(in srgb, var(--bh-gold) 5%, var(--bh-surface));
    }
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-pieces-v360,
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-addresses-v360 {
    margin: 0 !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-pieces-v360 + .bhraaj-view-order-addresses-v360 {
    margin-top: 34px !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .woocommerce-order-details__title,
body.woocommerce-account .is-bhraaj-view-order-v360 .woocommerce-customer-details > h2,
body.woocommerce-account .is-bhraaj-view-order-v360 .woocommerce-column__title {
    margin: 0 !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-weight: 500 !important;
    letter-spacing: -.02em !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .woocommerce-order-details__title,
body.woocommerce-account .is-bhraaj-view-order-v360 .woocommerce-customer-details > h2 {
    margin-bottom: 16px !important;
    font-size: clamp(27px, 3vw, 38px) !important;
    line-height: 1 !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 {
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 85%, transparent) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: color-mix(in srgb, var(--bh-surface) 98%, transparent) !important;
    box-shadow: none !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 thead th {
    padding: 13px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--bh-border) !important;
    background: color-mix(in srgb, var(--bh-surface-soft) 28%, transparent) !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tbody td,
body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot th,
body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot td {
    padding: 15px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent) !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tbody td:last-child,
body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot td {
    text-align: right !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot {
    background: color-mix(in srgb, var(--bh-surface-soft) 13%, transparent) !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot th {
    width: 50%;
    color: var(--bh-text-soft) !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot td {
    font-weight: 650 !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tr:last-child > * {
    border-bottom: 0 !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 .product-name a {
    color: var(--bh-text) !important;
    font-family: var(--bh-serif) !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 .product-quantity {
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-addresses-v360 .woocommerce-columns--addresses,
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-addresses-v360 .woocommerce-columns--2,
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-grid-v360 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 0 !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-card-v360 {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 82%, transparent) !important;
    border-radius: 17px !important;
    background: color-mix(in srgb, var(--bh-surface-soft) 14%, transparent) !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-card-v360 .woocommerce-column__title {
    margin-bottom: 12px !important;
    font-size: 24px !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-card-v360 address {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12.5px !important;
    font-style: normal !important;
    line-height: 1.7 !important;
    overflow-wrap: anywhere;
}

html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-content.is-bhraaj-view-order-v360 {
    box-shadow: 0 28px 78px rgba(0, 0, 0, .22) !important;
}

@media (max-width: 760px) {
    body.woocommerce-account .woocommerce-MyAccount-content.is-bhraaj-view-order-v360 {
        padding: 22px 18px 26px !important;
        border-radius: 20px !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-hero-v360 {
        gap: 18px;
        margin-bottom: 28px;
        padding-bottom: 24px;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-hero-top-v360 {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 12px;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 #bhraaj-view-order-title-v360 {
        font-size: clamp(34px, 11vw, 45px);
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-status-v360 {
        min-height: 31px;
        padding: 7px 10px;
        font-size: 8.4px;
        letter-spacing: .075em;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-status-v360.is-long-status-v360 {
        font-size: 7.8px;
        letter-spacing: .05em;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-meta-v360 {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-meta-item-v360 {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 13px;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-meta-item-v360 strong {
        margin: 0;
        text-align: right;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-back-v360 {
        width: 100%;
        justify-content: center;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .woocommerce-order-details__title,
    body.woocommerce-account .is-bhraaj-view-order-v360 .woocommerce-customer-details > h2 {
        font-size: 30px !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 thead {
        display: none !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360,
    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tbody,
    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot {
        display: block !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tbody tr,
    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot tr {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 12px !important;
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent) !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tbody td,
    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot th,
    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot td {
        width: auto !important;
        padding: 14px 15px !important;
        border: 0 !important;
        text-align: left !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tbody td:last-child,
    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot td {
        text-align: right !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tr:last-child {
        border-bottom: 0 !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-addresses-v360 .woocommerce-columns--addresses,
    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-addresses-v360 .woocommerce-columns--2,
    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-grid-v360 {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-card-v360 {
        padding: 17px !important;
        border-radius: 15px !important;
    }
}

@media (max-width: 380px) {
    body.woocommerce-account .woocommerce-MyAccount-content.is-bhraaj-view-order-v360 {
        padding-inline: 15px !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-hero-top-v360 {
        grid-template-columns: 1fr;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-status-v360 {
        width: fit-content;
        max-width: 100%;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-meta-item-v360 {
        grid-template-columns: 78px minmax(0, 1fr);
        padding-inline: 12px;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tbody tr,
    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot tr {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tbody td,
    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot th,
    body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 tfoot td {
        padding-inline: 12px !important;
        font-size: 11.5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-back-v360 {
        transition: none !important;
    }
}

/* =========================================================
   BHRAAJ V361 — VIEW ORDER INNER RAIL + ADDRESS ALIGNMENT LOCK
   My Account > Orders > View order
   ---------------------------------------------------------
   Scope only:
   - give the order-detail content a deliberate inner rail so
     the product/order card never presses against the outer shell;
   - force Billing + Shipping into one equal-height desktop row;
   - neutralize legacy WooCommerce float/width/clear behavior;
   - preserve the existing V360 mobile stack.
   ========================================================= */

/* ---------- Desktop/tablet section rhythm ---------- */
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-pieces-v360,
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-addresses-v360 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: clamp(8px, 1.35vw, 18px) !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-pieces-v360 {
    padding-top: 2px !important;
    padding-bottom: 8px !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-pieces-v360 + .bhraaj-view-order-addresses-v360 {
    margin-top: 38px !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 table.bhraaj-view-order-table-v360 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ---------- Billing + Shipping: one stable desktop row ---------- */
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-addresses-v360 .woocommerce-columns--addresses,
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-addresses-v360 .woocommerce-columns--2,
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-grid-v360 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-card-v360,
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-grid-v360 > .woocommerce-column,
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-grid-v360 > .col-1,
body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-grid-v360 > .col-2 {
    float: none !important;
    clear: none !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-card-v360 address {
    flex: 1 1 auto !important;
}

/* ---------- Mobile: retain clean single-column cards ---------- */
@media (max-width: 760px) {
    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-pieces-v360,
    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-addresses-v360 {
        padding-inline: 0 !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-pieces-v360 + .bhraaj-view-order-addresses-v360 {
        margin-top: 28px !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-addresses-v360 .woocommerce-columns--addresses,
    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-addresses-v360 .woocommerce-columns--2,
    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-grid-v360 {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-card-v360,
    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-grid-v360 > .woocommerce-column,
    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-grid-v360 > .col-1,
    body.woocommerce-account .is-bhraaj-view-order-v360 .bhraaj-view-order-address-grid-v360 > .col-2 {
        height: auto !important;
    }
}


/* =========================================================
   BHRAAJ V362 — VIEW ORDER STRUCTURAL OWNERSHIP
   ========================================================= */
body.woocommerce-account .woocommerce-MyAccount-content.is-bhraaj-view-order-v362 {
    padding: 0 !important;
    overflow: hidden !important;
}
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-shell-v362 {
    --bh-v362-rail: clamp(30px, 3.2vw, 46px);
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: var(--bh-v362-rail) !important;
    box-sizing: border-box !important;
}
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-hero-v362 {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 30px !important;
    box-sizing: border-box !important;
}
body.woocommerce-account .is-bhraaj-view-order-v362 #bhraaj-view-order-title-v362 {
    margin: 0 !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(42px,4.8vw,66px) !important;
    font-weight: 500 !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
}
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-pieces-v362,
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-addresses-v362 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-pieces-v362 { margin-top: 34px !important; }
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-pieces-v362 .woocommerce-order-details__title { margin: 0 0 18px !important; }
body.woocommerce-account .is-bhraaj-view-order-v362 table.bhraaj-view-order-table-v362 {
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid color-mix(in srgb,var(--bh-border) 86%,transparent) !important;
    border-radius: 20px !important;
    background: color-mix(in srgb,var(--bh-surface) 98%,transparent) !important;
    overflow: hidden !important;
}
body.woocommerce-account .is-bhraaj-view-order-v362 table.bhraaj-view-order-table-v362 thead th,
body.woocommerce-account .is-bhraaj-view-order-v362 table.bhraaj-view-order-table-v362 tbody td,
body.woocommerce-account .is-bhraaj-view-order-v362 table.bhraaj-view-order-table-v362 tfoot th,
body.woocommerce-account .is-bhraaj-view-order-v362 table.bhraaj-view-order-table-v362 tfoot td {
    padding-left: clamp(20px,2.2vw,30px) !important;
    padding-right: clamp(20px,2.2vw,30px) !important;
}
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-payment-row-v362 { display:none !important; }
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-addresses-v362 { margin-top: 38px !important; }
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-delivery-title-v362 {
    margin: 0 0 18px !important;
    font-family: var(--bh-serif) !important;
    font-size: clamp(30px,3vw,42px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-address-grid-v362 {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:16px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-address-card-v362 {
    float:none !important; clear:none !important; position:static !important;
    display:flex !important; flex-direction:column !important; align-self:stretch !important;
    width:auto !important; min-width:0 !important; max-width:none !important; height:100% !important;
    margin:0 !important; padding:clamp(22px,2.2vw,30px) !important;
    border:1px solid color-mix(in srgb,var(--bh-border) 84%,transparent) !important;
    border-radius:20px !important; background:color-mix(in srgb,var(--bh-surface) 98%,transparent) !important;
    box-sizing:border-box !important;
}
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-address-card-v362 .woocommerce-column__title {
    margin:0 0 14px !important; font-family:var(--bh-serif) !important;
    font-size:clamp(24px,2.25vw,31px) !important; font-weight:500 !important; line-height:1.05 !important;
}
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-address-card-v362 address { flex:1 1 auto !important; margin:0 !important; font-style:normal !important; }
body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-empty-address-wrapper-v362,
body.woocommerce-account .is-bhraaj-view-order-v362 .woocommerce-customer-details > h2:not(.bhraaj-view-order-delivery-title-v362) { display:none !important; }
@media (max-width:760px) {
    body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-shell-v362 { --bh-v362-rail:18px; }
    body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-hero-top-v362 { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:14px !important; }
    body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-status-v362 { justify-self:start !important; width:fit-content !important; max-width:100% !important; }
    body.woocommerce-account .is-bhraaj-view-order-v362 #bhraaj-view-order-title-v362 { font-size:clamp(38px,12vw,52px) !important; }
    body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-address-grid-v362 { grid-template-columns:minmax(0,1fr) !important; gap:12px !important; }
    body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-address-card-v362 { height:auto !important; padding:20px !important; border-radius:17px !important; }
    body.woocommerce-account .is-bhraaj-view-order-v362 table.bhraaj-view-order-table-v362 thead th,
    body.woocommerce-account .is-bhraaj-view-order-v362 table.bhraaj-view-order-table-v362 tbody td,
    body.woocommerce-account .is-bhraaj-view-order-v362 table.bhraaj-view-order-table-v362 tfoot th,
    body.woocommerce-account .is-bhraaj-view-order-v362 table.bhraaj-view-order-table-v362 tfoot td { padding-left:15px !important; padding-right:15px !important; }
}
@media (max-width:380px) { body.woocommerce-account .is-bhraaj-view-order-v362 .bhraaj-view-order-shell-v362 { --bh-v362-rail:15px; } }

/* =========================================================
   BHRAAJ V363 — VIEW ORDER PAYMENT + TOTAL COLUMN LOCK
   - Keep product heading on the left and TOTAL on the far-right value rail.
   - Preserve the existing V362 structural rebuild without changing layout.
   ========================================================= */
body.woocommerce-account
.is-bhraaj-view-order-v362
 table.bhraaj-view-order-table-v362 thead th:first-child {
    text-align: left !important;
}

body.woocommerce-account
.is-bhraaj-view-order-v362
 table.bhraaj-view-order-table-v362 thead th:last-child {
    text-align: right !important;
}

body.woocommerce-account
.is-bhraaj-view-order-v362
 table.bhraaj-view-order-table-v362 thead th:last-child,
body.woocommerce-account
.is-bhraaj-view-order-v362
 table.bhraaj-view-order-table-v362 tbody td:last-child,
body.woocommerce-account
.is-bhraaj-view-order-v362
 table.bhraaj-view-order-table-v362 tfoot td {
    width: 34% !important;
}

body.woocommerce-account
.is-bhraaj-view-order-v362
 table.bhraaj-view-order-table-v362 thead th:first-child,
body.woocommerce-account
.is-bhraaj-view-order-v362
 table.bhraaj-view-order-table-v362 tbody td:first-child,
body.woocommerce-account
.is-bhraaj-view-order-v362
 table.bhraaj-view-order-table-v362 tfoot th {
    width: 66% !important;
}

/* =========================================================
   BHRAAJ V368 — REAL PAYMENT BRAND ASSET LOCK
   12 Sep 2026
   ---------------------------------------------------------
   Uses real external SVG brand artwork for:
   Razorpay / UPI / Visa / Mastercard / Google Pay / PhonePe.
   No hand-built/recreated logo artwork.
   Presentation matches the existing BHRAAJ delivery-partner
   brown/brass family and remains compact/responsive.
   ========================================================= */

.bhraaj-footer-payments-v368 {
    display: grid;
    gap: 14px;
    padding: 25px 0 23px;
    border-top: 1px solid var(--bh-border);
}

.bhraaj-footer-payments-title-v368 {
    margin: 0;
    color: var(--bh-text-soft);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.bhraaj-footer-payment-logos-v368 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
    width: min(100%, 1120px);
    margin-inline: auto;
    column-gap: clamp(30px, 3.2vw, 48px);
    row-gap: 14px;
}

.bhraaj-payment-logo-item-v368 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
}

.bhraaj-payment-logo-item-v368 > img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 24px;
    margin: 0 auto;
    padding: 0;
    object-fit: contain;
    object-position: center;
    transform: none;

    /* Same brown treatment already locked for delivery logos. */
    filter: grayscale(1) sepia(.82) saturate(1.7) hue-rotate(332deg) brightness(.62) contrast(1.18);
    opacity: .84;
    mix-blend-mode: multiply;
}

/* Optical balancing only — proportions of the real artwork remain untouched. */
.bhraaj-payment-logo-razorpay-v368 > img {
    width: 108px;
    max-height: 24px;
}

.bhraaj-payment-logo-upi-v368 > img {
    width: 74px;
    max-height: 25px;
}

.bhraaj-payment-logo-visa-v368 > img {
    width: 64px;
    max-height: 23px;
}

.bhraaj-payment-logo-mastercard-v368 > img {
    width: 76px;
    max-height: 27px;
}

.bhraaj-payment-logo-gpay-v368 > img {
    width: 86px;
    max-height: 24px;
}

.bhraaj-payment-logo-phonepe-v368 > img {
    width: 96px;
    max-height: 24px;
}

html[data-theme="dark"] .bhraaj-payment-logo-item-v368 > img {
    filter: grayscale(1) sepia(.74) saturate(1.35) hue-rotate(330deg) brightness(1.34) contrast(.94);
    opacity: .82;
    mix-blend-mode: screen;
}

@media (max-width: 900px) {
    .bhraaj-footer-payment-logos-v368 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 28px;
        row-gap: 12px;
    }
}

@media (max-width: 520px) {
    .bhraaj-footer-payments-v368 {
        gap: 12px;
        padding: 22px 0 20px;
    }

    .bhraaj-footer-payment-logos-v368 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 10px;
    }

    .bhraaj-payment-logo-item-v368 {
        min-height: 40px;
    }

    .bhraaj-payment-logo-item-v368 > img {
        max-height: 21px;
    }

    .bhraaj-payment-logo-razorpay-v368 > img { width: 98px; }
    .bhraaj-payment-logo-upi-v368 > img { width: 68px; }
    .bhraaj-payment-logo-visa-v368 > img { width: 59px; }
    .bhraaj-payment-logo-mastercard-v368 > img { width: 70px; }
    .bhraaj-payment-logo-gpay-v368 > img { width: 80px; }
    .bhraaj-payment-logo-phonepe-v368 > img { width: 88px; }
}


/* =========================================================
   BHRAAJ V373 — PDP SHARE + WISHLIST FINAL RAIL
   12 Sep 2026
   ---------------------------------------------------------
   Final client lock:
   - Share starts on the exact same left rail as price/copy.
   - Wishlist follows on the right.
   - Controlled breathing room horizontally and vertically.
   - Applies to every single-product page.
   ========================================================= */

/* Price -> action rail: deliberate but compact. */
html body.single-product.bhraaj-single-product-v20 div.product .summary > p.price,
html body.single-product.bhraaj-single-product-v20 div.product .summary > span.price {
    margin-bottom: 14px !important;
}

/* One owner for placement, order and spacing. */
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-pdp-action-rail-v373 {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    column-gap: 26px !important;
    row-gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Neutralize all older per-control offsets. */
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-pdp-action-rail-v373 > .bhraaj-single-share-v285,
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-pdp-action-rail-v373 > .bhraaj-single-wishlist {
    box-sizing: border-box !important;
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* Share is physically first in the DOM and is also explicitly locked first. */
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-pdp-action-rail-v373 > .bhraaj-single-share-v285 {
    order: 1 !important;
}

/* Wishlist follows Share. */
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-pdp-action-rail-v373 > .bhraaj-single-wishlist {
    order: 2 !important;
    gap: 10px !important;
}

/* Remove older Share button offsets and keep its icon/label geometry identical
   to the Wishlist control. */
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-pdp-action-rail-v373 .bhraaj-product-share-action-v285 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Equal icon shells preserve one optical baseline. */
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-pdp-action-rail-v373 .bhraaj-product-share-icon-shell-v285,
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-pdp-action-rail-v373 .bhraaj-wishlist-toggle-single {
    box-sizing: border-box !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    align-self: center !important;
}

/* Labels remain compact and vertically centered. */
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-pdp-action-rail-v373 .bhraaj-product-share-label-v285,
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-pdp-action-rail-v373 .bhraaj-single-wishlist > span {
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Action rail -> description: wrapper owns the entire gap. */
html body.single-product.bhraaj-single-product-v20 div.product .summary
.bhraaj-pdp-action-rail-v373 + .woocommerce-product-details__short-description {
    margin-top: 0 !important;
}

/* Mobile keeps the same order and left alignment, with slightly tighter rhythm. */
@media (max-width: 767px) {
    html body.single-product.bhraaj-single-product-v20 div.product .summary > p.price,
    html body.single-product.bhraaj-single-product-v20 div.product .summary > span.price {
        margin-bottom: 12px !important;
    }

    html body.single-product.bhraaj-single-product-v20 div.product .summary
    .bhraaj-pdp-action-rail-v373 {
        column-gap: 18px !important;
        row-gap: 8px !important;
        margin-bottom: 14px !important;
    }
}

/* 320px production floor: reduce only the inter-action gap and label size. */
@media (max-width: 339px) {
    html body.single-product.bhraaj-single-product-v20 div.product .summary
    .bhraaj-pdp-action-rail-v373 {
        column-gap: 12px !important;
    }

    html body.single-product.bhraaj-single-product-v20 div.product .summary
    .bhraaj-pdp-action-rail-v373
    :is(.bhraaj-product-share-label-v285, .bhraaj-single-wishlist > span) {
        font-size: 10.5px !important;
    }
}


/* =========================================================
   BHRAAJ V374 — ADMIN-CONTROLLED RECEIPT LOGO
   12 Sep 2026
   ---------------------------------------------------------
   Clean centered logo treatment only — no stamp/rotation.
   The logo box has a stable height so the V328 receipt printer
   animation cannot shift when the image finishes loading.
   ========================================================= */

body.woocommerce-order-received
.bhraaj-receipt-brand-v324.has-custom-logo-v374 {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 60px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    letter-spacing: 0 !important;
}

body.woocommerce-order-received
.bhraaj-receipt-brand-image-v374 {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 160px !important;
    max-height: 60px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    filter: none !important;
}

/* Keep the real logo untouched in dark mode: receipt artwork is brand content,
   not a UI icon that should be recolored by the theme. */
html[data-theme="dark"] body.woocommerce-order-received
.bhraaj-receipt-brand-image-v374 {
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

@media (max-width: 520px) {
    body.woocommerce-order-received
    .bhraaj-receipt-brand-v324.has-custom-logo-v374 {
        min-height: 50px !important;
        margin-bottom: 9px !important;
    }

    body.woocommerce-order-received
    .bhraaj-receipt-brand-image-v374 {
        max-width: 138px !important;
        max-height: 50px !important;
    }
}

/* Print / Save as PDF keeps the same clean logo geometry. */
@media print {
    body.woocommerce-order-received
    .bhraaj-receipt-brand-v324.has-custom-logo-v374 {
        min-height: 60px !important;
    }

    body.woocommerce-order-received
    .bhraaj-receipt-brand-image-v374 {
        max-width: 160px !important;
        max-height: 60px !important;
        filter: none !important;
        opacity: 1 !important;
    }
}


/* =========================================================
   BHRAAJ V375 — ORDERS PAGINATION CLEAN STATE FIX
   12 Sep 2026
   ---------------------------------------------------------
   Root cause:
   WooCommerce Previous / Next links also carry `.woocommerce-Button`,
   so the global primary-button system was leaking `overflow:hidden`,
   hover box-shadow/filter and active effects into Orders pagination.
   That caused the shadow/box state after AJAX/back navigation and could
   visually clip the Unicode arrowheads.

   Fix:
   - Pagination explicitly neutralises inherited primary-button effects.
   - No shadow/box appears after View order -> All orders / browser Back.
   - SVG arrows replace font arrows, so both heads render completely.
   - Existing V358 layout, pagination logic and page count stay intact.
   ========================================================= */

body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-v358 {
    overflow: visible !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    outline: 0 !important;
}

body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-v358 a,
body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-v358 a.woocommerce-Button,
body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-v358 a.button {
    position: static !important;
    overflow: visible !important;
    gap: 8px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    outline: 0 !important;
    line-height: 1.2 !important;
    isolation: auto !important;
}

/* Kill every inherited primary-button interaction state specifically here. */
body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-v358 a:hover,
body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-v358 a:active,
body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-v358 a:focus,
body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-v358 a:focus-visible {
    overflow: visible !important;
    box-shadow: none !important;
    filter: none !important;
    outline: 0 !important;
}

/* Retain a quiet premium hover/focus cue without creating a surrounding shadow. */
@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account .is-bhraaj-orders-v358
    .bhraaj-orders-pagination-v358 a:hover {
        transform: translateY(-1px) !important;
        border-color: color-mix(in srgb, var(--bh-gold) 30%, var(--bh-orders-edge)) !important;
        background: color-mix(in srgb, var(--bh-gold) 5%, transparent) !important;
    }
}

body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-v358 a:focus-visible {
    color: color-mix(in srgb, var(--bh-text) 82%, var(--bh-gold) 18%) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px !important;
}

/* Crisp complete arrows: not dependent on the active UI font's arrow glyph. */
body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-arrow-v375 {
    display: block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 12px !important;
    overflow: visible !important;
}

body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-arrow-v375 path {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.6 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    vector-effect: non-scaling-stroke !important;
}

body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-label-v375 {
    display: block !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* The generic primary-button system can inject pseudo-elements into
   `.woocommerce-Button`; pagination never needs them. */
body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-v358 a::before,
body.woocommerce-account .is-bhraaj-orders-v358
.bhraaj-orders-pagination-v358 a::after {
    content: none !important;
    display: none !important;
}

/* Mobile keeps the exact existing pagination dimensions. */
@media (max-width: 767px) {
    body.woocommerce-account .is-bhraaj-orders-v358
    .bhraaj-orders-pagination-v358 a,
    body.woocommerce-account .is-bhraaj-orders-v358
    .bhraaj-orders-pagination-v358 a.woocommerce-Button,
    body.woocommerce-account .is-bhraaj-orders-v358
    .bhraaj-orders-pagination-v358 a.button {
        min-height: 36px !important;
        padding: 0 11px !important;
        gap: 7px !important;
    }

    body.woocommerce-account .is-bhraaj-orders-v358
    .bhraaj-orders-pagination-arrow-v375 {
        flex-basis: 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        height: 11px !important;
    }
}

@media (max-width: 380px) {
    body.woocommerce-account .is-bhraaj-orders-v358
    .bhraaj-orders-pagination-v358 a,
    body.woocommerce-account .is-bhraaj-orders-v358
    .bhraaj-orders-pagination-v358 a.woocommerce-Button,
    body.woocommerce-account .is-bhraaj-orders-v358
    .bhraaj-orders-pagination-v358 a.button {
        min-height: 34px !important;
        padding: 0 9px !important;
    }
}


/* =========================================================
   BHRAAJ V376 — COUPON DIVIDER SINGLE-LINE FINAL LOCK
   12 Sep 2026
   ---------------------------------------------------------
   Scope ONLY:
   - Your Bag order-summary coupon divider
   - Place Order / Checkout order-summary coupon divider

   Root cause:
   Historical WooCommerce/BHRAAJ summary styles can contribute
   borders/pseudo-elements on both the coupon wrapper and the
   immediately following totals wrapper. V376 neutralises every
   possible separator source in this exact junction, then draws
   ONE inset hairline from the coupon wrapper only.

   No coupon controls, totals spacing, buttons, typography,
   price rows or other layout are changed.
   ========================================================= */

/* ---------------------------------------------------------
   1. ZERO EVERY POSSIBLE DIVIDER AT THE COUPON -> SUBTOTAL
      JUNCTION. This includes physical/logical borders, shadows
      and pseudo-elements on:
      - coupon wrapper
      - coupon component/content/form
      - immediately following totals wrapper
      - its first totals item
   --------------------------------------------------------- */

body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon),

body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon,

body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon
> .wc-block-components-totals-coupon__content,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon
> .wc-block-components-totals-coupon__content,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon
> .wc-block-components-totals-coupon__content,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon
> .wc-block-components-totals-coupon__content,

body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper,

body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper
> .wc-block-components-totals-item,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper
> .wc-block-components-totals-item,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper
> .wc-block-components-totals-item,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper
> .wc-block-components-totals-item {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-block-start: 0 !important;
    border-block-end: 0 !important;
    border-inline-start: 0 !important;
    border-inline-end: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Remove pseudo-divider sources from every node at this junction. */
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::before,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::before,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::before,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::before,

body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon::before,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon::before,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon::before,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon::before,

body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon::after,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon::after,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon::after,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
> .wc-block-components-totals-coupon::after,

body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper::before,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper::before,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper::before,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper::before,

body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper::after,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper::after,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper::after,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)
+ .wc-block-components-totals-wrapper::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

/* ---------------------------------------------------------
   2. DRAW EXACTLY ONE DIVIDER.
      Use a zero-height pseudo + border-top instead of a 1px
      filled box, avoiding anti-aliased "double thickness".
   --------------------------------------------------------- */
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after,
body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after,
body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    left: 26px !important;
    right: 26px !important;
    bottom: 0 !important;
    width: auto !important;
    height: 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--bh-summary-divider) !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

/* Your Bag uses its own approved line token but the same inset geometry. */
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after,
body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after {
    border-top-color: var(--bh-bag-line) !important;
}

/* Mobile: still one line, with a deliberate 18px safe inset. */
@media (max-width: 640px) {
    body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after,
    body.bhraaj-cart-v91 .wc-block-cart .wc-block-cart__sidebar
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after,
    body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__sidebar
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after,
    body.woocommerce-checkout .bhraaj-mobile-native-summary-shell
    .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon)::after {
        left: 18px !important;
        right: 18px !important;
    }
}


/* =========================================================
   BHRAAJ V377 — CHECKOUT COUPON DIVIDER FINAL DOM LOCK
   12 Sep 2026
   ---------------------------------------------------------
   CHECKOUT ONLY.
   The Bag V376 result is intentionally untouched.

   V377 uses runtime-tagged checkout nodes so desktop and mobile
   WooCommerce Blocks cannot fall through different structural
   selector paths. Exactly ONE inset line is owned by the real
   coupon wrapper.
   ========================================================= */

/* Real coupon wrapper: no native/historical border source survives. */
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-owner-v377 {
    position: relative !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-block-start: 0 !important;
    border-block-end: 0 !important;
    border-inline-start: 0 !important;
    border-inline-end: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Coupon descendants must not contribute a second separator. */
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-owner-v377
.wc-block-components-totals-coupon,
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-owner-v377
.wc-block-components-totals-coupon__content,
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-owner-v377
.wc-block-components-totals-coupon__form {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-block-start: 0 !important;
    border-block-end: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* The following totals wrapper is the second historical source on Checkout. */
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-next-v377,
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-next-v377
> .wc-block-components-totals-item,
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-next-v377
.wc-block-components-totals-item {
    border-top: 0 !important;
    border-block-start: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Kill pseudo-dividers on coupon descendants / following totals wrapper. */
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-owner-v377
.wc-block-components-totals-coupon::before,
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-owner-v377
.wc-block-components-totals-coupon::after,
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-owner-v377
.wc-block-components-totals-coupon__content::before,
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-owner-v377
.wc-block-components-totals-coupon__content::after,
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-owner-v377
.wc-block-components-totals-coupon__form::before,
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-owner-v377
.wc-block-components-totals-coupon__form::after,
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-next-v377::before,
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-next-v377::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

/* EXACTLY ONE checkout divider. No height-filled rectangle, just one hairline. */
body.woocommerce-checkout
.bhraaj-checkout-coupon-divider-owner-v377::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 2 !important;
    left: 26px !important;
    right: 26px !important;
    bottom: 0 !important;
    width: auto !important;
    height: 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--bh-summary-divider) !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

/* Same single inset line on the native mobile Place Order summary. */
@media (max-width: 640px) {
    body.woocommerce-checkout
    .bhraaj-checkout-coupon-divider-owner-v377::after {
        left: 18px !important;
        right: 18px !important;
    }
}


/* =========================================================
   BHRAAJ V378 — EMPTY BAG PRODUCT ACTION BREATHING
   12 Sep 2026
   ---------------------------------------------------------
   Scope ONLY: Your Bag -> empty-state recommendation cards.

   The generic card Buy Now / Add to Bag cascade contains later,
   higher-specificity geometry that can collapse the V92 14px
   action offset. V378 restores one deliberate action-row gap
   below price/rating without changing Shop, Wishlist, Related,
   PDP or populated Bag cards.
   ========================================================= */

body.bhraaj-cart-v91
.bhraaj-empty-bag-products
.bhraaj-home-product-copy
> a.bhraaj-home-product-cta.bhraaj-commerce-action,
body.bhraaj-cart-v91
.bhraaj-empty-bag-products
.bhraaj-home-product-copy
> a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    vertical-align: top !important;
}

/* Keep both CTAs on the same optical baseline while preserving their
   existing Add to Bag / Buy Now visual treatments. */
body.bhraaj-cart-v91
.bhraaj-empty-bag-products
.bhraaj-home-product-copy
> a.bhraaj-home-product-cta.bhraaj-commerce-action {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.bhraaj-cart-v91
.bhraaj-empty-bag-products
.bhraaj-home-product-copy
> a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
    margin-left: 16px !important;
    margin-right: 0 !important;
}

@media (max-width: 760px) {
    body.bhraaj-cart-v91
    .bhraaj-empty-bag-products
    .bhraaj-home-product-copy
    > a.bhraaj-home-product-cta.bhraaj-commerce-action,
    body.bhraaj-cart-v91
    .bhraaj-empty-bag-products
    .bhraaj-home-product-copy
    > a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
        margin-top: 15px !important;
    }

    body.bhraaj-cart-v91
    .bhraaj-empty-bag-products
    .bhraaj-home-product-copy
    > a.bhraaj-buy-now-v336.bhraaj-buy-now-card-v336 {
        margin-left: 12px !important;
    }
}


/* =========================================================
   BHRAAJ V379 — VIEW ORDER "YOUR PIECES" MOBILE TABLE LOCK
   12 Sep 2026
   ---------------------------------------------------------
   Scope ONLY:
   My Account → Orders → View order → "Your pieces"

   Root cause:
   The V362 structural rebuild still keeps the historical V360
   classes for backward compatibility. An older V360 mobile rule
   therefore continued to convert the order table into block/grid
   elements below 760px. Combined with later column widths, that
   collapsed the PRODUCT/TOTAL cells to very narrow tracks and
   forced words/prices to stack vertically.

   V379 restores a real two-column table on mobile:
   - Product stays left.
   - Total stays right.
   - Product names wrap naturally by phrase/word.
   - Prices stay horizontal.
   - Totals rows remain clean and aligned.
   - Desktop is untouched.
   ========================================================= */

@media (max-width: 760px) {

    /* Restore native table formatting that the older V360 mobile
       block/grid conversion had overridden. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        overflow: hidden !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead {
        display: table-header-group !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody {
        display: table-row-group !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot {
        display: table-footer-group !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead tr,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody tr,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot tr {
        display: table-row !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        border-bottom: 0 !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot th,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot td {
        display: table-cell !important;
        box-sizing: border-box !important;
        vertical-align: middle !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 14px 13px !important;
        border: 0 !important;
        border-bottom: 1px solid color-mix(in srgb, var(--bh-border) 72%, transparent) !important;
        line-height: 1.4 !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    /* Keep the desktop relationship on mobile without starving either column. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:first-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:first-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot th {
        width: 67% !important;
        text-align: left !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot td {
        width: 33% !important;
        text-align: right !important;
    }

    /* Product copy may wrap normally, but never one character/word per track. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 .product-name,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 .product-name a {
        display: inline !important;
        width: auto !important;
        max-width: none !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
        line-height: 1.38 !important;
    }

    /* Keep all money values readable as one horizontal amount. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot td,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 .woocommerce-Price-amount {
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th {
        padding-top: 12px !important;
        padding-bottom: 10px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        letter-spacing: .11em !important;
        text-transform: uppercase !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td {
        font-size: 13px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot th,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot td {
        font-size: 12.5px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tr:last-child > * {
        border-bottom: 0 !important;
    }
}

/* 320px production floor: preserve the same clean two-column composition. */
@media (max-width: 380px) {
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot th,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot td {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:first-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:first-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot th {
        width: 64% !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot td {
        width: 36% !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td {
        font-size: 12.5px !important;
    }
}


/* =========================================================
   BHRAAJ V380 — VIEW ORDER MOBILE PIECES FINAL POLISH
   12 Sep 2026
   ---------------------------------------------------------
   Scope ONLY:
   My Account → Orders → View order → "Your pieces" on mobile.

   Fixes:
   - More inner breathing room for product copy.
   - Product name wraps naturally without pressing into an edge.
   - Shipping value may wrap to a clean second line so
     "via Standard Shipping" is never clipped.
   - Money values remain horizontal.
   - PRODUCT / TOTAL header gets ONE full-width divider,
     matching the desktop table rather than two short segments.
   - Desktop remains untouched.
   ========================================================= */

@media (max-width: 760px) {

    /* Slightly rebalance the mobile columns: enough room for the shipping
       descriptor while keeping product copy comfortably readable. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:first-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:first-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot th {
        width: 62% !important;
        padding-left: 16px !important;
        padding-right: 13px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot td {
        width: 38% !important;
        padding-left: 10px !important;
        padding-right: 16px !important;
    }

    /* One complete header divider across the whole card.
       Remove the per-cell borders that visually produced two segments. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead {
        background-image:
            linear-gradient(
                to right,
                color-mix(in srgb, var(--bh-border) 82%, transparent),
                color-mix(in srgb, var(--bh-border) 82%, transparent)
            ) !important;
        background-repeat: no-repeat !important;
        background-position: left bottom !important;
        background-size: 100% 1px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th {
        border-bottom: 0 !important;
        background-color: color-mix(in srgb, var(--bh-surface-soft) 28%, transparent) !important;
    }

    /* Product copy: natural phrase wrapping and a stable inner rail. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 .product-name,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 .product-name a {
        max-width: 100% !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
        line-height: 1.42 !important;
    }

    /* Product-row total stays one clean horizontal amount. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:last-child .woocommerce-Price-amount {
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }

    /* Footer rows:
       1 = Subtotal, 2 = Shipping, 3 = Total, 4 = Payment method.
       Shipping is the only money row that needs descriptive copy after the
       amount, so allow that row to wrap while keeping the amount itself intact. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot tr:nth-child(2) td {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        line-height: 1.38 !important;
        font-size: 11.5px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot tr:nth-child(2) td
    .woocommerce-Price-amount {
        display: inline-block !important;
        white-space: nowrap !important;
        margin-right: 3px !important;
    }

    /* Pure amount rows remain horizontal. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot tr:nth-child(1) td,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot tr:nth-child(3) td,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot tr:nth-child(1) td .woocommerce-Price-amount,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot tr:nth-child(3) td .woocommerce-Price-amount {
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }

    /* Payment-method copy can wrap if a longer method name is used later. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot tr:nth-child(n+4) td {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }
}

/* 320–380px production floor: give the value rail enough room for
   "via Standard Shipping" while preserving readable product copy. */
@media (max-width: 380px) {

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:first-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:first-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot th {
        width: 59% !important;
        padding-left: 15px !important;
        padding-right: 10px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot td {
        width: 41% !important;
        padding-left: 8px !important;
        padding-right: 15px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot tr:nth-child(2) td {
        font-size: 11px !important;
    }
}


/* =========================================================
   BHRAAJ V381 — VIEW ORDER MOBILE HEADER + PRODUCT ALIGNMENT
   12 Sep 2026
   ---------------------------------------------------------
   Scope ONLY:
   My Account → Orders → View order → "Your pieces" on mobile.

   Final corrections:
   1. PRODUCT / TOTAL uses one continuous highlighted header band.
      No divider line and no separate left/right highlighted blocks.
   2. Wrapped product-name lines share one left edge. Shorter lines
      no longer appear centered or start farther left/right.
   3. Everything else from V380 remains unchanged.
   ========================================================= */

@media (max-width: 760px) {

    /* Remove the V380 divider line completely. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead {
        background-image: none !important;
        background-repeat: no-repeat !important;
        background-position: initial !important;
        background-size: auto !important;

        /* One uninterrupted highlight across PRODUCT + TOTAL. */
        background-color: color-mix(
            in srgb,
            var(--bh-surface-soft) 34%,
            transparent
        ) !important;
    }

    /* Historical cell-level backgrounds/radii caused the visible gap.
       Make the cells transparent so the THEAD owns one single band. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead tr {
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
    }

    /* Product header stays left; Total stays right. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:first-child {
        text-align: left !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:last-child {
        text-align: right !important;
    }

    /* Force natural left alignment for every wrapped product-name line.
       The previous inline/centred inheritance made shorter lines begin at
       different horizontal positions. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td.product-name,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td.product-name a,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 .product-name,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 .product-name a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
        line-height: 1.42 !important;
    }
}

/* Keep the same corrected behavior at the 320px production floor. */
@media (max-width: 380px) {
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead tr,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th {
        background-image: none !important;
        box-shadow: none !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 .product-name,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 .product-name a {
        text-align: left !important;
    }
}


/* =========================================================
   BHRAAJ V382 — VIEW ORDER MOBILE FINAL ALIGNMENT PASS
   12 Sep 2026
   ---------------------------------------------------------
   Scope ONLY:
   My Account → Orders → View order → "Your pieces" on mobile.

   Final corrections:
   - PRODUCT and TOTAL sit on the exact same vertical baseline.
   - Highlight band remains one continuous block.
   - Adds a little breathing room after the highlighted header.
   - Product copy starts on the same left content rail as
     Subtotal / Shipping / Total.
   - Quantity stays attached naturally to the product name.
   - Desktop remains untouched.
   ========================================================= */

@media (max-width: 760px) {

    /* One stable, vertically-centred header band. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead tr {
        height: 54px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th {
        display: table-cell !important;
        height: 54px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        vertical-align: middle !important;
        line-height: 1 !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:first-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th:last-child {
        transform: none !important;
        top: auto !important;
        bottom: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Breathing room between the highlighted header and the first product. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody tr:first-child td {
        padding-top: 20px !important;
    }

    /* Restore the PRODUCT cell as a true table cell.
       V381's broad .product-name block rule could pull the whole cell
       out of the table layout and make it hug the outer edge. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td.product-name {
        display: table-cell !important;
        width: 62% !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 13px !important;
        text-align: left !important;
        vertical-align: middle !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
        line-height: 1.42 !important;
    }

    /* Product title itself wraps naturally but never shifts its left rail. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td.product-name a {
        display: inline !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
        line-height: inherit !important;
    }

    /* WooCommerce quantity marker follows the title cleanly. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td.product-name
    .product-quantity {
        display: inline !important;
        margin-left: 4px !important;
        white-space: nowrap !important;
    }

    /* Match the product content rail to the footer labels exactly. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot th {
        padding-left: 16px !important;
        text-align: left !important;
    }

    /* Keep the value rail unchanged and clean. */
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot td {
        padding-right: 16px !important;
        text-align: right !important;
    }
}

/* 320px production floor — preserve the same alignment with tighter insets. */
@media (max-width: 380px) {

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead tr,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th {
        height: 50px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody tr:first-child td {
        padding-top: 18px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td.product-name {
        width: 59% !important;
        padding-left: 15px !important;
        padding-right: 10px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot th {
        padding-left: 15px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tbody td:last-child,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 tfoot td {
        padding-right: 15px !important;
    }
}


/* =========================================================
   BHRAAJ V383 — VIEW ORDER MOBILE HEADER BASELINE FINAL LOCK
   12 Sep 2026
   ---------------------------------------------------------
   Scope ONLY:
   My Account → Orders → View order → "Your pieces" on mobile.

   Root cause:
   The table header's PRODUCT cell also carries WooCommerce's
   `.product-name` class. An older mobile rule intended for the
   body product cell therefore matched the header too and forced
   PRODUCT to `display:block`, while TOTAL remained a table-cell.
   That is why PRODUCT sat too high inside the otherwise-correct
   continuous highlighted band.

   V383 restores BOTH header cells as genuine table-cells and
   vertically centers them on one shared baseline.
   ========================================================= */

@media (max-width: 760px) {

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th.product-name,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th.product-total {
        display: table-cell !important;
        box-sizing: border-box !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        vertical-align: middle !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        transform: none !important;
        position: static !important;
        top: auto !important;
        bottom: auto !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th.product-name {
        width: 62% !important;
        padding-left: 16px !important;
        padding-right: 13px !important;
        text-align: left !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th.product-total {
        width: 38% !important;
        padding-left: 10px !important;
        padding-right: 16px !important;
        text-align: right !important;
    }
}

@media (max-width: 380px) {

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th.product-name,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th.product-total {
        height: 50px !important;
        min-height: 50px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th.product-name {
        width: 59% !important;
        padding-left: 15px !important;
        padding-right: 10px !important;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v362
    table.bhraaj-view-order-table-v362 thead th.product-total {
        width: 41% !important;
        padding-left: 8px !important;
        padding-right: 15px !important;
    }
}


/* =========================================================
   BHRAAJ V386 — ORDER-PAY CARD BREATHING SPACE
   12 Sep 2026
   ---------------------------------------------------------
   Scope ONLY:
   /checkout/order-pay/... pending-payment page

   Adds deliberate space between:
   1. "Your order is waiting for you" card
   2. Order/payment information card

   Nothing else is changed.
   ========================================================= */

body.woocommerce-order-pay
.bhraaj-order-pay-intro-v313
+ ul.woocommerce-order-overview,
body.woocommerce-order-pay
.bhraaj-order-pay-intro-v313
+ ul.order_details,
body.woocommerce-order-pay
.bhraaj-order-pay-intro-v303.bhraaj-order-pay-intro-v313
+ ul.woocommerce-order-overview,
body.woocommerce-order-pay
.bhraaj-order-pay-intro-v303.bhraaj-order-pay-intro-v313
+ ul.order_details {
    margin-top: 18px !important;
}

@media (max-width: 767px) {
    body.woocommerce-order-pay
    .bhraaj-order-pay-intro-v313
    + ul.woocommerce-order-overview,
    body.woocommerce-order-pay
    .bhraaj-order-pay-intro-v313
    + ul.order_details,
    body.woocommerce-order-pay
    .bhraaj-order-pay-intro-v303.bhraaj-order-pay-intro-v313
    + ul.woocommerce-order-overview,
    body.woocommerce-order-pay
    .bhraaj-order-pay-intro-v303.bhraaj-order-pay-intro-v313
    + ul.order_details {
        margin-top: 14px !important;
    }
}


/* =========================================================
   BHRAAJ V388 — CHECKOUT QUANTITY BADGE DARK-MODE NUMBER
   12 Sep 2026
   ---------------------------------------------------------
   Scope ONLY:
   Place Order / Checkout → Order summary → thumbnail quantity badge

   Light mode is untouched.
   Dark mode keeps the existing badge shape/background/border/position,
   but forces the quantity numeral itself to a solid dark ink so "1",
   "2", etc. remain clearly visible.
   ========================================================= */

html[data-theme="dark"]
body.woocommerce-checkout
.wc-block-components-order-summary-item__quantity,
html[data-theme="dark"]
body.woocommerce-checkout
.wc-block-components-order-summary-item__quantity *,
html[data-theme="dark"]
body.woocommerce-checkout
.wc-block-components-order-summary-item__image
.wc-block-components-order-summary-item__quantity,
html[data-theme="dark"]
body.woocommerce-checkout
.wc-block-components-order-summary-item__image
.wc-block-components-order-summary-item__quantity *,
html[data-theme="dark"]
body.woocommerce-checkout
.wc-block-components-order-summary-item__image
.wc-block-components-product-badge,
html[data-theme="dark"]
body.woocommerce-checkout
.wc-block-components-order-summary-item__image
.wc-block-components-product-badge * {
    color: #11100f !important;
    -webkit-text-fill-color: #11100f !important;
    opacity: 1 !important;
}


/* =========================================================
   BHRAAJ V390 — VIEW ORDER INVOICE ACTION + PDF TEMPLATE
   12 Sep 2026
   ========================================================= */

/* View Order action row */
body.woocommerce-account
.is-bhraaj-view-order-v360
.bhraaj-view-order-actions-v390,
body.woocommerce-account
.is-bhraaj-view-order-v362
.bhraaj-view-order-actions-v390 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

body.woocommerce-account
.is-bhraaj-view-order-v360
.bhraaj-view-order-actions-v390
.bhraaj-view-order-back-v360,
body.woocommerce-account
.is-bhraaj-view-order-v362
.bhraaj-view-order-actions-v390
.bhraaj-view-order-back-v362 {
    margin: 0 !important;
}

body.woocommerce-account
.bhraaj-view-order-invoice-v390 {
    appearance: none;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin: 0;
    padding: 0 15px;
    border: 1px solid var(--bh-border);
    border-radius: 999px;
    background: transparent;
    color: var(--bh-text);
    font-family: var(--bh-sans);
    font-size: 10px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .045em;
    cursor: pointer;
    transition:
        transform 220ms var(--bh-ease),
        border-color 220ms ease,
        background 220ms ease,
        opacity 180ms ease;
}

body.woocommerce-account
.bhraaj-view-order-invoice-v390:disabled {
    cursor: wait;
    opacity: .62;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account
    .bhraaj-view-order-invoice-v390:not(:disabled):hover {
        transform: translateY(-1px);
        border-color: color-mix(in srgb, var(--bh-gold) 54%, var(--bh-border));
        background: color-mix(in srgb, var(--bh-gold) 5%, var(--bh-surface));
    }
}

@media (max-width: 760px) {
    body.woocommerce-account
    .is-bhraaj-view-order-v360
    .bhraaj-view-order-actions-v390,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    .bhraaj-view-order-actions-v390 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
    }

    body.woocommerce-account
    .is-bhraaj-view-order-v360
    .bhraaj-view-order-actions-v390
    .bhraaj-view-order-back-v360,
    body.woocommerce-account
    .is-bhraaj-view-order-v362
    .bhraaj-view-order-actions-v390
    .bhraaj-view-order-back-v362,
    body.woocommerce-account
    .bhraaj-view-order-invoice-v390 {
        width: 100% !important;
    }
}

/* Off-screen A4 invoice sheet used only for PDF generation. */
.bhraaj-invoice-sheet-v390 {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    z-index: -1 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 794px !important;
    height: 1123px !important;
    min-width: 794px !important;
    min-height: 1123px !important;
    max-width: 794px !important;
    max-height: 1123px !important;
    overflow: hidden !important;
    padding: 38px 86px 28px !important;
    background: #fff !important;
    color: #252525 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

.bhraaj-invoice-sheet-v390 *,
.bhraaj-invoice-sheet-v390 *::before,
.bhraaj-invoice-sheet-v390 *::after {
    box-sizing: border-box !important;
}

.bhraaj-invoice-brand-v390 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 66px;
    margin: 0 0 4px;
}

.bhraaj-invoice-brand-v390 img {
    display: block;
    width: auto;
    height: auto;
    max-width: 190px;
    max-height: 60px;
    object-fit: contain;
}

.bhraaj-invoice-gold-rule-v390 {
    width: 100%;
    height: 1.5px;
    margin: 0;
    background: #c59a32;
}

.bhraaj-invoice-title-v390 {
    margin: 20px 0 12px !important;
    color: #7b1719 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.bhraaj-invoice-burgundy-rule-v390 {
    width: 100%;
    height: 4px;
    margin: 0 0 18px;
    background: #7b1719;
}

.bhraaj-invoice-meta-v390,
.bhraaj-invoice-items-v390 {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    background: #fff !important;
}

.bhraaj-invoice-meta-v390 {
    margin-bottom: 18px !important;
}

.bhraaj-invoice-meta-v390 th,
.bhraaj-invoice-meta-v390 td {
    height: 42px;
    padding: 9px 10px !important;
    border: 1px solid #b8ad96 !important;
    background: #fff !important;
    color: #252525 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.bhraaj-invoice-meta-v390 th {
    width: 23%;
    color: #7b1719 !important;
    font-weight: 700 !important;
}

.bhraaj-invoice-meta-v390 td {
    width: 27%;
    font-weight: 400 !important;
}

.bhraaj-invoice-parties-v390 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin: 0 0 18px;
    border: 1px solid #b8ad96;
}

.bhraaj-invoice-parties-v390 section {
    min-height: 162px;
    padding: 10px 11px;
}

.bhraaj-invoice-parties-v390 section + section {
    border-left: 1px solid #b8ad96;
}

.bhraaj-invoice-parties-v390 h2 {
    margin: 0 0 7px !important;
    color: #7b1719 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.bhraaj-invoice-parties-v390 strong {
    display: block;
    margin: 0 0 2px;
    color: #252525;
    font-size: 13px;
    font-weight: 700;
}

.bhraaj-invoice-parties-v390 p {
    margin: 1px 0 !important;
    color: #252525 !important;
    font-size: 10.8px !important;
    line-height: 1.35 !important;
}

.bhraaj-invoice-parties-v390 .is-sold-by {
    text-align: right;
}

.bhraaj-invoice-parties-v390 .is-italic {
    margin-top: 4px !important;
    font-style: italic;
}

.bhraaj-invoice-items-v390 {
    margin-bottom: 18px !important;
}

.bhraaj-invoice-items-v390 thead th {
    height: 29px;
    padding: 6px 6px !important;
    border: 1px solid #7b1719 !important;
    background: #7b1719 !important;
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.bhraaj-invoice-items-v390 thead th:nth-child(1) { width: 8%; }
.bhraaj-invoice-items-v390 thead th:nth-child(2) { width: 43%; }
.bhraaj-invoice-items-v390 thead th:nth-child(3) { width: 12%; }
.bhraaj-invoice-items-v390 thead th:nth-child(4) { width: 8%; }
.bhraaj-invoice-items-v390 thead th:nth-child(5) { width: 14%; }
.bhraaj-invoice-items-v390 thead th:nth-child(6) { width: 15%; }

.bhraaj-invoice-items-v390 tbody td {
    height: 40px;
    padding: 7px 7px !important;
    border: 1px solid #b8ad96 !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 9.6px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    vertical-align: middle !important;
    overflow-wrap: anywhere;
}

.bhraaj-invoice-items-v390 tbody td.is-description {
    text-align: left !important;
}

.bhraaj-invoice-items-v390 tbody td.is-money {
    text-align: right !important;
    white-space: nowrap !important;
}

.bhraaj-invoice-items-v390 tr.is-items-total td {
    height: 24px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    background: #f7f4ee !important;
    color: #7b1719 !important;
    font-weight: 800 !important;
    text-align: right !important;
}

.bhraaj-invoice-payment-summary-v390 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 92px;
    width: 100%;
    margin: 0 0 18px;
}

.bhraaj-invoice-payment-summary-v390 > section {
    min-height: 118px;
    padding: 10px 12px;
    border: 1.5px solid #c59a32;
    background: #fff;
}

.bhraaj-invoice-payment-summary-v390 p {
    margin: 0 0 6px !important;
    color: #252525 !important;
    font-size: 9.4px !important;
    line-height: 1.3 !important;
}

.bhraaj-invoice-payment-summary-v390 p:last-child {
    margin-bottom: 0 !important;
}

.bhraaj-invoice-payment-summary-v390 strong {
    color: #7b1719 !important;
    font-weight: 800 !important;
}

.bhraaj-invoice-payment-summary-v390 .is-total-box {
    display: grid;
    align-content: center;
    gap: 8px;
}

.bhraaj-invoice-payment-summary-v390 .is-total-box > div {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 10px;
    color: #252525;
    font-size: 9.4px;
}

.bhraaj-invoice-payment-summary-v390 .is-total-box strong {
    text-align: right;
}

.bhraaj-invoice-payment-summary-v390 .is-total-box span {
    min-width: 74px;
    text-align: right;
    white-space: nowrap;
}

.bhraaj-invoice-payment-summary-v390 .is-payable strong,
.bhraaj-invoice-payment-summary-v390 .is-payable span {
    color: #7b1719;
    font-weight: 800;
}

.bhraaj-invoice-gold-rule-v390.is-lower {
    margin-top: 0;
}

.bhraaj-invoice-flex-spacer-v390 {
    flex: 1 1 auto;
    min-height: 115px;
}

.bhraaj-invoice-notes-v390 {
    width: 100%;
    margin: 0 0 30px;
    text-align: center;
}

.bhraaj-invoice-notes-v390 p {
    margin: 0 !important;
}

.bhraaj-invoice-notes-v390 .is-primary {
    color: #252525 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
}

.bhraaj-invoice-notes-v390 .is-secondary {
    max-width: 600px;
    margin: 17px auto 0 !important;
    color: #626262 !important;
    font-size: 8px !important;
    font-style: italic !important;
    line-height: 1.35 !important;
}

.bhraaj-invoice-footer-v390 {
    width: 100%;
    text-align: center;
}

.bhraaj-invoice-footer-v390 .bhraaj-invoice-gold-rule-v390 {
    margin-bottom: 27px;
}

.bhraaj-invoice-footer-v390 p {
    margin: 0 !important;
    color: #a3a3a3 !important;
    font-size: 8px !important;
    line-height: 1.45 !important;
    letter-spacing: .025em !important;
}


/* =========================================================
   BHRAAJ V394 — CLIENT FOOTER NAVIGATION LOCK
   12 Sep 2026

   Client-requested scope only:
   1. Privacy Policy + Terms & Conditions move into Help,
      directly below Return & Refund Policy.
   2. Bottom-left becomes:
      © YEAR BHRAAJ · ALL RIGHTS RESERVED
   3. "India" is removed.
   4. Website by JRD is anchored to the bottom-right.
   Secure payments, shipping logos, brand area and social icons
   remain unchanged.
   ========================================================= */

/* The Help column now carries four links, so keep a little more
   separation before the FOLLOW block without making the footer taller
   than necessary. */
.bhraaj-footer-links > div:last-child .bhraaj-footer-social-v240 {
    margin-top: 22px;
}

/* Bottom rail: one clean left/right axis. */
.bhraaj-footer-bottom-v394 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 18px 32px !important;
    width: 100% !important;
}

.bhraaj-footer-rights-v394 {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 !important;
    justify-self: start;
    color: var(--bh-text-soft);
    font: inherit;
    letter-spacing: inherit;
    text-transform: uppercase;
}

.bhraaj-footer-rights-separator-v394 {
    opacity: .58;
}

.bhraaj-footer-credit-v394 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
}

/* Neutralize older four-cell/footer-legal assumptions now that the
   legal links live in Help and India no longer exists. */
.bhraaj-footer-bottom-v394 .bhraaj-footer-legal,
.bhraaj-footer-bottom-v394 > p:last-child:not(.bhraaj-footer-rights-v394) {
    display: none !important;
}

@media (max-width: 760px) {
    .bhraaj-footer-bottom-v394 {
        grid-template-columns: 1fr !important;
        align-items: flex-start !important;
        gap: 15px !important;
    }

    .bhraaj-footer-rights-v394,
    .bhraaj-footer-credit-v394 {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: start !important;
    }

    .bhraaj-footer-credit-v394 {
        margin-top: 1px !important;
    }
}

@media (max-width: 420px) {
    .bhraaj-footer-rights-v394 {
        gap: 5px 6px;
        line-height: 1.55;
    }
}


/* =========================================================
   BHRAAJ V396 — ACCOUNT OVERVIEW CARD SHORTCUTS
   12 Sep 2026
   ---------------------------------------------------------
   The four Overview summary cards become restrained navigation
   shortcuts while preserving the established BHRAAJ visual system.
   ========================================================= */
body.woocommerce-account
.bhraaj-account-overview-row.is-bhraaj-account-shortcut-v396 {
    position: relative !important;
    cursor: pointer !important;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition:
        transform 180ms var(--bh-ease),
        border-color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease !important;
}

body.woocommerce-account
.bhraaj-account-overview-row.is-bhraaj-account-shortcut-v396:focus {
    outline: none !important;
}

body.woocommerce-account
.bhraaj-account-overview-row.is-bhraaj-account-shortcut-v396:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bh-gold) 62%, transparent) !important;
    outline-offset: 3px !important;
    border-color: color-mix(in srgb, var(--bh-gold) 38%, var(--bh-account-border)) !important;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-account
    .bhraaj-account-overview-row.is-bhraaj-account-shortcut-v396:hover {
        transform: translateY(-1px) !important;
        border-color: color-mix(in srgb, var(--bh-gold) 27%, var(--bh-account-border)) !important;
        background: color-mix(in srgb, var(--bh-surface) 96%, var(--bh-gold) 1.7%) !important;
        box-shadow:
            inset 0 1px 0 color-mix(in srgb, var(--bh-ui-edge) 48%, transparent),
            0 12px 30px rgba(55, 38, 28, .045) !important;
    }
}

body.woocommerce-account
.bhraaj-account-overview-row.is-bhraaj-account-shortcut-v396:active {
    transform: translateY(0) scale(.996) !important;
}

html[data-theme="dark"] body.woocommerce-account
.bhraaj-account-overview-row.is-bhraaj-account-shortcut-v396:hover {
    background: color-mix(in srgb, var(--bh-surface) 94%, var(--bh-gold) 2.2%) !important;
}

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-account
    .bhraaj-account-overview-row.is-bhraaj-account-shortcut-v396 {
        transition: none !important;
    }
}


/* =========================================================
   BHRAAJ V399 — MOBILE BAG PRODUCT TITLE WRAP ONLY
   ---------------------------------------------------------
   Scope: Your Bag / Cart mobile product title only.

   IMPORTANT:
   - does NOT alter the cart grid
   - does NOT alter image size/position
   - does NOT alter quantity controls
   - does NOT alter remove/trash control
   - does NOT alter unit price or line total
   - does NOT alter desktop

   Purpose:
   Use the existing product-title column more efficiently so long
   names read in balanced horizontal lines instead of a tall,
   narrow word stack.
   ========================================================= */

@media (max-width: 760px) {
    body.bhraaj-cart-v91
    .wc-block-cart-item__product > .wc-block-components-product-name {
        font-size: clamp(16.5px, 4.7vw, 18px) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.012em !important;

        /* Preserve natural word boundaries; never split words/hyphenate them. */
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;

        /* Use the width already assigned to the title; no layout/grid changes. */
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        text-wrap: pretty;
    }
}

@media (max-width: 390px) {
    body.bhraaj-cart-v91
    .wc-block-cart-item__product > .wc-block-components-product-name {
        font-size: clamp(15.5px, 4.55vw, 17px) !important;
        line-height: 1.13 !important;
    }
}

@media (max-width: 340px) {
    body.bhraaj-cart-v91
    .wc-block-cart-item__product > .wc-block-components-product-name {
        font-size: 15.5px !important;
        line-height: 1.14 !important;
    }
}


/* =========================================================
   BHRAAJ V400 — MOBILE BAG TITLE TRUE-WIDTH FIX
   ---------------------------------------------------------
   Root cause confirmed from the existing cascade:
   the mobile cart product cell contains its own utility grid for
   quantity + trash. The product title inherits that product cell's
   narrow intrinsic width, so changing font size alone cannot stop
   the tall word stack.

   V400 changes ONLY the title's paint width. It deliberately does
   NOT change:
   - cart-row columns
   - product image geometry
   - quantity selector geometry/position
   - remove/trash geometry/position
   - unit price
   - live line total
   - desktop
   ========================================================= */

@media (max-width: 760px) {
    body.bhraaj-cart-v91
    .wc-block-cart-item__product .wc-block-components-product-name {
        display: block !important;

        /* Let the title use the visually empty rail to the right without
           resizing/reflowing the product-cell utility grid underneath it. */
        width: min(238px, calc(100vw - 144px)) !important;
        max-width: min(238px, calc(100vw - 144px)) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;

        margin-right: 0 !important;
        padding-right: 0 !important;

        font-size: clamp(17px, 4.8vw, 19px) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.012em !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
        text-wrap: pretty;
    }
}

/* The user's smallest QA width needs the same principle with a
   slightly tighter type scale; controls remain untouched. */
@media (max-width: 390px) {
    body.bhraaj-cart-v91
    .wc-block-cart-item__product .wc-block-components-product-name {
        width: calc(100vw - 142px) !important;
        max-width: calc(100vw - 142px) !important;
        font-size: clamp(16px, 4.65vw, 18px) !important;
        line-height: 1.13 !important;
    }
}

@media (max-width: 340px) {
    body.bhraaj-cart-v91
    .wc-block-cart-item__product .wc-block-components-product-name {
        width: calc(100vw - 136px) !important;
        max-width: calc(100vw - 136px) !important;
        font-size: 16px !important;
        line-height: 1.14 !important;
    }
}


/* =========================================================
   BHRAAJ V401 — MOBILE BAG TITLE OVERRIDE LOCK
   ---------------------------------------------------------
   The V400 screenshot confirmed that the active WooCommerce Cart
   product-name rule was still winning in the live mobile render.

   This pass targets the native WooCommerce cart selectors directly
   (not only the BHRAAJ body hook) and gives ONLY the title a wider
   paint area. Quantity, trash, image, unit price and line total keep
   their existing grid positions and dimensions.
   ========================================================= */

@media (max-width: 760px) {

    html body.woocommerce-cart
    .wc-block-cart
    .wc-block-cart-items__row
    .wc-block-cart-item__product
    .wc-block-components-product-name,

    html body.woocommerce-cart
    .wp-block-woocommerce-cart
    .wc-block-cart-item__product
    .wc-block-components-product-name,

    html body.bhraaj-cart-v91
    .wc-block-cart-item__product
    .wc-block-components-product-name {
        display: block !important;
        grid-column: 1 / -1 !important;
        justify-self: start !important;

        /*
         * Add visual width to the title only. This does not alter the
         * product utility grid underneath, so quantity/delete/total stay put.
         */
        width: calc(100% + 42px) !important;
        max-width: calc(100% + 42px) !important;
        min-width: 0 !important;
        inline-size: calc(100% + 42px) !important;
        max-inline-size: calc(100% + 42px) !important;

        margin: 0 0 7px !important;
        padding: 0 !important;

        font-size: 16px !important;
        line-height: 1.18 !important;
        letter-spacing: -0.008em !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: manual !important;
        text-wrap: pretty;

        position: relative !important;
        z-index: 2 !important;
    }
}

@media (max-width: 390px) {

    html body.woocommerce-cart
    .wc-block-cart
    .wc-block-cart-items__row
    .wc-block-cart-item__product
    .wc-block-components-product-name,

    html body.woocommerce-cart
    .wp-block-woocommerce-cart
    .wc-block-cart-item__product
    .wc-block-components-product-name,

    html body.bhraaj-cart-v91
    .wc-block-cart-item__product
    .wc-block-components-product-name {
        width: calc(100% + 34px) !important;
        max-width: calc(100% + 34px) !important;
        inline-size: calc(100% + 34px) !important;
        max-inline-size: calc(100% + 34px) !important;

        font-size: 15.5px !important;
        line-height: 1.18 !important;
    }
}

@media (max-width: 340px) {

    html body.woocommerce-cart
    .wc-block-cart
    .wc-block-cart-items__row
    .wc-block-cart-item__product
    .wc-block-components-product-name,

    html body.woocommerce-cart
    .wp-block-woocommerce-cart
    .wc-block-cart-item__product
    .wc-block-components-product-name,

    html body.bhraaj-cart-v91
    .wc-block-cart-item__product
    .wc-block-components-product-name {
        width: calc(100% + 28px) !important;
        max-width: calc(100% + 28px) !important;
        inline-size: calc(100% + 28px) !important;
        max-inline-size: calc(100% + 28px) !important;

        font-size: 15px !important;
        line-height: 1.19 !important;
    }
}


/* =========================================================
   BHRAAJ V402 — OUR STORY CLIENT IMAGE + LABEL UPDATE
   ---------------------------------------------------------
   Scope:
   - Family + Founders photos use the established contained
     editorial image scale instead of the wide 16:9 banner.
   - Numbered Our Story chapter labels are removed in PHP.
   - No other story/site layout is changed.
   ========================================================= */

/* Match the established Mayapur / Artisan visual footprint:
   contained media column, not the previous 1120px full-width banner. */
.bhraaj-story-v239 .bhraaj-story-family-media-v239,
.bhraaj-story-v239 .bhraaj-story-founders-media-v239 {
    width: min(100%, 560px) !important;
    max-width: 560px !important;
    aspect-ratio: 16 / 10 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    border-radius: clamp(22px, 2.4vw, 34px) !important;
}

/* Preserve the existing chapter spacing. */
.bhraaj-story-v239 .bhraaj-story-family-media-v239 {
    margin-top: clamp(46px, 5.2vw, 76px) !important;
    margin-bottom: 0 !important;
}

.bhraaj-story-v239 .bhraaj-story-founders-media-v239 {
    margin-top: 0 !important;
    margin-bottom: clamp(52px, 5.8vw, 82px) !important;
}

/* Never stretch uploaded client photography. */
.bhraaj-story-v239 .bhraaj-story-family-media-v239 img,
.bhraaj-story-v239 .bhraaj-story-founders-media-v239 img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
}

/* Cache-safety only; current PHP no longer outputs these labels. */
.bhraaj-story-v239 .bhraaj-story-index {
    display: none !important;
}

@media (max-width: 767px) {
    .bhraaj-story-v239 .bhraaj-story-family-media-v239,
    .bhraaj-story-v239 .bhraaj-story-founders-media-v239 {
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 16 / 10 !important;
        border-radius: 20px !important;
    }

    .bhraaj-story-v239 .bhraaj-story-family-media-v239 {
        margin-top: 32px !important;
    }

    .bhraaj-story-v239 .bhraaj-story-founders-media-v239 {
        margin-bottom: 36px !important;
    }
}

@media (max-width: 390px) {
    .bhraaj-story-v239 .bhraaj-story-family-media-v239,
    .bhraaj-story-v239 .bhraaj-story-founders-media-v239 {
        border-radius: 18px !important;
    }
}



/* =========================================================
   BHRAAJ V405 — SEAMLESS PROMOTIONAL RIBBON
   - Directly below the main header.
   - No top announcement strip.
   - No stationary homepage duplicate.
   - True continuous loop: two identical long groups + exact -50% travel.
   - Gold/ochre coupon outline from the existing BHRAAJ palette.
   - A compact accent dot sits midway between every repeated message.
   ========================================================= */

/* Retire the old homepage-only stationary offer markup without touching its PHP template. */
body.home .bhraaj-home-offer-v336 {
    display: none !important;
}

.bhraaj-promo-ribbon-v404 {
    position: relative;
    z-index: 44;
    width: 100%;
    min-height: var(--bh-v404-height, 42px);
    overflow: hidden;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-v404-text, var(--bh-text)) 12%, transparent);
    background: var(--bh-v404-bg, var(--bh-bg));
    color: var(--bh-v404-text, var(--bh-text));
    font-family: var(--bh-sans);
    font-size: var(--bh-v404-font, 12px);
    font-weight: var(--bh-v404-weight, 600);
    line-height: 1;
    letter-spacing: 0.015em;
    text-transform: var(--bh-v404-transform, none);
    transition: background 420ms var(--bh-ease), color 420ms var(--bh-ease), border-color 420ms var(--bh-ease);
}

.bhraaj-promo-viewport-v404 {
    width: 100%;
    min-height: inherit;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.bhraaj-promo-track-v404 {
    display: flex;
    flex: 0 0 auto;
    width: max-content;
    min-width: max-content;
    will-change: transform;
    animation: bhraaj-v405-marquee var(--bh-v404-duration, 28s) linear infinite;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

.bhraaj-promo-ribbon-v404.is-direction-right .bhraaj-promo-track-v404 {
    animation-direction: reverse;
}

.bhraaj-promo-ribbon-v404.is-pause-hover:hover .bhraaj-promo-track-v404,
.bhraaj-promo-ribbon-v404.is-pause-hover:focus-within .bhraaj-promo-track-v404 {
    animation-play-state: paused;
}

/* Each group is intentionally identical. Do not add group padding/gap: the
   final item's own spacing must flow directly into the first item of the next
   group so the 50% animation seam is mathematically exact. */
.bhraaj-promo-group-v404 {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0;
    padding: 0;
    min-height: var(--bh-v404-height, 42px);
    white-space: nowrap;
}

.bhraaj-promo-primary-v404,
.bhraaj-promo-extra-v404 {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: var(--bh-v404-height, 42px);
    margin-right: var(--bh-v404-gap, 52px);
    color: inherit;
}

/* Separator dot is centered inside the repeat spacing, including the exact
   boundary between group A and group B. */
.bhraaj-promo-primary-v404::after,
.bhraaj-promo-extra-v404::after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc((var(--bh-v404-gap, 52px) * -0.5) - 2.5px);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--bh-v404-accent, var(--bh-gold));
    transform: translateY(-50%);
    opacity: 0.95;
}

.bhraaj-promo-primary-v404 {
    gap: 14px;
}

.bhraaj-promo-copy-v404 {
    font-weight: 700;
}

.bhraaj-promo-use-v404 {
    opacity: 0.72;
    font-weight: 500;
}

.bhraaj-promo-code-v404 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 13px;
    border: 1px solid color-mix(in srgb, var(--bh-v404-accent, var(--bh-gold)) 62%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bh-v404-accent, var(--bh-gold)) 5%, transparent);
    font-size: 0.88em;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bhraaj-promo-extra-v404 {
    gap: 9px;
    transition: opacity 180ms ease;
}

a.bhraaj-promo-extra-v404:hover {
    opacity: 0.72;
}

.bhraaj-promo-icon-v404 {
    display: block;
    width: var(--bh-v404-icon, 18px);
    height: var(--bh-v404-icon, 18px);
    flex: 0 0 auto;
    object-fit: cover;
    border-radius: 999px;
}

@keyframes bhraaj-v405-marquee {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .bhraaj-promo-viewport-v404 {
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .bhraaj-promo-viewport-v404::-webkit-scrollbar { display: none; }
    .bhraaj-promo-track-v404 { animation: none !important; transform: none !important; }
    .bhraaj-promo-group-v404[aria-hidden="true"] { display: none; }
}

@media (max-width: 700px) {
    .bhraaj-promo-ribbon-v404 {
        min-height: var(--bh-v404-mobile-height, 38px);
        font-size: var(--bh-v404-mobile-font, 11px);
    }
    .bhraaj-promo-group-v404,
    .bhraaj-promo-primary-v404,
    .bhraaj-promo-extra-v404 {
        min-height: var(--bh-v404-mobile-height, 38px);
    }
    .bhraaj-promo-primary-v404 { gap: 10px; }
    .bhraaj-promo-primary-v404,
    .bhraaj-promo-extra-v404 { margin-right: min(var(--bh-v404-gap, 52px), 46px); }
    .bhraaj-promo-primary-v404::after,
    .bhraaj-promo-extra-v404::after {
        right: calc((min(var(--bh-v404-gap, 52px), 46px) * -0.5) - 2px);
        width: 4px;
        height: 4px;
    }
    .bhraaj-promo-code-v404 { min-height: 25px; padding-inline: 10px; }
    .bhraaj-promo-ribbon-v404.is-mobile-icons-hidden .bhraaj-promo-icon-v404 { display: none; }
    .bhraaj-promo-ribbon-v404.is-mobile-hidden { display: none !important; }
}

/* =========================================================
   BHRAAJ V406 — OUR STORY UNIVERSAL 16:9 + ADMIN FOCAL POINT
   ---------------------------------------------------------
   - Every Our Story photograph uses the same 16:9 display ratio.
   - Original uploads are never stretched; object-fit: cover handles cropping.
   - Per-image admin focal coordinates control which part remains visible.
   - Overrides older 16:10 and 4:3 story ratios on desktop and mobile.
   ========================================================= */

.bhraaj-story-v239 .bhraaj-story-media,
.bhraaj-story-v239 .bhraaj-story-wide-media,
.bhraaj-story-v239 .bhraaj-story-media.is-mayapur,
.bhraaj-story-v239 .bhraaj-story-media.is-artisan,
.bhraaj-story-v239 .bhraaj-story-family-media-v239,
.bhraaj-story-v239 .bhraaj-story-founders-media-v239 {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
}

.bhraaj-story-v239 .bhraaj-story-media img,
.bhraaj-story-v239 .bhraaj-story-wide-media img,
.bhraaj-story-v239 .bhraaj-story-media.is-mayapur img,
.bhraaj-story-v239 .bhraaj-story-media.is-artisan img,
.bhraaj-story-v239 .bhraaj-story-family-media-v239 img,
.bhraaj-story-v239 .bhraaj-story-founders-media-v239 img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: var(--bh-story-focus-x, 50%) var(--bh-story-focus-y, 50%) !important;
}

@media (max-width: 767px) {
    .bhraaj-story-v239 .bhraaj-story-media,
    .bhraaj-story-v239 .bhraaj-story-wide-media,
    .bhraaj-story-v239 .bhraaj-story-media.is-mayapur,
    .bhraaj-story-v239 .bhraaj-story-media.is-artisan,
    .bhraaj-story-v239 .bhraaj-story-family-media-v239,
    .bhraaj-story-v239 .bhraaj-story-founders-media-v239 {
        aspect-ratio: 16 / 9 !important;
    }
}
/* =========================================================
   BHRAAJ V408 — Editorial Shop Pagination
   - Preserves native WooCommerce pagination behavior
   - Refines arrows/numbers into the BHRAAJ visual system
   - Uses a restrained gold active-page marker
   ========================================================= */

body.bhraaj-shop-v22 nav.woocommerce-pagination,
body.post-type-archive-product nav.woocommerce-pagination,
body.tax-product_cat nav.woocommerce-pagination,
body.tax-product_tag nav.woocommerce-pagination {
    width: 100%;
    margin: 52px 0 0 !important;
    padding: 0 !important;
    text-align: center;
}

body.bhraaj-shop-v22 nav.woocommerce-pagination ul.page-numbers,
body.post-type-archive-product nav.woocommerce-pagination ul.page-numbers,
body.tax-product_cat nav.woocommerce-pagination ul.page-numbers,
body.tax-product_tag nav.woocommerce-pagination ul.page-numbers {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
}

body.bhraaj-shop-v22 nav.woocommerce-pagination ul.page-numbers > li,
body.post-type-archive-product nav.woocommerce-pagination ul.page-numbers > li,
body.tax-product_cat nav.woocommerce-pagination ul.page-numbers > li,
body.tax-product_tag nav.woocommerce-pagination ul.page-numbers > li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers a,
body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers span,
body.post-type-archive-product nav.woocommerce-pagination .page-numbers a,
body.post-type-archive-product nav.woocommerce-pagination .page-numbers span,
body.tax-product_cat nav.woocommerce-pagination .page-numbers a,
body.tax-product_cat nav.woocommerce-pagination .page-numbers span,
body.tax-product_tag nav.woocommerce-pagination .page-numbers a,
body.tax-product_tag nav.woocommerce-pagination .page-numbers span {
    position: relative;
    display: inline-grid !important;
    place-items: center;
    min-width: 32px;
    min-height: 38px;
    padding: 0 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
    font-family: var(--bh-sans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    transition:
        color 220ms ease,
        transform 220ms var(--bh-ease),
        opacity 220ms ease;
}

body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers .current,
body.post-type-archive-product nav.woocommerce-pagination .page-numbers .current,
body.tax-product_cat nav.woocommerce-pagination .page-numbers .current,
body.tax-product_tag nav.woocommerce-pagination .page-numbers .current {
    color: var(--bh-text) !important;
    font-weight: 700;
}

body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers .current::after,
body.post-type-archive-product nav.woocommerce-pagination .page-numbers .current::after,
body.tax-product_cat nav.woocommerce-pagination .page-numbers .current::after,
body.tax-product_tag nav.woocommerce-pagination .page-numbers .current::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--bh-gold);
    transform: translateX(-50%);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 10%, transparent);
}

body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers .prev,
body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers .next,
body.post-type-archive-product nav.woocommerce-pagination .page-numbers .prev,
body.post-type-archive-product nav.woocommerce-pagination .page-numbers .next,
body.tax-product_cat nav.woocommerce-pagination .page-numbers .prev,
body.tax-product_cat nav.woocommerce-pagination .page-numbers .next,
body.tax-product_tag nav.woocommerce-pagination .page-numbers .prev,
body.tax-product_tag nav.woocommerce-pagination .page-numbers .next {
    min-width: 40px;
    min-height: 40px;
    padding: 0 !important;
    font-family: var(--bh-sans);
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
}

body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers .prev,
body.post-type-archive-product nav.woocommerce-pagination .page-numbers .prev,
body.tax-product_cat nav.woocommerce-pagination .page-numbers .prev,
body.tax-product_tag nav.woocommerce-pagination .page-numbers .prev {
    margin-right: 4px !important;
}

body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers .next,
body.post-type-archive-product nav.woocommerce-pagination .page-numbers .next,
body.tax-product_cat nav.woocommerce-pagination .page-numbers .next,
body.tax-product_tag nav.woocommerce-pagination .page-numbers .next {
    margin-left: 4px !important;
}

@media (hover: hover) and (pointer: fine) {
    body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers a:hover,
    body.post-type-archive-product nav.woocommerce-pagination .page-numbers a:hover,
    body.tax-product_cat nav.woocommerce-pagination .page-numbers a:hover,
    body.tax-product_tag nav.woocommerce-pagination .page-numbers a:hover {
        color: var(--bh-gold) !important;
        transform: translateY(-1px);
    }

    body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers .prev:hover,
    body.post-type-archive-product nav.woocommerce-pagination .page-numbers .prev:hover,
    body.tax-product_cat nav.woocommerce-pagination .page-numbers .prev:hover {
        transform: translateX(-2px);
    }

    body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers .next:hover,
    body.post-type-archive-product nav.woocommerce-pagination .page-numbers .next:hover,
    body.tax-product_cat nav.woocommerce-pagination .page-numbers .next:hover {
        transform: translateX(2px);
    }
}

body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers a:focus-visible,
body.post-type-archive-product nav.woocommerce-pagination .page-numbers a:focus-visible,
body.tax-product_cat nav.woocommerce-pagination .page-numbers a:focus-visible,
body.tax-product_tag nav.woocommerce-pagination .page-numbers a:focus-visible {
    outline: 1.5px solid var(--bh-gold);
    outline-offset: 4px;
    border-radius: 999px !important;
}

@media (max-width: 767px) {
    body.bhraaj-shop-v22 nav.woocommerce-pagination,
    body.post-type-archive-product nav.woocommerce-pagination,
    body.tax-product_cat nav.woocommerce-pagination,
    body.tax-product_tag nav.woocommerce-pagination {
        margin-top: 44px !important;
    }

    body.bhraaj-shop-v22 nav.woocommerce-pagination ul.page-numbers,
    body.post-type-archive-product nav.woocommerce-pagination ul.page-numbers,
    body.tax-product_cat nav.woocommerce-pagination ul.page-numbers,
    body.tax-product_tag nav.woocommerce-pagination ul.page-numbers {
        gap: 12px;
    }

    body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers a,
    body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers span,
    body.post-type-archive-product nav.woocommerce-pagination .page-numbers a,
    body.post-type-archive-product nav.woocommerce-pagination .page-numbers span,
    body.tax-product_cat nav.woocommerce-pagination .page-numbers a,
    body.tax-product_cat nav.woocommerce-pagination .page-numbers span,
    body.tax-product_tag nav.woocommerce-pagination .page-numbers a,
    body.tax-product_tag nav.woocommerce-pagination .page-numbers span {
        min-width: 30px;
        min-height: 38px;
        font-size: 13px;
    }

    body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers .prev,
    body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers .next,
    body.post-type-archive-product nav.woocommerce-pagination .page-numbers .prev,
    body.post-type-archive-product nav.woocommerce-pagination .page-numbers .next,
    body.tax-product_cat nav.woocommerce-pagination .page-numbers .prev,
    body.tax-product_cat nav.woocommerce-pagination .page-numbers .next,
    body.tax-product_tag nav.woocommerce-pagination .page-numbers .prev,
    body.tax-product_tag nav.woocommerce-pagination .page-numbers .next {
        min-width: 38px;
        min-height: 40px;
        font-size: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.bhraaj-shop-v22 nav.woocommerce-pagination .page-numbers a,
    body.post-type-archive-product nav.woocommerce-pagination .page-numbers a,
    body.tax-product_cat nav.woocommerce-pagination .page-numbers a,
    body.tax-product_tag nav.woocommerce-pagination .page-numbers a {
        transition: none !important;
        transform: none !important;
    }
}

/* =========================================================
   BHRAAJ V413 — Product gallery zoom-layer cleanup
   ---------------------------------------------------------
   Defensive CSS for WooCommerce/jQuery Zoom remnants. The real product image
   and lightbox anchor stay untouched; only the hover zoom overlay is removed.
   ========================================================= */
body.single-product .woocommerce-product-gallery img.zoomImg,
body.single-product .woocommerce-product-gallery .zoomImg {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.single-product .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image > a,
body.single-product .woocommerce-product-gallery__image > a > img {
    cursor: pointer !important;
}

/* =========================================================
   BHRAAJ V414 — Razorpay launch dead-lock protection
   - Keep gateway UI above the BHRAAJ secure-payment veil.
   - The veil is now raised only after main.js detects Razorpay.
   - No checkout form/payment gateway logic is replaced here.
   ========================================================= */
body.woocommerce-order-pay.bhraaj-payment-modal-open-v324 .razorpay-container,
body.woocommerce-order-pay.bhraaj-payment-modal-open-v324 iframe.razorpay-checkout-frame,
body.woocommerce-order-pay.bhraaj-payment-modal-open-v324 iframe[src*="razorpay.com"],
body.woocommerce-order-pay.bhraaj-payment-modal-open-v324 iframe[src*="checkout.razorpay"] {
    position: fixed !important;
    z-index: 2147483000 !important;
}

/* If a gateway launch is delayed/blocked, never leave an invisible full-page
   veil above the retry controls. main.js removes this state after 2.6s. */
body.woocommerce-order-pay.bhraaj-payment-launching-v324:not(.bhraaj-payment-modal-open-v324)::before,
body.woocommerce-order-pay.bhraaj-payment-launching-v324:not(.bhraaj-payment-modal-open-v324)::after {
    content: none !important;
}

/* =========================================================
   BHRAAJ V408 — VARIABLE PRODUCT OPTIONS / SIZE SELECTOR
   21 Sep 2026
   ---------------------------------------------------------
   PURPOSE
   - Uses WooCommerce's native Variable product + Attributes system.
   - No size/weight values are hard-coded in the theme.
   - Any product configured as Variable can expose Size, Weight, etc.
   - Simple products remain unchanged.
   - Keeps Add to Bag + Buy Now on the existing BHRAAJ purchase path.
   ========================================================= */

/* Variable products must remain a vertical product form. The generic PDP
   purchase grid is for simple products; WooCommerce nests variable-product
   controls inside .single_variation_wrap. */
html body.single-product.bhraaj-single-product-v20 div.product
form.cart.variations_form {
    display: block !important;
    width: 100% !important;
    max-width: 650px !important;
    margin: 0 0 30px !important;
}

/* Attribute area */
html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    border: 0 !important;
    border-collapse: collapse !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations tbody,
html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations tr {
    display: block !important;
    width: 100% !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations tr + tr {
    margin-top: 14px !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations th.label,
html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations td.value {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations th.label {
    margin: 0 0 8px !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations th.label label {
    display: block !important;
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

/* Native WooCommerce selector, visually owned by BHRAAJ. Keeping the native
   select preserves accessibility and lets the client rename/add options in
   WP Admin without any theme edit. */
html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations select {
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 46px 0 16px !important;
    border: 1px solid color-mix(in srgb, var(--bh-text) 18%, var(--bh-border)) !important;
    border-radius: 14px !important;
    background-color: color-mix(in srgb, var(--bh-surface) 92%, transparent) !important;
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    box-shadow: 0 8px 22px rgba(55, 38, 28, .045) !important;
    cursor: pointer !important;
    transition:
        border-color 220ms ease,
        background 220ms ease,
        box-shadow 220ms ease !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations select:hover {
    border-color: color-mix(in srgb, var(--bh-gold) 52%, var(--bh-border)) !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations select:focus {
    outline: none !important;
    border-color: var(--bh-gold) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 13%, transparent) !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .reset_variations {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    color: var(--bh-text-soft) !important;
    font-family: var(--bh-sans) !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    letter-spacing: .04em !important;
    text-decoration: none !important;
    border-bottom: 1px solid color-mix(in srgb, var(--bh-text-soft) 32%, transparent) !important;
    opacity: .84 !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .reset_variations:hover {
    color: var(--bh-text) !important;
    opacity: 1 !important;
}

/* Selected variation price / availability */
html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .single_variation_wrap {
    display: block !important;
    width: 100% !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .woocommerce-variation.single_variation {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .woocommerce-variation-price {
    margin: 0 0 6px !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .woocommerce-variation-price .price {
    color: var(--bh-text) !important;
    font-family: var(--bh-sans) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .woocommerce-variation-availability {
    margin: 0 !important;
    color: var(--bh-text-soft) !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}

/* Purchase geometry after a variation is chosen.
   Row 1: quantity. Row 2: Add to Bag + Buy Now. */
html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .woocommerce-variation-add-to-cart {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 16px !important;
    row-gap: 14px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .woocommerce-variation-add-to-cart .quantity {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    margin: 0 !important;
    justify-self: start !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .woocommerce-variation-add-to-cart
button.single_add_to_cart_button.button {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .woocommerce-variation-add-to-cart
button.button.bhraaj-buy-now-v336 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

/* WooCommerce disables purchase until a complete/valid variation is chosen. */
html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .woocommerce-variation-add-to-cart-disabled
button.single_add_to_cart_button.button,
html body.single-product.bhraaj-single-product-v20 div.product
form.variations_form .woocommerce-variation-add-to-cart-disabled
button.button.bhraaj-buy-now-v336 {
    cursor: not-allowed !important;
    opacity: .46 !important;
    transform: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations select {
    border-color: rgba(255, 245, 235, .16) !important;
    background-color: color-mix(in srgb, var(--bh-surface) 94%, transparent) !important;
    color: var(--bh-text) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.single-product.bhraaj-single-product-v20 div.product
form.variations_form table.variations select:focus {
    border-color: var(--bh-gold) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bh-gold) 14%, transparent) !important;
}

@media (max-width: 767px) {
    html body.single-product.bhraaj-single-product-v20 div.product
    form.cart.variations_form {
        max-width: none !important;
        margin-bottom: 26px !important;
    }

    html body.single-product.bhraaj-single-product-v20 div.product
    form.variations_form .woocommerce-variation-add-to-cart {
        column-gap: 10px !important;
        row-gap: 12px !important;
    }

    html body.single-product.bhraaj-single-product-v20 div.product
    form.variations_form table.variations select {
        min-height: 48px !important;
        border-radius: 13px !important;
        font-size: 12px !important;
    }
}
/* =========================================================
   BHRAAJ V409 — OUR STORY EDITORIAL COMPOSITION
   ---------------------------------------------------------
   Client-requested placement refinement only.
   - Family: heading + image form the left editorial column;
     body copy occupies the right column.
   - Gifted Artisans: tighter, cleaner image/copy alignment.
   - Founders' Note: photograph left; note + sign-off right.
   - Mobile order: heading -> image -> copy -> sign-off.
   - V406 universal 16:9 + admin focal-point behavior retained.
   ========================================================= */

/* ---------- Family: remove the empty lower-left void ---------- */

.bhraaj-story-v406 .bhraaj-story-family > .bhraaj-story-shell {
    display: grid !important;
    grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: clamp(58px, 6.2vw, 92px) !important;
    row-gap: clamp(28px, 3vw, 42px) !important;
    align-items: start !important;
}

.bhraaj-story-v406 .bhraaj-story-family-layout {
    display: contents !important;
}

.bhraaj-story-v406 .bhraaj-story-family-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
}

.bhraaj-story-v406 .bhraaj-story-family-title h2 {
    margin: 0 !important;
}

.bhraaj-story-v406 .bhraaj-story-family-copy {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    max-width: 690px !important;
    padding-top: 4px !important;
}

.bhraaj-story-v406 .bhraaj-story-family-media-v239 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: clamp(20px, 2vw, 28px) !important;
}

/* ---------- Gifted Artisans: preserve structure, improve balance ---------- */

@media (min-width: 981px) {
    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-grid.is-reversed {
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
        gap: clamp(62px, 7vw, 104px) !important;
        align-items: center !important;
    }

    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-media {
        width: 100% !important;
        max-width: 590px !important;
        margin: 0 !important;
        justify-self: start !important;
    }

    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-copy {
        width: 100% !important;
        max-width: 650px !important;
        margin: 0 !important;
        justify-self: start !important;
    }
}

/* ---------- Founders' Note: photograph + written note become one composition ---------- */

.bhraaj-story-v406 .bhraaj-story-founders-v239 > .bhraaj-story-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: clamp(58px, 6.4vw, 96px) !important;
    row-gap: clamp(34px, 3.8vw, 52px) !important;
    align-items: start !important;
}

.bhraaj-story-v406 .bhraaj-story-founders-heading-v239 {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
}

.bhraaj-story-v406 .bhraaj-story-founders-heading-v239 h2 {
    margin-bottom: 0 !important;
}

.bhraaj-story-v406 .bhraaj-story-founders-media-v239 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: clamp(20px, 2vw, 28px) !important;
}

.bhraaj-story-v406 .bhraaj-story-closing-inner {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    align-self: start !important;
    width: 100% !important;
    max-width: 620px !important;
    margin: 0 !important;
    text-align: left !important;
}

.bhraaj-story-v406 .bhraaj-story-closing-inner > p {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

.bhraaj-story-v406 .bhraaj-story-signoff {
    width: 100% !important;
    max-width: none !important;
    margin: clamp(30px, 3vw, 44px) 0 0 !important;
    padding: clamp(24px, 2.4vw, 34px) 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid var(--bh-border) !important;
    text-align: left !important;
}

.bhraaj-story-v406 .bhraaj-story-signoff-names {
    max-width: 100% !important;
}

/* ---------- Tablet: retain editorial relationship without squeezing copy ---------- */

@media (min-width: 768px) and (max-width: 980px) {
    .bhraaj-story-v406 .bhraaj-story-family > .bhraaj-story-shell {
        grid-template-columns: minmax(250px, 0.82fr) minmax(0, 1.18fr) !important;
        column-gap: 44px !important;
        row-gap: 28px !important;
    }

    .bhraaj-story-v406 .bhraaj-story-founders-v239 > .bhraaj-story-shell {
        grid-template-columns: minmax(0, 1fr) minmax(290px, 0.92fr) !important;
        column-gap: 44px !important;
        row-gap: 34px !important;
    }
}

/* ---------- Mobile: clear narrative sequence ---------- */

@media (max-width: 767px) {
    .bhraaj-story-v406 .bhraaj-story-family > .bhraaj-story-shell {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-layout {
        display: contents !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-title {
        order: 1 !important;
        width: 100% !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-media-v239 {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 26px 0 30px !important;
        border-radius: 18px !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-copy {
        order: 3 !important;
        width: 100% !important;
        max-width: none !important;
        padding-top: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-grid.is-reversed {
        gap: 28px !important;
    }

    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-media,
    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-copy {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-founders-v239 > .bhraaj-story-shell {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-founders-heading-v239 {
        order: 1 !important;
        width: 100% !important;
    }

    .bhraaj-story-v406 .bhraaj-story-founders-media-v239 {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 28px 0 32px !important;
        border-radius: 18px !important;
    }

    .bhraaj-story-v406 .bhraaj-story-closing-inner {
        order: 3 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-signoff {
        margin-top: 32px !important;
        padding-top: 26px !important;
    }
}

/* Small-phone spacing protection. */
@media (max-width: 390px) {
    .bhraaj-story-v406 .bhraaj-story-family-media-v239,
    .bhraaj-story-v406 .bhraaj-story-founders-media-v239 {
        margin-top: 24px !important;
        border-radius: 16px !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-media-v239 {
        margin-bottom: 27px !important;
    }

    .bhraaj-story-v406 .bhraaj-story-founders-media-v239 {
        margin-bottom: 29px !important;
    }
}

/* =========================================================
   BHRAAJ V410 — OUR STORY ALTERNATING DESKTOP LAYOUT
   ---------------------------------------------------------
   Faith           = text left / image right
   Family          = image left / text right
   Gifted Artisans = text left / image right
   Founders' Note  = image left / text right
   Mobile rules from V409 remain intentionally preserved.
   ========================================================= */

@media (min-width: 981px) {
    /* Family: image left, text right as one grouped block */
    .bhraaj-story-v406 .bhraaj-story-family > .bhraaj-story-shell {
        display: grid !important;
        grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr) !important;
        grid-template-rows: auto !important;
        column-gap: clamp(60px, 6.4vw, 96px) !important;
        row-gap: 0 !important;
        align-items: center !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-layout {
        display: block !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        max-width: 670px !important;
        margin: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-title {
        margin: 0 0 26px !important;
        padding: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-title h2 {
        margin: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-copy {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-top: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-media-v239 {
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: start !important;
        width: 100% !important;
        max-width: 580px !important;
        margin: 0 !important;
        border-radius: clamp(20px, 2vw, 28px) !important;
    }

    /* Gifted Artisans: text left, image right */
    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-grid.is-reversed {
        grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr) !important;
        gap: clamp(62px, 7vw, 104px) !important;
        align-items: center !important;
    }

    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-grid.is-reversed .bhraaj-story-copy {
        order: 1 !important;
        width: 100% !important;
        max-width: 650px !important;
        margin: 0 !important;
        justify-self: start !important;
    }

    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-grid.is-reversed .bhraaj-story-media {
        order: 2 !important;
        width: 100% !important;
        max-width: 590px !important;
        margin: 0 !important;
        justify-self: end !important;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    /* Keep the same alternating rhythm on tablet without squeezing content */
    .bhraaj-story-v406 .bhraaj-story-family > .bhraaj-story-shell {
        display: grid !important;
        grid-template-columns: minmax(250px, 0.9fr) minmax(0, 1.1fr) !important;
        column-gap: 42px !important;
        row-gap: 0 !important;
        align-items: center !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-layout {
        display: block !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-title {
        margin: 0 0 22px !important;
        padding: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-title h2 {
        margin: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-copy {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-top: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-media-v239 {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-grid.is-reversed {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.92fr) !important;
        gap: 42px !important;
        align-items: center !important;
    }

    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-grid.is-reversed .bhraaj-story-copy {
        order: 1 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-grid.is-reversed .bhraaj-story-media {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}

/* =========================================================
   BHRAAJ V411 — OUR STORY ALTERNATING + UNIFORM IMAGE SIZE
   ---------------------------------------------------------
   Final desktop rhythm:
   1. Faith           = text left  / image right
   2. Family          = image left / text right
   3. Gifted Artisans = text left  / image right
   4. Founders' Note  = image left / text right

   All four story photographs use the SAME 16:9 frame and
   the SAME desktop maximum width, matching the Faith image.
   Existing admin focal-point controls remain active.
   ========================================================= */

/* Universal story image geometry — same frame for every chapter. */
.bhraaj-story-v406 .bhraaj-story-media,
.bhraaj-story-v406 .bhraaj-story-wide-media,
.bhraaj-story-v406 .bhraaj-story-media.is-mayapur,
.bhraaj-story-v406 .bhraaj-story-media.is-artisan,
.bhraaj-story-v406 .bhraaj-story-family-media-v239,
.bhraaj-story-v406 .bhraaj-story-founders-media-v239 {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
}

.bhraaj-story-v406 .bhraaj-story-media img,
.bhraaj-story-v406 .bhraaj-story-wide-media img,
.bhraaj-story-v406 .bhraaj-story-media.is-mayapur img,
.bhraaj-story-v406 .bhraaj-story-media.is-artisan img,
.bhraaj-story-v406 .bhraaj-story-family-media-v239 img,
.bhraaj-story-v406 .bhraaj-story-founders-media-v239 img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: var(--bh-story-focus-x, 50%) var(--bh-story-focus-y, 50%) !important;
}

@media (min-width: 981px) {
    /* Keep every desktop chapter on the same balanced two-column geometry. */
    .bhraaj-story-v406 .bhraaj-story-faith .bhraaj-story-grid,
    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-grid.is-reversed {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: clamp(64px, 7vw, 104px) !important;
        align-items: center !important;
    }

    /* Faith image establishes the master visual size. */
    .bhraaj-story-v406 .bhraaj-story-faith .bhraaj-story-media,
    .bhraaj-story-v406 .bhraaj-story-family-media-v239,
    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-media,
    .bhraaj-story-v406 .bhraaj-story-founders-media-v239 {
        width: 100% !important;
        max-width: 590px !important;
        aspect-ratio: 16 / 9 !important;
        margin: 0 !important;
        border-radius: clamp(20px, 2vw, 28px) !important;
    }

    /* Faith: text left / image right. */
    .bhraaj-story-v406 .bhraaj-story-faith .bhraaj-story-copy {
        justify-self: start !important;
        width: 100% !important;
        max-width: 650px !important;
    }

    .bhraaj-story-v406 .bhraaj-story-faith .bhraaj-story-media {
        justify-self: end !important;
    }

    /* Family: image left / heading + copy right. */
    .bhraaj-story-v406 .bhraaj-story-family > .bhraaj-story-shell {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        column-gap: clamp(64px, 7vw, 104px) !important;
        row-gap: 0 !important;
        align-items: center !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-media-v239 {
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        align-self: center !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-layout {
        display: block !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        max-width: 650px !important;
        margin: 0 !important;
        justify-self: start !important;
        align-self: center !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-title {
        margin: 0 0 26px !important;
        padding: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-title h2 {
        margin: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-family-copy {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Gifted Artisans: text left / image right. */
    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-grid.is-reversed .bhraaj-story-copy {
        order: 1 !important;
        justify-self: start !important;
        width: 100% !important;
        max-width: 650px !important;
        margin: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-grid.is-reversed .bhraaj-story-media {
        order: 2 !important;
        justify-self: end !important;
    }

    /* Founders' Note: image left / complete text composition right. */
    .bhraaj-story-v406 .bhraaj-story-founders-v239 > .bhraaj-story-shell {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        column-gap: clamp(64px, 7vw, 104px) !important;
        row-gap: 24px !important;
        align-items: start !important;
    }

    .bhraaj-story-v406 .bhraaj-story-founders-media-v239 {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        justify-self: start !important;
        align-self: center !important;
    }

    .bhraaj-story-v406 .bhraaj-story-founders-heading-v239 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        max-width: 650px !important;
        margin: 0 !important;
        justify-self: start !important;
        align-self: end !important;
    }

    .bhraaj-story-v406 .bhraaj-story-founders-heading-v239 h2 {
        margin: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-closing-inner {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: block !important;
        width: 100% !important;
        max-width: 650px !important;
        margin: 0 !important;
        justify-self: start !important;
        align-self: start !important;
        text-align: left !important;
    }

    .bhraaj-story-v406 .bhraaj-story-closing-inner > p {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }

    .bhraaj-story-v406 .bhraaj-story-signoff {
        width: 100% !important;
        max-width: none !important;
        margin: clamp(28px, 3vw, 42px) 0 0 !important;
        padding: clamp(24px, 2.4vw, 32px) 0 0 !important;
        border-left: 0 !important;
        border-top: 1px solid var(--bh-border) !important;
        text-align: left !important;
    }
}

/* Tablet keeps equal 16:9 frames while retaining the alternating composition. */
@media (min-width: 768px) and (max-width: 980px) {
    .bhraaj-story-v406 .bhraaj-story-faith .bhraaj-story-media,
    .bhraaj-story-v406 .bhraaj-story-family-media-v239,
    .bhraaj-story-v406 .bhraaj-story-artisans .bhraaj-story-media,
    .bhraaj-story-v406 .bhraaj-story-founders-media-v239 {
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 16 / 9 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-founders-heading-v239 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
    }

    .bhraaj-story-v406 .bhraaj-story-founders-media-v239 {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
    }

    .bhraaj-story-v406 .bhraaj-story-closing-inner {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }
}

/* Mobile: every image remains the same full-width 16:9 visual frame. */
@media (max-width: 767px) {
    .bhraaj-story-v406 .bhraaj-story-media,
    .bhraaj-story-v406 .bhraaj-story-wide-media,
    .bhraaj-story-v406 .bhraaj-story-family-media-v239,
    .bhraaj-story-v406 .bhraaj-story-founders-media-v239 {
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 16 / 9 !important;
    }
}
/* =========================================================
   BHRAAJ V412 — SHOP CARD IMAGE GALLERY
   ---------------------------------------------------------
   - same square geometry as the existing collection cards
   - no dots / no autoplay
   - desktop arrows are quiet and appear only on interaction
   - touch devices swipe directly on the image
   ========================================================= */

body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-card {
    position: relative !important;
}

body.bhraaj-shop-v22 .bhraaj-card-gallery {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: inherit !important;
    touch-action: pan-y pinch-zoom !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

body.bhraaj-shop-v22 .bhraaj-card-gallery-track {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    transform: translate3d(0, 0, 0);
    transition: transform 500ms var(--bh-ui-ease-emph, var(--bh-ease)) !important;
    will-change: transform;
}

body.bhraaj-shop-v22 .bhraaj-card-gallery-track.is-jump {
    transition: none !important;
}

body.bhraaj-shop-v22 .bhraaj-card-gallery-slide {
    position: relative !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

body.bhraaj-shop-v22 .bhraaj-card-gallery-slide .bhraaj-card-gallery-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    object-fit: cover !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: scale(1.001) !important;
    transform-origin: center center !important;
    transition: transform 560ms var(--bh-ui-ease-emph, var(--bh-ease)) !important;
    pointer-events: none !important;
}

/* Existing media hover is preserved across whichever image is active. */
@media (hover: hover) and (pointer: fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product:hover
    .bhraaj-card-gallery-slide .bhraaj-card-gallery-image {
        transform: scale(1.018) !important;
    }
}

/*
 * Controls are siblings of the WooCommerce product link, not nested inside it.
 * JS writes the exact vertical center of the square media to this custom prop.
 */
body.bhraaj-shop-v22 .bhraaj-card-gallery-controls {
    position: absolute !important;
    z-index: 8 !important;
    top: var(--bh-card-gallery-control-y, 50%) !important;
    left: 0 !important;
    right: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    transform: translateY(-50%) !important;
}

body.bhraaj-shop-v22 .bhraaj-card-gallery-arrow {
    position: absolute !important;
    top: 0 !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid color-mix(in srgb, var(--bh-border) 80%, transparent) !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--bh-surface) 90%, transparent) !important;
    color: var(--bh-text) !important;
    box-shadow: 0 8px 26px rgba(45, 30, 22, .11) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    cursor: pointer !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-50%) scale(.94) !important;
    transition:
        opacity 180ms ease,
        transform 260ms var(--bh-ui-ease, var(--bh-ease)),
        background-color 180ms ease,
        border-color 180ms ease !important;
}

body.bhraaj-shop-v22 .bhraaj-card-gallery-arrow.is-prev {
    left: 12px !important;
}

body.bhraaj-shop-v22 .bhraaj-card-gallery-arrow.is-next {
    right: 12px !important;
}

body.bhraaj-shop-v22 .bhraaj-card-gallery-arrow svg {
    width: 17px !important;
    height: 17px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

@media (hover: hover) and (pointer: fine) {
    body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-card:hover
    .bhraaj-card-gallery-arrow,
    body.bhraaj-shop-v22 .woocommerce ul.products li.product.bhraaj-product-card:focus-within
    .bhraaj-card-gallery-arrow {
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateY(-50%) scale(1) !important;
    }

    body.bhraaj-shop-v22 .bhraaj-card-gallery-arrow:hover {
        background: var(--bh-surface) !important;
        border-color: color-mix(in srgb, var(--bh-gold) 30%, var(--bh-border)) !important;
        transform: translateY(-50%) scale(1.04) !important;
    }
}

/* Touch UI stays extremely clean: swipe only, no arrows and no dots. */
@media (hover: none), (pointer: coarse) {
    body.bhraaj-shop-v22 .bhraaj-card-gallery-controls {
        display: none !important;
    }
}

html[data-theme="dark"] body.bhraaj-shop-v22 .bhraaj-card-gallery-arrow {
    background: color-mix(in srgb, var(--bh-surface) 88%, transparent) !important;
    border-color: rgba(255, 245, 235, .13) !important;
    box-shadow: 0 9px 28px rgba(0, 0, 0, .24) !important;
}

@media (prefers-reduced-motion: reduce) {
    body.bhraaj-shop-v22 .bhraaj-card-gallery-track,
    body.bhraaj-shop-v22 .bhraaj-card-gallery-slide .bhraaj-card-gallery-image,
    body.bhraaj-shop-v22 .bhraaj-card-gallery-arrow {
        transition-duration: .01ms !important;
    }
}

/* =========================================================
   BHRAAJ V417 — DESKTOP PLACE ORDER REPOSITION ONLY
   21 Sep 2026
   ---------------------------------------------------------
   NO checkout redesign.
   NO Order Summary width changes.
   NO Contact / Shipping / Payment positioning changes.

   This block styles ONLY the already-existing WooCommerce
   Place Order row after JS moves that row below the untouched
   native Order Summary.
   ========================================================= */
@media (min-width: 768px) {

    body.woocommerce-checkout
    .bhraaj-place-order-after-summary-v417 {
        /*
         * When Checkout is a grid, explicitly begin a new row after the
         * untouched summary. When Checkout is stacked/block, these grid
         * declarations are harmless.
         */
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        align-self: auto !important;
        justify-self: start !important;

        /*
         * Preserve the Place Order row's PRE-MOVE desktop width and left
         * alignment. This prevents the requested move from becoming a
         * full-page button redesign.
         */
        width: min(
            var(--bh-v417-action-width, 100%),
            calc(100% - var(--bh-v417-action-offset, 0px))
        ) !important;
        max-width: calc(100% - var(--bh-v417-action-offset, 0px)) !important;
        min-width: 0 !important;

        margin:
            clamp(22px, 2.2vw, 30px)
            0
            0
            var(--bh-v417-action-offset, 0px) !important;

        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /*
     * Keep the REAL existing button styling. We only ensure the button fills
     * the same action-row width it filled before being moved.
     */
    body.woocommerce-checkout
    .bhraaj-place-order-after-summary-v417
    .wc-block-components-checkout-place-order-button {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* =========================================================
   BHRAAJ V420 — DESKTOP SUMMARY POSITION + PAYMENT DIVIDER FIX
   21 Sep 2026
   ---------------------------------------------------------
   Two tightly scoped desktop-only corrections:

   1. Order Summary:
      Keep its existing size/design and use the JS-calculated
      vertical offset so it sits naturally between Terms and
      the already-correct V417 Place Order button.

   2. Payment separator:
      Remove only the stray horizontal divider after Payment.
      Mobile remains untouched.
   ========================================================= */
@media (min-width: 768px) {

    /* V419 changes only the visual Y-position — no width or grid reflow. */
    body.woocommerce-checkout
    .wc-block-checkout__sidebar.bhraaj-summary-balanced-v419 {
        transform: translateY(
            var(--bh-v419-summary-shift, 0px)
        ) !important;
    }

    /*
     * V420 — Payment -> Terms separator fix.
     *
     * The visible rule in this WooCommerce Blocks build is not the <hr>
     * targeted in V419. It comes from the checkout action/transition shell
     * immediately before the Terms copy. Remove ONLY that desktop separator.
     *
     * We also defensively neutralise a bottom rule/pseudo-rule on the payment
     * step itself because WooCommerce versions can place the same separator
     * on either side of this junction.
     */
    body.woocommerce-checkout
    .wc-block-checkout__actions {
        border-top: 0 !important;
        box-shadow: none !important;
        background-image: none !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout__actions::before,
    body.woocommerce-checkout
    .wc-block-checkout__actions::after {
        content: none !important;
        display: none !important;
        border: 0 !important;
        box-shadow: none !important;
        background: none !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout__payment-method,
    body.woocommerce-checkout
    .wc-block-checkout__payment-methods {
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout__payment-method::after,
    body.woocommerce-checkout
    .wc-block-checkout__payment-methods::after {
        content: none !important;
        display: none !important;
        border: 0 !important;
        box-shadow: none !important;
        background: none !important;
    }

    /*
     * Center ONLY the existing Terms / Privacy copy on desktop.
     * No vertical spacing, width, summary or Place Order geometry is changed.
     */
    body.woocommerce-checkout
    .wc-block-checkout__terms,
    body.woocommerce-checkout
    .wc-block-checkout__terms p {
        width: 100% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
}