/* ======================================================================
   SHAHAZ.COM — Luxury Product Category Landing Page
   Custom frontend only. WooCommerce supplies category/product data.
   ====================================================================== */

.shahaz-category-page {
	background: var(--shahaz-softpink);
	min-height: 100vh;
	overflow: hidden;
}

/* ---------- Full-width category banner ---------- */
.shahaz-category-hero {
	position: relative;
	width: 100vw;
	min-height: 108px;
	margin-left: calc(50% - 50vw);
	background-color: var(--shahaz-softpink-deep);
	background-image: var(--shahaz-category-banner-image);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: visible;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shahaz-category-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(107,15,85,.20), rgba(194,24,91,.08));
	pointer-events: none;
}

.shahaz-category-hero-content {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 12px 18px;
	color: var(--shahaz-white);
	text-shadow: 0 2px 8px rgba(43,21,32,.28);
}

.shahaz-category-hero-kicker {
	display: block;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.shahaz-category-hero h1 {
	margin: 2px 0 0;
	font-size: clamp(22px, 5vw, 42px);
	line-height: 1.05;
	font-weight: 900;
}

/* ---------- Empty logo placeholder; same visual scale family as header logo ---------- */
.shahaz-category-logo-placeholder {
	position: relative;
	z-index: 5;
	width: 87px;
	height: 87px;
	margin: -65.25px auto 0;
	border-radius: 50%;
	border: 1.5px solid var(--shahaz-gold);
	background: var(--shahaz-softpink);
	box-shadow: 0 0 0 2px rgba(255,255,255,.65) inset, var(--shahaz-shadow-lift);
	display: flex;
	align-items: center;
	justify-content: center;
}

.shahaz-category-logo-placeholder span {
	display: block;
	width: 76%;
	height: 76%;
	border-radius: 50%;
	border: 1px dashed var(--shahaz-gold);
	opacity: .8;
}

/* ---------- Horizontal 3-column luxury category rail ---------- */
.shahaz-category-browser {
	width: 100%;
	padding: 15px 2px 0;
}

.shahaz-section-intermediate-collection-bar {
	width: 100%;
	padding: 15px 2px 0;
}

.shahaz-section-intermediate-collection-bar .shahaz-category-browser-header {
	margin-bottom: 0;
}

.shahaz-category-browser-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 40px;
	margin: 0 2px 6px;
	padding: 4px 6px 4px 9px;
	border: 1px solid rgba(212,175,55,.38);
	border-radius: 11px;
	background: linear-gradient(135deg, rgba(255,255,255,.97), rgba(255,235,245,.92));
	box-shadow: 0 6px 16px -12px rgba(107,15,85,.5), 0 0 0 1px rgba(255,255,255,.72) inset;
	overflow: hidden;
}

.shahaz-category-browser-header::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, transparent 25%, rgba(255,255,255,.7) 48%, transparent 66%);
	transform: translateX(-115%);
	animation: shahaz-category-header-shine 5.5s ease-in-out infinite;
	pointer-events: none;
}

@keyframes shahaz-category-header-shine {
	0%, 68% { transform: translateX(-115%); }
	84%, 100% { transform: translateX(115%); }
}

.shahaz-category-browser-header-copy {
	min-width: 0;
	display: flex;
	align-items: baseline;
	gap: 6px;
}

.shahaz-category-browser-header-kicker {
	font-size: 7px;
	font-weight: 900;
	letter-spacing: .11em;
	color: var(--shahaz-magenta);
	white-space: nowrap;
}

.shahaz-category-browser-header-copy strong {
	font-size: 13px;
	font-weight: 950;
	line-height: 1;
	letter-spacing: .01em;
	color: var(--shahaz-ink);
	white-space: nowrap;
}

.shahaz-category-browser-header-icon {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 1px solid var(--shahaz-gold);
	background: var(--shahaz-gradient-festive);
	color: var(--shahaz-white);
	box-shadow: 0 4px 10px -5px rgba(107,15,85,.7), 0 0 0 2px rgba(255,255,255,.45) inset;
}

.shahaz-category-browser-header-icon svg {
	width: 14px;
	height: 14px;
}

.shahaz-category-browser-track {
	display: flex;
	gap: 6px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 2px 0 0;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.shahaz-category-browser-track::-webkit-scrollbar { display: none; }

.shahaz-category-browser-card {
	position: relative;
	flex: 0 0 calc((100% - 12px) / 3);
	min-width: 0;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: var(--shahaz-ink);
	background:
		radial-gradient(circle at 50% 28%, rgba(255,255,255,.96) 0 17%, rgba(255,255,255,0) 46%),
		linear-gradient(145deg, var(--shahaz-white), var(--shahaz-softpink));
	border: 1px solid rgba(212,175,55,.48);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 8px 20px -12px rgba(107,15,85,.42), 0 0 0 1px rgba(255,255,255,.75) inset;
	scroll-snap-align: start;
	isolation: isolate;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.shahaz-category-browser-card::before {
	content: '';
	position: absolute;
	inset: 1px;
	border-radius: 13px;
	border: 1px solid rgba(255,255,255,.7);
	pointer-events: none;
	z-index: 4;
}

.shahaz-category-browser-card::after {
	content: '';
	position: absolute;
	left: 14%;
	right: 14%;
	bottom: 42px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(212,175,55,.72), transparent);
	pointer-events: none;
	z-index: 3;
}

.shahaz-category-browser-card::marker {
	display: none;
}

.shahaz-category-browser-card .shahaz-category-browser-visual::before {
	content: '';
	position: absolute;
	inset: 8px;
	border: 1px solid rgba(212,175,55,.22);
	border-radius: 12px;
	background: linear-gradient(135deg, rgba(255,255,255,.22), transparent 42%, rgba(194,24,91,.08));
	box-shadow: inset 0 0 18px rgba(255,255,255,.45);
	pointer-events: none;
	z-index: 1;
}

.shahaz-category-browser-card .shahaz-category-browser-visual::after {
	content: '';
	position: absolute;
	top: -30%;
	left: -45%;
	width: 28%;
	height: 160%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent);
	transform: rotate(24deg);
	transition: left .65s ease;
	pointer-events: none;
	z-index: 5;
}

.shahaz-category-browser-count {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 6;
	min-width: 22px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 6px;
	border: 1px solid rgba(212,175,55,.55);
	border-radius: 999px;
	background: rgba(255,255,255,.88);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	color: var(--shahaz-magenta);
	font-size: 7px;
	font-weight: 950;
	line-height: 1;
	box-shadow: 0 4px 12px -8px rgba(107,15,85,.7);
}

.shahaz-category-browser-card.is-active .shahaz-category-browser-icon-ring {
	animation: shahaz-category-ring-pulse 2.8s ease-in-out infinite;
}

@keyframes shahaz-category-ring-pulse {
	0%, 100% { box-shadow: 0 7px 18px -8px rgba(107,15,85,.55), 0 0 0 2px rgba(255,255,255,.82); }
	50% { box-shadow: 0 10px 24px -8px rgba(194,24,91,.62), 0 0 0 3px rgba(212,175,55,.28), 0 0 24px -10px rgba(212,175,55,.95); }
}

.shahaz-category-browser-card:active { transform: scale(.975); }

.shahaz-category-browser-card.is-active {
	border-color: var(--shahaz-gold);
	box-shadow: 0 12px 28px -12px rgba(194,24,91,.48), 0 0 0 1px rgba(212,175,55,.28), 0 0 22px -10px rgba(212,175,55,.75);
}

.shahaz-category-browser-visual {
	position: relative;
	min-height: 94px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 55%, rgba(255,255,255,.98) 0 13%, rgba(255,255,255,.72) 14%, rgba(255,255,255,0) 44%),
		linear-gradient(135deg, rgba(194,24,91,.13), rgba(212,175,55,.18), rgba(107,15,85,.08));
}

.shahaz-category-browser-glow {
	position: absolute;
	width: 72%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,.95), rgba(212,175,55,.16) 48%, transparent 72%);
	filter: blur(1px);
	pointer-events: none;
}

.shahaz-category-browser-icon-ring {
	position: relative;
	z-index: 2;
	width: 58px;
	height: 58px;
	padding: 4px;
	border-radius: 50%;
	background: conic-gradient(from 210deg, var(--shahaz-gold), var(--shahaz-white), var(--shahaz-magenta), var(--shahaz-gold));
	box-shadow: 0 7px 18px -8px rgba(107,15,85,.55), 0 0 0 2px rgba(255,255,255,.82);
}

.shahaz-category-browser-icon-ring::before {
	content: '✦';
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	color: var(--shahaz-gold);
	font-size: 9px;
	line-height: 1;
	text-shadow: 0 0 8px rgba(212,175,55,.75);
	pointer-events: none;
}

.shahaz-category-browser-icon-core {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	background: var(--shahaz-white);
	border: 1px solid rgba(212,175,55,.45);
}

.shahaz-category-browser-icon-core img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.shahaz-category-browser-icon-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 25px;
	font-weight: 950;
	color: var(--shahaz-magenta);
}

.shahaz-category-browser-icon-label {
	position: absolute;
	left: 50%;
	bottom: 6px;
	z-index: 3;
	transform: translateX(-50%);
	padding: 2px 7px;
	border: 1px solid rgba(212,175,55,.52);
	border-radius: 999px;
	background: rgba(255,255,255,.82);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	color: var(--shahaz-magenta);
	font-size: 6px;
	font-weight: 950;
	letter-spacing: .14em;
	line-height: 1;
	white-space: nowrap;
}

.shahaz-category-browser-spark {
	position: absolute;
	z-index: 2;
	color: var(--shahaz-gold);
	text-shadow: 0 1px 8px rgba(212,175,55,.45);
	line-height: 1;
	pointer-events: none;
}

.shahaz-category-browser-spark.spark-one {
	top: 12px;
	left: 14%;
	font-size: 12px;
}

.shahaz-category-browser-spark.spark-two {
	right: 15%;
	top: 22px;
	font-size: 9px;
}

.shahaz-category-browser-title {
	position: relative;
	z-index: 5;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	padding: 7px 8px 8px;
	background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,235,245,.98));
	border-top: 1px solid rgba(212,175,55,.34);
	color: var(--shahaz-ink);
	font-size: 11px;
	font-weight: 900;
	line-height: 1.12;
	text-align: left;
}

.shahaz-category-browser-name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.shahaz-category-browser-arrow {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: var(--shahaz-gradient-festive);
	color: var(--shahaz-white);
	font-size: 16px;
	font-weight: 900;
	line-height: 1;
	box-shadow: 0 3px 8px -4px rgba(107,15,85,.55);
}

.shahaz-category-browser-card.is-active .shahaz-category-browser-title {
	background: linear-gradient(135deg, rgba(255,247,207,.98), rgba(255,235,245,.98));
}

.shahaz-category-browser-card.is-active .shahaz-category-browser-arrow {
	box-shadow: 0 0 12px -3px rgba(212,175,55,.95);
}

@media (hover: hover) {
	.shahaz-category-browser-card:hover {
		transform: translateY(-3px);
		border-color: var(--shahaz-gold);
		box-shadow: 0 17px 30px -13px rgba(107,15,85,.56), 0 0 0 1px rgba(212,175,55,.26), 0 0 28px -11px rgba(212,175,55,.88);
	}

	.shahaz-category-browser-card:hover .shahaz-category-browser-visual::after {
		left: 125%;
	}

	.shahaz-category-browser-card:hover .shahaz-category-browser-icon-ring {
		transform: scale(1.045);
	}
}

.shahaz-category-browser-card:focus-visible {
	outline: 2px solid var(--shahaz-gold);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.shahaz-category-browser-card,
	.shahaz-category-browser-icon-ring,
	.shahaz-category-browser-card .shahaz-category-browser-visual::after,
	.shahaz-category-browser-header::after {
		transition: none;
		animation: none;
	}
}

/* ---------- Product area: intentionally compact 2-column grid ---------- */
.shahaz-category-products {
	padding: 3px 2px 28px;
}

.shahaz-category-products-header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 4px 12px;
}

.shahaz-category-products-kicker {
	display: block;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .13em;
	color: var(--shahaz-magenta);
}

.shahaz-category-products-header h2 {
	margin: 2px 0 0;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 900;
	color: var(--shahaz-ink);
}

.shahaz-category-product-count {
	flex: 0 0 auto;
	font-size: 10px;
	font-weight: 800;
	color: var(--shahaz-gray);
	white-space: nowrap;
}

.shahaz-category-product-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2px;
	width: 100%;
}

/* Keep the existing Signature Product Card intact; only the grid is changed here. */
.shahaz-category-product-grid .shahaz-p-card {
	min-width: 0;
	border-radius: 10px;
	align-self: start;
	height: auto;
}

.shahaz-category-pagination {
	display: flex;
	justify-content: center;
	padding: 22px 4px 4px;
}

.shahaz-category-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	margin: 0 3px;
	padding: 0 8px;
	border-radius: 999px;
	background: var(--shahaz-white);
	border: 1px solid var(--shahaz-gold);
	color: var(--shahaz-magenta);
	font-weight: 800;
	text-decoration: none;
}

.shahaz-category-pagination .page-numbers.current {
	background: var(--shahaz-gradient-festive);
	color: var(--shahaz-white);
}

.shahaz-category-empty {
	padding: 30px 14px;
	text-align: center;
	background: var(--shahaz-white);
	border: 1px solid rgba(212,175,55,.3);
	border-radius: 12px;
	color: var(--shahaz-ink);
}

.shahaz-category-empty strong,
.shahaz-category-empty span { display: block; }
.shahaz-category-empty span { margin-top: 5px; font-size: 12px; color: var(--shahaz-gray); }

@media (max-width: 767px) {
	/* Mobile-only: compact the category header area by roughly 50% without shrinking its text. */
	.shahaz-category-browser-header {
		min-height: 20px;
		margin-bottom: 3px;
		padding-top: 1px;
		padding-bottom: 1px;
	}

	.shahaz-category-browser-header-icon {
		width: 20px;
		height: 20px;
	}

	.shahaz-category-browser-header-icon svg {
		width: 12px;
		height: 12px;
	}
}

@media (min-width: 768px) {
	.shahaz-category-browser-header {
		margin-left: 4px;
		margin-right: 4px;
		margin-bottom: 8px;
	}

	.shahaz-category-hero {
		min-height: 325px;
	}

	.shahaz-category-logo-placeholder {
		width: 168px;
		height: 168px;
		margin-top: -126px;
	}

	.shahaz-category-browser {
		padding-top: 15px;
		padding-left: 4px;
		padding-right: 4px;
	}

	.shahaz-category-browser-track { gap: 10px; }
	.shahaz-category-browser-card { flex-basis: calc((100% - 20px) / 3); }
	.shahaz-category-browser-visual { min-height: 128px; }
	.shahaz-category-browser-icon-ring { width: 78px; height: 78px; }
	.shahaz-category-browser-title { min-height: 46px; font-size: 13px; padding-left: 10px; padding-right: 10px; }
	.shahaz-category-browser-arrow { width: 22px; height: 22px; }

	.shahaz-category-products { padding-left: 4px; padding-right: 4px; }
}

@media (min-width: 1024px) {
	.shahaz-category-logo-placeholder {
		width: 300px;
		height: 300px;
		margin-top: -225px;
	}

	.shahaz-category-browser {
		padding-top: 15px;
	}

	.shahaz-category-browser-track { gap: 12px; }
	.shahaz-category-browser-card { flex-basis: calc((100% - 24px) / 3); }
	.shahaz-category-browser-visual { min-height: 154px; }
	.shahaz-category-browser-icon-ring { width: 96px; height: 96px; }
	.shahaz-category-browser-icon-fallback { font-size: 34px; }
	.shahaz-category-browser-title { min-height: 50px; font-size: 14px; padding-left: 12px; padding-right: 12px; }
	.shahaz-category-browser-arrow { width: 24px; height: 24px; }
	.shahaz-category-products-header h2 { font-size: 24px; }
}

/* ---------- Enhanced information-rich category card layer ---------- */
.shahaz-category-browser-visual {
	isolation: isolate;
}

.shahaz-category-browser-index {
	position: absolute;
	top: 9px;
	left: 9px;
	z-index: 7;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border: 1px solid rgba(212,175,55,.42);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,235,245,.88));
	color: var(--shahaz-magenta);
	font-size: 7px;
	font-weight: 950;
	letter-spacing: .06em;
	box-shadow: 0 4px 12px -8px rgba(107,15,85,.65), inset 0 0 0 1px rgba(255,255,255,.7);
}

.shahaz-category-browser-count {
	min-width: 38px;
	height: auto;
	min-height: 28px;
	padding: 4px 7px 3px;
	flex-direction: column;
	gap: 1px;
	border-radius: 9px;
	line-height: 1;
}

.shahaz-category-browser-count strong {
	font-size: 10px;
	font-weight: 950;
	line-height: 1;
}

.shahaz-category-browser-count small {
	font-size: 5px;
	font-weight: 900;
	letter-spacing: .06em;
	line-height: 1;
}

.shahaz-category-browser-info {
	position: absolute;
	left: 10px;
	bottom: 9px;
	z-index: 7;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 7px;
	border-radius: 999px;
	background: rgba(255,255,255,.78);
	border: 1px solid rgba(212,175,55,.34);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	color: var(--shahaz-gray);
	font-size: 5.5px;
	font-weight: 900;
	letter-spacing: .06em;
	line-height: 1;
	box-shadow: 0 4px 12px -9px rgba(107,15,85,.7);
}

.shahaz-category-browser-info > span {
	color: var(--shahaz-magenta);
	font-size: 8px;
	font-weight: 950;
}

.shahaz-category-browser-title {
	min-height: 50px;
	padding: 7px 8px 8px;
	gap: 6px;
	background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,235,245,.98));
}

.shahaz-category-browser-name-wrap {
	min-width: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.shahaz-category-browser-cta {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--shahaz-magenta);
	font-size: 5.5px;
	font-weight: 950;
	letter-spacing: .08em;
	line-height: 1;
	opacity: .78;
}

.shahaz-category-browser-name {
	max-width: 100%;
}

.shahaz-category-browser-card.is-active .shahaz-category-browser-index {
	background: var(--shahaz-gradient-festive);
	border-color: transparent;
	color: var(--shahaz-white);
}

.shahaz-category-browser-card.is-active .shahaz-category-browser-info {
	border-color: rgba(212,175,55,.62);
	box-shadow: 0 5px 15px -8px rgba(194,24,91,.72), 0 0 14px -8px rgba(212,175,55,.9);
}

.shahaz-category-browser-card.is-active .shahaz-category-browser-cta {
	color: var(--shahaz-gold);
}

@media (hover: hover) {
	.shahaz-category-browser-card:hover .shahaz-category-browser-info {
		transform: translateY(-1px);
		box-shadow: 0 6px 16px -9px rgba(194,24,91,.72), 0 0 16px -9px rgba(212,175,55,.88);
	}

	.shahaz-category-browser-card:hover .shahaz-category-browser-cta {
		letter-spacing: .11em;
	}
}

@media (min-width: 768px) {
	.shahaz-category-browser-index {
		top: 10px;
		left: 10px;
		width: 25px;
		height: 25px;
		font-size: 8px;
	}

	.shahaz-category-browser-count {
		top: 10px;
		right: 10px;
		min-width: 44px;
		min-height: 31px;
	}

	.shahaz-category-browser-count strong { font-size: 11px; }
	.shahaz-category-browser-count small { font-size: 5.5px; }

	.shahaz-category-browser-info {
		left: 12px;
		bottom: 10px;
		font-size: 6px;
	}

	.shahaz-category-browser-info > span { font-size: 9px; }
	.shahaz-category-browser-cta { font-size: 6px; }
}

@media (min-width: 1024px) {
	.shahaz-category-browser-index {
		width: 28px;
		height: 28px;
		font-size: 9px;
	}

	.shahaz-category-browser-count {
		min-width: 50px;
		min-height: 34px;
	}

	.shahaz-category-browser-count strong { font-size: 12px; }
	.shahaz-category-browser-count small { font-size: 6px; }
	.shahaz-category-browser-info { font-size: 6.5px; }
	.shahaz-category-browser-info > span { font-size: 10px; }
	.shahaz-category-browser-cta { font-size: 6.5px; }
}

/* ======================================================================
   CATEGORY PAGE — DUAL LUXURY PRODUCT INFORMATION SKINS
   Scope: ONLY the 2-column product cards on this category landing page.
   The shared Signature Product Card structure/data remains untouched.
   ====================================================================== */
.shahaz-category-product-grid .shahaz-p-card {
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(212,175,55,.34);
	box-shadow: 0 8px 18px -12px rgba(72,18,58,.45);
}

.shahaz-category-product-grid .shahaz-p-card-info {
	position: relative;
	margin: 0;
	padding: 7px 8px 8px;
	min-height: 0;
	height: auto;
	background: linear-gradient(145deg, rgba(255,255,255,.99), rgba(255,238,247,.98));
	border-top: 1px solid rgba(212,175,55,.42);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.95);
}

/* Left/right cards deliberately use two related but distinct luxury skins. */
.shahaz-category-product-grid .shahaz-p-card:nth-child(odd) .shahaz-p-card-info {
	background:
		radial-gradient(circle at 100% 0%, rgba(212,175,55,.16), transparent 42%),
		linear-gradient(145deg, rgba(255,255,255,.99), rgba(255,232,245,.98));
	border-top-color: rgba(194,24,91,.34);
}

.shahaz-category-product-grid .shahaz-p-card:nth-child(even) .shahaz-p-card-info {
	background:
		radial-gradient(circle at 0% 0%, rgba(212,175,55,.20), transparent 42%),
		linear-gradient(145deg, rgba(255,252,239,.99), rgba(255,240,222,.98));
	border-top-color: rgba(212,175,55,.48);
}

.shahaz-category-product-grid .shahaz-p-card-info::before {
	content: '';
	position: absolute;
	left: 8px;
	right: 8px;
	top: 4px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, rgba(212,175,55,.82), transparent);
	pointer-events: none;
}

.shahaz-category-product-grid .shahaz-p-card:nth-child(odd) .shahaz-p-card-info::before {
	background: linear-gradient(90deg, transparent, rgba(194,24,91,.72), rgba(212,175,55,.82), transparent);
}

.shahaz-category-product-grid .shahaz-p-mini-badges {
	display: flex;
	align-items: center;
	gap: 3px;
	margin: 0 0 3px;
	min-height: 13px;
	overflow: hidden;
}

.shahaz-category-product-grid .shahaz-p-mini-badge {
	padding: 2px 5px;
	border-radius: 999px;
	font-size: 6px;
	font-weight: 950;
	line-height: 1;
	white-space: nowrap;
	border: 1px solid rgba(212,175,55,.38);
}

.shahaz-category-product-grid .shahaz-p-mini-badge-bestseller {
	background: rgba(194,24,91,.10);
	color: var(--shahaz-magenta);
}

.shahaz-category-product-grid .shahaz-p-mini-badge-premium {
	background: rgba(212,175,55,.15);
	color: #725300;
}

.shahaz-category-product-grid .shahaz-p-title {
	display: -webkit-box;
	margin: 0 0 4px;
	min-height: 26px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.22;
	color: var(--shahaz-ink);
	text-decoration: none;
}

.shahaz-category-product-grid .shahaz-p-price-row {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 3px;
	line-height: 1;
}

.shahaz-category-product-grid .shahaz-p-price-current {
	font-size: 15px;
	font-weight: 950;
	color: var(--shahaz-magenta);
	letter-spacing: -.02em;
}

.shahaz-category-product-grid .shahaz-p-card:nth-child(even) .shahaz-p-price-current {
	color: #8a6100;
}

.shahaz-category-product-grid .shahaz-p-price-old {
	font-size: 8px;
	font-weight: 700;
	color: #8b7d83;
}

.shahaz-category-product-grid .shahaz-p-price-discount {
	padding: 2px 4px;
	border-radius: 4px;
	background: rgba(194,24,91,.12);
	color: var(--shahaz-magenta);
	font-size: 7px;
	font-weight: 950;
}

.shahaz-category-product-grid .shahaz-p-meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	min-height: 13px;
	font-size: 7px;
	font-weight: 750;
	color: #6f6268;
}

.shahaz-category-product-grid .shahaz-p-rating {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	color: #7b5b00;
	white-space: nowrap;
}

.shahaz-category-product-grid .shahaz-p-rating svg {
	color: #d4af37;
	flex: 0 0 auto;
}

.shahaz-category-product-grid .shahaz-p-rating-count {
	color: #8a7e83;
}

.shahaz-category-product-grid .shahaz-p-sold {
	margin-left: auto;
	white-space: nowrap;
	color: #75676e;
}

.shahaz-category-product-grid .shahaz-p-stock-bar-wrap {
	margin-top: 4px;
}

.shahaz-category-product-grid .shahaz-p-stock-bar-track {
	height: 3px;
	border-radius: 999px;
	background: rgba(107,15,85,.10);
	overflow: hidden;
}

.shahaz-category-product-grid .shahaz-p-stock-bar-fill {
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--shahaz-magenta), var(--shahaz-gold));
}

.shahaz-category-product-grid .shahaz-p-stock-bar-label {
	display: block;
	margin-top: 2px;
	font-size: 6px;
	font-weight: 850;
	line-height: 1;
	color: var(--shahaz-magenta);
}

/* Compact card action remains visually attached to the information panel. */
.shahaz-category-product-grid .shahaz-p-cart-btn {
	z-index: 8;
	box-shadow: 0 5px 12px -7px rgba(72,18,58,.65), 0 0 0 1px rgba(255,255,255,.55) inset;
}

@media (max-width: 767px) {
	.shahaz-category-product-grid .shahaz-p-card-info {
		min-height: 0;
		padding: 6px 7px 7px;
	}

	.shahaz-category-product-grid .shahaz-p-title {
		font-size: 9.5px;
		min-height: 24px;
	}

	.shahaz-category-product-grid .shahaz-p-price-current {
		font-size: 14px;
	}

	.shahaz-category-product-grid .shahaz-p-price-old {
		font-size: 7px;
	}

	.shahaz-category-product-grid .shahaz-p-meta-row {
		font-size: 6.5px;
	}
}

@media (min-width: 768px) {
	.shahaz-category-product-grid .shahaz-p-card-info {
		min-height: 0;
		padding: 8px 10px 9px;
	}

	.shahaz-category-product-grid .shahaz-p-title {
		font-size: 11px;
	}

	.shahaz-category-product-grid .shahaz-p-price-current {
		font-size: 17px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.shahaz-category-product-grid .shahaz-p-card,
	.shahaz-category-product-grid .shahaz-p-cart-btn {
		transition: none !important;
	}
}


/* ======================================================================
   CATEGORY LANDING — ONE-ROW SMART ADVERTISEMENT STRIP
   One unified strip under the product image. It never contains price,
   title, rating or product footer data. Its visual skin changes with the
   current live/flash/trending/bestseller/shipping/coins/new context.
   The three content clusters remain on one horizontal row, with tiny
   vertical offsets so the strip feels layered without becoming a second
   section. The strip is now an in-image advertising overlay: it floats on
   the lower part of the product photo and never consumes footer height.
   ====================================================================== */
.shahaz-category-product-ad-strip {
	position: relative;
	z-index: 8;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	width: calc(100% - 6px);
	min-height: 34px;
	left: 3px;
	bottom: 6px;
	margin: 0;
	padding: 3px 5px;
	border: 1px solid rgba(212,175,55,.58);
	border-radius: 9px;
	overflow: hidden;
	isolation: isolate;
	background: linear-gradient(105deg, #fff7fb 0%, #ffddeb 52%, #fff2bf 100%);
	box-shadow: 0 5px 12px -8px rgba(82,15,66,.62), inset 0 1px 0 rgba(255,255,255,.95);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
	pointer-events: none;
}

/* The ad is part of the photograph visually, not a footer row. */
.shahaz-category-product-grid .shahaz-p-card-media > .shahaz-category-product-ad-strip {
	position: absolute;
	display: flex;
	left: 3px;
	right: 3px;
	bottom: 6px;
	width: auto;
	margin: 0;
	transform: none;
}


.shahaz-category-product-ad-strip::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background: linear-gradient(110deg, transparent 18%, rgba(255,255,255,.72) 45%, transparent 66%);
	transform: translateX(-120%);
	animation: shahaz-category-ad-shine 6.2s ease-in-out infinite;
}

.shahaz-category-product-ad-strip::after {
	content: "";
	position: absolute;
	left: 30%;
	top: -18px;
	width: 34%;
	height: 34px;
	z-index: -1;
	background: radial-gradient(circle, rgba(255,255,255,.8), transparent 68%);
	pointer-events: none;
}

@keyframes shahaz-category-ad-shine {
	0%, 70% { transform: translateX(-120%); }
	84%, 100% { transform: translateX(120%); }
}

.shahaz-category-product-ad-category,
.shahaz-category-product-ad-status,
.shahaz-category-product-ad-accent {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-width: 0;
	flex: 0 1 auto;
}

/* Deliberately staggered inside the SAME row — not separate sections. */
.shahaz-category-product-ad-category { transform: translateY(1px); }
.shahaz-category-product-ad-status { transform: translateY(-2px); }
.shahaz-category-product-ad-accent { transform: translateY(2px); }

.shahaz-category-product-ad-category {
	gap: 4px;
}

.shahaz-category-product-ad-icon {
	position: relative;
	flex: 0 0 23px;
	width: 23px;
	height: 23px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(212,175,55,.88);
	border-radius: 50%;
	background: radial-gradient(circle at 32% 26%, #fff 0 20%, #ffd6e7 47%, #c2185b 100%);
	box-shadow: 0 0 0 2px rgba(255,255,255,.78), 0 4px 9px -6px rgba(82,15,66,.78), inset 0 0 0 1px rgba(255,255,255,.55);
	overflow: hidden;
}

.shahaz-category-product-ad-icon::after {
	content: "✦";
	position: absolute;
	top: -4px;
	right: -2px;
	font-size: 6px;
	line-height: 1;
	color: var(--shahaz-gold);
	text-shadow: 0 1px 3px rgba(82,15,66,.3);
}

.shahaz-category-product-ad-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

.shahaz-category-product-ad-icon > span {
	font-size: 11px;
	font-weight: 950;
	color: #c2185b;
}

.shahaz-category-product-ad-category-text,
.shahaz-category-product-ad-status-copy {
	min-width: 0;
	display: grid;
	gap: 1px;
	line-height: 1;
}

.shahaz-category-product-ad-category-text strong,
.shahaz-category-product-ad-category-text small,
.shahaz-category-product-ad-status-copy strong,
.shahaz-category-product-ad-status-copy small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.shahaz-category-product-ad-category-text strong {
	max-width: 70px;
	font-size: 7.5px;
	font-weight: 950;
	color: #7b174e;
}

.shahaz-category-product-ad-category-text small {
	font-size: 4.5px;
	font-weight: 850;
	letter-spacing: .045em;
	color: rgba(92,52,71,.72);
}

.shahaz-category-product-ad-status {
	gap: 4px;
	padding: 4px 6px;
	border: 1px solid rgba(194,24,91,.25);
	border-radius: 999px;
	background: rgba(255,255,255,.68);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 3px 8px -7px rgba(82,15,66,.7);
}

.shahaz-category-product-ad-status-icon {
	flex: 0 0 auto;
	font-size: 11px;
	line-height: 1;
	color: #c2185b;
}

.shahaz-category-product-ad-status-copy strong {
	font-size: 6.5px;
	font-weight: 950;
	letter-spacing: .035em;
	color: #8d174f;
}

.shahaz-category-product-ad-status-copy small {
	font-size: 4.5px;
	font-weight: 850;
	letter-spacing: .055em;
	color: rgba(92,52,71,.76);
}

.shahaz-category-product-ad-accent {
	flex: 0 0 auto;
	min-width: 25px;
	justify-content: center;
	padding: 4px 5px;
	border-radius: 7px;
	background: rgba(255,255,255,.72);
	border: 1px solid rgba(212,175,55,.42);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
	font-size: 5px;
	font-weight: 950;
	letter-spacing: .04em;
	line-height: 1;
	color: #8a6100;
	white-space: nowrap;
}

.shahaz-category-product-ad-accent .shahaz-category-product-sale-timer {
	display: inline-flex;
	font-size: 5.5px;
	font-weight: 950;
	letter-spacing: .02em;
}

/* Dynamic skins — one strip, one layout, different identity.
   Every context gets its own vivid luxury color identity. */
.shahaz-category-product-ad-strip.is-category {
	background: linear-gradient(105deg, #ff2d8f 0%, #d6007f 52%, #7b1fa2 100%);
	border-color: rgba(255,255,255,.62);
	box-shadow: 0 6px 15px -9px rgba(214,0,127,.95), inset 0 1px 0 rgba(255,255,255,.48);
}
.shahaz-category-product-ad-strip.is-category .shahaz-category-product-ad-status-icon { color: #ff2d8f; }
.shahaz-category-product-ad-strip.is-category .shahaz-category-product-ad-status,
.shahaz-category-product-ad-strip.is-category .shahaz-category-product-ad-accent {
	background: rgba(255,255,255,.9);
	border-color: rgba(255,255,255,.72);
}

/* Dynamic skins — one strip, one layout, different identity. */
.shahaz-category-product-ad-strip.is-live {
	background: linear-gradient(105deg, #ff1744 0%, #ff0055 48%, #c4006f 100%);
	border-color: rgba(255,255,255,.64);
	box-shadow: 0 6px 15px -9px rgba(255,0,85,.95), inset 0 1px 0 rgba(255,255,255,.48);
}
.shahaz-category-product-ad-strip.is-live .shahaz-category-product-ad-status,
.shahaz-category-product-ad-strip.is-live .shahaz-category-product-ad-accent {
	background: rgba(255,255,255,.82);
}
.shahaz-category-product-ad-strip.is-live .shahaz-category-product-ad-status-icon {
	color: #ff1744;
	animation: shahaz-live-dot 1.15s ease-in-out infinite;
}

@keyframes shahaz-live-dot {
	50% { transform: scale(1.35); opacity: .55; }
}

.shahaz-category-product-ad-strip.is-flash {
	background: linear-gradient(105deg, #ff003c 0%, #ff1744 48%, #ff5a00 100%);
	border-color: rgba(255,255,255,.68);
	box-shadow: 0 6px 15px -9px rgba(255,23,68,.95), inset 0 1px 0 rgba(255,255,255,.42);
}

.shahaz-category-product-ad-strip.is-flash .shahaz-category-product-ad-status,
.shahaz-category-product-ad-strip.is-flash .shahaz-category-product-ad-accent {
	background: rgba(255,255,255,.86);
	border-color: rgba(255,255,255,.66);
}

.shahaz-category-product-ad-strip.is-flash .shahaz-category-product-ad-status-icon { color: #ff3d00; }

.shahaz-category-product-ad-strip.is-trending {
	background: linear-gradient(105deg, #ff3d00 0%, #ff006e 48%, #7c1cff 100%);
	border-color: rgba(255,255,255,.64);
	box-shadow: 0 6px 15px -9px rgba(255,0,110,.92), inset 0 1px 0 rgba(255,255,255,.52);
}

.shahaz-category-product-ad-strip.is-trending .shahaz-category-product-ad-status-icon { color: #ff006e; }

.shahaz-category-product-ad-strip.is-bestseller {
	background: linear-gradient(105deg, #ff2d55 0%, #d4145a 50%, #8b0a50 100%);
	border-color: rgba(255,255,255,.62);
	box-shadow: 0 6px 15px -9px rgba(139,10,80,.92), inset 0 1px 0 rgba(255,255,255,.54);
}

.shahaz-category-product-ad-strip.is-bestseller .shahaz-category-product-ad-status-icon { color: #d4145a; }

.shahaz-category-product-ad-strip.is-shipping {
	background: linear-gradient(105deg, #00c6a7 0%, #00a6ff 52%, #0066ff 100%);
	border-color: rgba(255,255,255,.62);
	box-shadow: 0 6px 15px -9px rgba(0,102,255,.9), inset 0 1px 0 rgba(255,255,255,.54);
}

.shahaz-category-product-ad-strip.is-shipping .shahaz-category-product-ad-status-icon { color: #0077ff; }

.shahaz-category-product-ad-strip.is-coins {
	background: linear-gradient(105deg, #fff05a 0%, #ffbf00 50%, #ff6f00 100%);
	border-color: rgba(255,255,255,.64);
	box-shadow: 0 6px 15px -9px rgba(255,111,0,.92), inset 0 1px 0 rgba(255,255,255,.56);
}

.shahaz-category-product-ad-strip.is-coins .shahaz-category-product-ad-status-icon { color: #ff8a00; }

.shahaz-category-product-ad-strip.is-new {
	background: linear-gradient(105deg, #b100ff 0%, #7a2cff 52%, #3f00c8 100%);
	border-color: rgba(255,255,255,.64);
	box-shadow: 0 6px 15px -9px rgba(63,0,200,.94), inset 0 1px 0 rgba(255,255,255,.5);
}

.shahaz-category-product-ad-strip.is-new .shahaz-category-product-ad-status-icon { color: #7a2cff; }

/* On colored status skins, the category identity stays readable and the
   small inner pills create the requested layered-but-single-row effect. */
.shahaz-category-product-ad-strip.is-live .shahaz-category-product-ad-category-text strong,
.shahaz-category-product-ad-strip.is-live .shahaz-category-product-ad-category-text small,
.shahaz-category-product-ad-strip.is-flash .shahaz-category-product-ad-category-text strong,
.shahaz-category-product-ad-strip.is-flash .shahaz-category-product-ad-category-text small,
.shahaz-category-product-ad-strip.is-trending .shahaz-category-product-ad-category-text strong,
.shahaz-category-product-ad-strip.is-trending .shahaz-category-product-ad-category-text small,
.shahaz-category-product-ad-strip.is-bestseller .shahaz-category-product-ad-category-text strong,
.shahaz-category-product-ad-strip.is-bestseller .shahaz-category-product-ad-category-text small,
.shahaz-category-product-ad-strip.is-shipping .shahaz-category-product-ad-category-text strong,
.shahaz-category-product-ad-strip.is-shipping .shahaz-category-product-ad-category-text small,
.shahaz-category-product-ad-strip.is-coins .shahaz-category-product-ad-category-text strong,
.shahaz-category-product-ad-strip.is-coins .shahaz-category-product-ad-category-text small,
.shahaz-category-product-ad-strip.is-new .shahaz-category-product-ad-category-text strong,
.shahaz-category-product-ad-strip.is-new .shahaz-category-product-ad-category-text small {
	color: rgba(255,255,255,.96);
	text-shadow: 0 1px 2px rgba(50,0,20,.18);
}

@media (max-width: 767px) {
	.shahaz-category-product-ad-strip {
		min-height: 31px;
		gap: 3px;
		margin: 0;
		padding: 2px 4px;
		border-radius: 8px;
	}
	.shahaz-category-product-ad-icon { width: 21px; height: 21px; flex-basis: 21px; }
	.shahaz-category-product-ad-category { gap: 3px; }
	.shahaz-category-product-ad-category-text strong { max-width: 56px; font-size: 6.5px; }
	.shahaz-category-product-ad-category-text small { font-size: 4px; }
	.shahaz-category-product-ad-status { gap: 3px; padding: 3px 4px; }
	.shahaz-category-product-ad-status-icon { font-size: 9px; }
	.shahaz-category-product-ad-status-copy strong { font-size: 5.5px; }
	.shahaz-category-product-ad-status-copy small { font-size: 4px; }
	.shahaz-category-product-ad-accent { min-width: 20px; padding: 3px 4px; font-size: 4.3px; }
	.shahaz-category-product-ad-accent .shahaz-category-product-sale-timer { font-size: 4.8px; }
}

@media (min-width: 768px) {
	.shahaz-category-product-ad-strip { min-height: 36px; }
	.shahaz-category-product-ad-icon { width: 26px; height: 26px; flex-basis: 26px; }
	.shahaz-category-product-ad-category-text strong { max-width: 110px; font-size: 8.5px; }
	.shahaz-category-product-ad-category-text small { font-size: 5.2px; }
	.shahaz-category-product-ad-status-copy strong { font-size: 7px; }
	.shahaz-category-product-ad-status-copy small { font-size: 5px; }
	.shahaz-category-product-ad-accent { font-size: 5.5px; }
}

@media (prefers-reduced-motion: reduce) {
	.shahaz-category-product-ad-strip::before,
	.shahaz-category-product-ad-strip.is-live .shahaz-category-product-ad-status-icon {
		animation: none;
	}
}



/* CATEGORY LANDING — compact marketplace information chips
 * These sit inside the existing rating/sold row; they do not create
 * another footer layer. Only real stored data is rendered by PHP. */
.shahaz-category-product-grid .shahaz-p-meta-row {
	gap: 4px;
	overflow: hidden;
}
.shahaz-category-product-grid .shahaz-p-market-chip {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	max-width: 46%;
	padding: 2px 4px;
	border: 1px solid rgba(212,175,55,.24);
	border-radius: 999px;
	background: rgba(255,255,255,.58);
	font-size: 6px;
	font-weight: 900;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.shahaz-category-product-grid .shahaz-p-market-chip.is-brand { color: #86134f; background: rgba(194,24,91,.08); border-color: rgba(194,24,91,.18); }
.shahaz-category-product-grid .shahaz-p-market-chip.is-trust { color: #765600; background: rgba(212,175,55,.14); border-color: rgba(212,175,55,.28); }
.shahaz-category-product-grid .shahaz-p-market-chip.is-seller { color: #5d5360; }
.shahaz-category-product-grid .shahaz-p-market-chip.is-delivery { color: #665c65; }
.shahaz-category-product-grid .shahaz-p-market-chip.is-shipping { color: #008a73; background: rgba(0,169,135,.08); border-color: rgba(0,169,135,.2); }
.shahaz-category-product-grid .shahaz-p-market-chip.is-voucher { color: #b24d00; background: rgba(255,152,0,.1); border-color: rgba(255,152,0,.2); }
.shahaz-category-product-grid .shahaz-p-market-chip.is-coins { color: #9a6a00; background: rgba(246,196,83,.13); border-color: rgba(196,135,0,.22); }
.shahaz-category-product-grid .shahaz-p-card:nth-child(even) .shahaz-p-market-chip.is-brand { color: #765400; background: rgba(212,175,55,.12); }
@media (max-width: 767px) {
	.shahaz-category-product-grid .shahaz-p-market-chip { font-size: 5.3px; padding: 2px 3px; max-width: 44%; }
}
@media (min-width: 768px) {
	.shahaz-category-product-grid .shahaz-p-market-chip { font-size: 6.5px; }
}
.shahaz-category-product-grid .shahaz-p-market-chip.is-seller-rating { color: #8a6400; background: rgba(255,196,0,.08); border-color: rgba(212,175,55,.22); }

/* Section Intermediate Landing Pages reuse Category Landing Page design. */
.shahaz-section-logo { overflow: hidden; }
.shahaz-section-logo-icon { display:flex; align-items:center; justify-content:center; width:76%; height:76%; border-radius:50%; border:1px dashed var(--shahaz-gold); background:rgba(255,255,255,.45); font-size:clamp(24px,5vw,48px); }
.shahaz-section-browser-track { display:block; }
.shahaz-section-browser-card { width:100%; flex-basis:100% !important; }
.shahaz-section-browser-card .shahaz-category-browser-info { max-width:60%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ======================================================================
   INTERMEDIATE SECTION PAGES — FLOW COMPACTION (SCOPED)
   Only the newly-created homepage section intermediate pages use these
   spacing adjustments. The real WooCommerce Category Landing Page is
   intentionally untouched.
   ====================================================================== */
.shahaz-section-intermediate-page .shahaz-section-intermediate-collection-bar {
	padding-top: 4px;
	padding-bottom: 0;
}

.shahaz-section-intermediate-page .shahaz-category-browser-header {
	margin-top: 0;
	margin-bottom: 1px;
}

.shahaz-section-intermediate-page .shahaz-category-products {
	padding-top: 0;
}

.shahaz-section-intermediate-page .shahaz-category-product-grid {
	gap: 1px;
}

@media (min-width: 768px) {
	.shahaz-section-intermediate-page .shahaz-section-intermediate-collection-bar {
		padding-top: 6px;
	}

	.shahaz-section-intermediate-page .shahaz-category-products {
		padding-top: 0;
	}
}

/* ======================================================================
   INTERMEDIATE PAGE — EXACT CATEGORY HERO/LOGO GEOMETRY
   Keep every homepage-section intermediate page visually aligned with the
   existing WooCommerce Product Category Landing Page. The banner frame and
   logo overlap are intentionally identical: logo frame overlaps 75% of the
   banner and extends 25% into the body, centered horizontally.
   ====================================================================== */
.shahaz-section-intermediate-page .shahaz-section-intermediate-hero {
	min-height: 86px;
}
.shahaz-section-intermediate-page .shahaz-section-logo {
	display:none!important;
	width: 87px;
	height: 87px;
	margin: -65.25px auto 0;
	position: relative;
	z-index: 5;
	border-radius: 50%;
	border: 1.5px solid var(--shahaz-gold);
	background: var(--shahaz-softpink);
	box-shadow: 0 0 0 2px rgba(255,255,255,.65) inset, var(--shahaz-shadow-lift);
}
@media (min-width: 768px) {
	.shahaz-section-intermediate-page .shahaz-section-intermediate-hero {
		min-height: 260px;
	}
	.shahaz-section-intermediate-page .shahaz-section-logo {
		display:none!important;
		width: 168px;
		height: 168px;
		margin-top: -126px;
	}
}
@media (min-width: 1024px) {
	.shahaz-section-intermediate-page .shahaz-section-logo {
		display:none!important;
		width: 300px;
		height: 300px;
		margin-top: -225px;
	}
}

/* ======================================================================
   INTERMEDIATE PAGE — CATEGORY-MATCHED BANNER FRAME + ADMIN CROP
   The real WooCommerce Category Landing Page remains untouched.
   The media wrapper clips the image to the exact hero frame so admin zoom
   can never make the image spill outside the banner.
   ====================================================================== */
.shahaz-section-intermediate-page .shahaz-section-intermediate-hero {
	background-image: none;
	isolation: isolate;
}
.shahaz-section-intermediate-page .shahaz-section-intermediate-banner-media {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	border-radius: inherit;
	contain: paint;
}
.shahaz-section-intermediate-page .shahaz-section-intermediate-banner-image {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--shahaz-section-banner-x, 50%) var(--shahaz-section-banner-y, 50%);
	transform: scale(var(--shahaz-section-banner-zoom, 1));
	transform-origin: var(--shahaz-section-banner-x, 50%) var(--shahaz-section-banner-y, 50%);
	user-select: none;
	pointer-events: none;
}
.shahaz-section-intermediate-page .shahaz-section-logo {
	position: relative;
	isolation: isolate;
}
.shahaz-section-intermediate-page .shahaz-section-logo-image {
	position: absolute;
	left: var(--shahaz-section-logo-x, 50%);
	top: var(--shahaz-section-logo-y, 50%);
	width: 76%;
	height: 76%;
	max-width: 76%;
	max-height: 76%;
	object-fit: contain;
	object-position: center;
	transform: translate(-50%, -50%) scale(var(--shahaz-section-logo-zoom, .78));
	transform-origin: center;
	border-radius: 50%;
	z-index: 1;
}

/* ======================================================================
   CATEGORY + DEDICATED SECTION ASSET FRAME
   Admin controls the media only; the established category hero geometry
   remains the visual baseline for every managed page.
   ====================================================================== */
.shahaz-category-hero{background-image:none;isolation:isolate}
.shahaz-category-banner-media{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;contain:paint}
.shahaz-category-banner-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:var(--shahaz-category-banner-x,50%) var(--shahaz-category-banner-y,50%);transform:scale(var(--shahaz-category-banner-zoom,1));transform-origin:var(--shahaz-category-banner-x,50%) var(--shahaz-category-banner-y,50%);pointer-events:none;user-select:none}
.shahaz-category-logo-image{position:absolute;left:var(--shahaz-category-logo-x,50%);top:var(--shahaz-category-logo-y,50%);width:76%;height:76%;max-width:76%;max-height:76%;object-fit:contain;object-position:center;transform:translate(-50%,-50%) scale(var(--shahaz-category-logo-zoom,.78));transform-origin:center;border-radius:50%;z-index:1;pointer-events:none}
.shahaz-section-page-managed-hero{position:relative;width:100vw;min-height:108px;margin-left:calc(50% - 50vw);background-color:var(--shahaz-softpink-deep);overflow:visible;display:flex;align-items:center;justify-content:center;isolation:isolate}
.shahaz-section-page-managed-hero .shahaz-section-intermediate-banner-media{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;contain:paint}
.shahaz-section-page-managed-hero .shahaz-section-intermediate-banner-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:var(--shahaz-section-banner-x,50%) var(--shahaz-section-banner-y,50%);transform:scale(var(--shahaz-section-banner-zoom,1));transform-origin:var(--shahaz-section-banner-x,50%) var(--shahaz-section-banner-y,50%);pointer-events:none;user-select:none}
.shahaz-section-page-managed-hero + .shahaz-section-logo{position:relative;z-index:5;width:87px;height:87px;margin:-65.25px auto 0;border-radius:50%;border:1.5px solid var(--shahaz-gold);background:var(--shahaz-softpink);box-shadow:0 0 0 2px rgba(255,255,255,.65) inset,var(--shahaz-shadow-lift);display:flex;align-items:center;justify-content:center;isolation:isolate}
.shahaz-section-page-managed-hero + .shahaz-section-logo .shahaz-section-logo-image{position:absolute;left:var(--shahaz-section-logo-x,50%);top:var(--shahaz-section-logo-y,50%);width:76%;height:76%;max-width:76%;max-height:76%;object-fit:contain;object-position:center;transform:translate(-50%,-50%) scale(var(--shahaz-section-logo-zoom,.78));transform-origin:center;border-radius:50%;z-index:1;pointer-events:none}
.shahaz-section-page-managed-hero + .shahaz-section-logo .shahaz-section-logo-icon{font-size:38px;line-height:1}
@media(min-width:768px){.shahaz-section-page-managed-hero{min-height:325px}.shahaz-section-page-managed-hero + .shahaz-section-logo{width:168px;height:168px;margin-top:-126px}}
@media(min-width:1024px){.shahaz-section-page-managed-hero + .shahaz-section-logo{width:300px;height:300px;margin-top:-225px}.shahaz-section-page-managed-hero + .shahaz-section-logo .shahaz-section-logo-icon{font-size:72px}}

/* ======================================================================
   SHAHAZ COSMETICS — MOBILE MARKETPLACE SKIN
   Reference direction: dense two-column marketplace cards, compact sort
   controls, horizontal discovery rail, live micro-motion. Desktop is left
   untouched by this block.
   ====================================================================== */
.shahaz-category-page.is-shahaz-cosmetics .shahaz-cosmetics-discovery { display:none; }

@media (max-width: 767px) {
  .shahaz-category-page.is-shahaz-cosmetics {
    background: linear-gradient(180deg, #fff8fc 0%, #fff1f7 52%, #fff9fc 100%);
  }

  /* Keep the site's real global header. The category page adds no second
     search/header chrome. The large desktop-style hero is compressed into
     a small identity strip on mobile. */
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-hero {
    min-height: 76px;
    width: 100%;
    margin-left: 0;
    border-radius: 0 0 14px 14px;
    overflow: hidden;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-hero-content { padding: 9px 14px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-hero-kicker { font-size: 7px; letter-spacing:.12em; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-hero h1 { font-size: 23px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-logo-placeholder {
    width: 52px;
    height: 52px;
    margin: -26px auto 0;
    border-width: 1px;
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser {
    padding: 7px 4px 2px;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-header {
    margin: 0 2px 4px;
    padding: 0;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-header-copy strong { font-size: 12px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-header-kicker { font-size: 6px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-track { gap: 4px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-card {
    flex-basis: calc((100% - 8px) / 3);
    border-radius: 10px;
    box-shadow: 0 6px 13px -10px rgba(194,24,91,.55);
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-visual { min-height: 72px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-icon-ring { width: 45px; height: 45px; padding:3px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-title { min-height: 31px; padding: 5px 5px 5px; font-size: 8.5px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-arrow { width: 15px; height: 15px; font-size: 12px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-count,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-info,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-browser-icon-label { display:none; }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-cosmetics-discovery {
    display:block;
    margin: 2px 0 4px;
    background: rgba(255,255,255,.94);
    border-top: 1px solid rgba(194,24,91,.08);
    border-bottom: 1px solid rgba(194,24,91,.10);
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-cosmetics-sort-strip {
    display:grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 2px;
    padding: 3px 4px;
    overflow:hidden;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-cosmetics-sort-item {
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    padding: 6px 2px;
    color:#5a4c55;
    background:#fff;
    border-bottom:2px solid transparent;
    text-decoration:none;
    font-size:8px;
    font-weight:850;
    white-space:nowrap;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-cosmetics-sort-item i { font-style:normal; color:#ff1493; font-size:8px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-cosmetics-sort-item.is-active {
    color:#ff0a8a;
    border-bottom-color:#ff0a8a;
    background:linear-gradient(180deg,#fff,#fff0f8);
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-cosmetics-chip-track {
    display:flex;
    gap:4px;
    overflow-x:auto;
    padding: 2px 4px 5px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-cosmetics-chip-track::-webkit-scrollbar { display:none; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-cosmetics-chip {
    flex:0 0 auto;
    padding:5px 8px;
    border-radius:6px;
    border:1px solid rgba(255,20,147,.12);
    background:linear-gradient(180deg,#fff,#ffeaf5);
    color:#493844;
    text-decoration:none;
    font-size:7.5px;
    font-weight:850;
    white-space:nowrap;
    box-shadow:0 2px 5px rgba(194,24,91,.06);
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-cosmetics-chip.is-active {
    background:linear-gradient(135deg,#ff1493,#ed155d);
    color:#fff;
    border-color:#ffd35a;
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-products { padding: 0 2px 34px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-products-header { padding: 5px 4px 5px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-products-header h2 { font-size: 17px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 3px;
    align-items:start;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card {
    border-radius: 8px;
    border: 1px solid rgba(255,20,147,.10);
    box-shadow: 0 5px 13px -10px rgba(107,15,85,.55);
    overflow:hidden;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card:nth-child(3n+2) { margin-top: 7px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card:nth-child(5n+4) { margin-top: 3px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card-media {
    aspect-ratio: 1.34 / 1;
    background:#fff1f7;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card-info {
    min-height:0;
    padding: 4px 4px 5px;
    gap: 2px;
    border-top: 0;
    background:linear-gradient(180deg,#fff,#fff7fb);
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card-info::before { display:none; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-mini-badges { gap:2px; margin:0; min-height:0; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-mini-badge { font-size:5.5px; padding:1px 3px; border-radius:3px; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-title {
    min-height:0;
    margin:0;
    font-size:9.5px;
    line-height:1.18;
    -webkit-line-clamp:2;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-price-row {
    margin:0;
    gap:2px;
    min-height:24px;
    align-items:center;
    flex-wrap:nowrap;
    padding:2px 2px 2px 3px;
    background:linear-gradient(90deg,#fff0f7,#ffe5f2);
    border-radius:4px;
    overflow:hidden;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-price-current { font-size:13px; color:#ff0a7f; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-price-old { font-size:7px; color:#9a8b94; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-price-discount {
    min-width:27px;
    height:22px;
    padding:0 3px 4px;
    border-radius:0;
    background:linear-gradient(160deg,#ffb000,#ff8b00 68%,#ff6800);
    color:#fff;
    font-size:6.5px;
    clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%);
    box-shadow:0 2px 4px rgba(255,119,0,.24);
    animation: shahaz-cosmetic-discount-bob 2.4s ease-in-out infinite;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid button.shahaz-p-cart-btn,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid a.shahaz-p-cart-btn-link {
    position:relative !important;
    inset:auto !important;
    width:auto !important;
    height:22px !important;
    min-width:42px !important;
    max-width:48px !important;
    margin-left:auto !important;
    border-radius:4px !important;
    border:0 !important;
    background:linear-gradient(105deg,#ff315d 0%,#ff0088 55%,#ed006f 100%) !important;
    color:#fff !important;
    box-shadow:0 3px 0 #b80062,0 4px 9px rgba(255,0,136,.25),inset 0 1px 0 rgba(255,255,255,.45) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    padding:0 5px !important;
    font-size:0 !important;
    animation: shahaz-cosmetic-buy-breathe 2.8s ease-in-out infinite;
    transform:none !important;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-cart-btn svg { display:none !important; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-cart-label { display:block; font-size:8px; font-weight:950; color:#fff; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-meta-row {
    gap:3px;
    font-size:6.3px;
    line-height:1;
    min-height:12px;
    flex-wrap:nowrap;
    overflow:hidden;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-market-chip { font-size:4.8px; padding:1px 2px; max-width:42%; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-stock-bar-wrap { display:none; }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card:nth-child(even) .shahaz-p-price-current { color:#ff0a7f; }
}

@keyframes shahaz-cosmetic-discount-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-1px)} }
@keyframes shahaz-cosmetic-buy-breathe { 0%,100%{filter:saturate(1);box-shadow:0 3px 0 #b80062,0 4px 9px rgba(255,0,136,.25),inset 0 1px 0 rgba(255,255,255,.45)} 50%{filter:saturate(1.16);box-shadow:0 4px 0 #b80062,0 6px 13px rgba(255,0,136,.34),0 0 10px rgba(255,20,147,.14),inset 0 1px 0 rgba(255,255,255,.55)} }

@media (prefers-reduced-motion: reduce) {
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-price-discount,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-cart-btn { animation:none !important; }
}


/* Cosmetics category: remove the long marketing footer on mobile so the
   marketplace product stream ends cleanly above the existing site-wide
   capsule navigation. The global header remains the only page header. */
body.shahaz-cosmetics-page #shahaz-footer,
body.shahaz-cosmetics-page .shahaz-footer {
  display:none !important;
}
@media (max-width: 767px) {
  body.shahaz-cosmetics-page .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-products {
    padding-bottom: 88px;
  }
}

/* ======================================================================
   PHASE 63 — COSMETICS MOBILE FIXED-COLUMN LIVE CARD ENGINE
   User rule:
   - Mobile columns are FIXED. A large image/title must never widen a column.
   - Every product remains inside its own fixed card/media slot.
   - Media is clipped to the slot with object-fit; natural image dimensions
     can never participate in grid sizing.
   - Each card receives a different lightweight live/3D treatment while the
     grid geometry remains immutable.
   - Mobile only. Desktop/category-wide presentation is intentionally untouched.
   ====================================================================== */
@media (max-width: 767px) {
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    align-items: start !important;
    box-sizing: border-box !important;
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    contain: layout paint style !important;
    isolation: isolate !important;
    transform: translateZ(0);
  }

  /* The product-photo slot has an immutable geometry. Natural image size,
     resolution or gallery count cannot change the grid track or card width. */
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card > .shahaz-p-card-media {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.32 / 1 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    isolation: isolate !important;
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card-skeleton,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card-gallery,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card-img {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    box-sizing: border-box !important;
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card-img {
    object-fit: cover !important;
    object-position: center !important;
    backface-visibility: hidden;
    transform-origin: center center !important;
  }

  /* Information zone is also bounded. Long names and unusually large price
     strings are clipped/wrapped inside the fixed card instead of increasing
     the card/grid geometry. */
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card > .shahaz-p-card-info {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 72px !important;
    height: 72px !important;
    max-height: 72px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    flex: 0 0 72px !important;
    padding: 3px 4px !important;
    gap: 2px !important;
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-title {
    display: -webkit-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    font-size: 9px !important;
    line-height: 1.12 !important;
    max-height: 20px !important;
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-price-row {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-price-current,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-price-old {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 43% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-price-discount {
    flex: 0 0 auto !important;
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-meta-row {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-meta-row > * {
    min-width: 0 !important;
    max-width: 48% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* ------------------------------------------------------------------
     LIVE 3D PHOTO MOTION — each card uses a different visual language.
     All transforms occur inside the clipped media slot, so no animation
     can push the card into another grid column.
     ------------------------------------------------------------------ */
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+1) .shahaz-p-card-img.is-live-active {
    animation: shahaz-cosmetic-live-focus-a 5.8s ease-in-out infinite;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+2) .shahaz-p-card-img.is-live-active {
    animation: shahaz-cosmetic-live-drift-b 6.6s ease-in-out infinite;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+3) .shahaz-p-card-img.is-live-active {
    animation: shahaz-cosmetic-live-rise-c 6.1s ease-in-out infinite;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+4) .shahaz-p-card-img.is-live-active {
    animation: shahaz-cosmetic-live-tilt-d 6.9s ease-in-out infinite;
  }

  /* Four distinct focus treatments make the stream feel alive without
     changing any product-card dimensions. */
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+1) {
    box-shadow: 0 4px 12px rgba(255,20,147,.15), 0 0 0 1px rgba(255,20,147,.08);
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+2) {
    box-shadow: 0 4px 12px rgba(255,77,124,.14), 0 0 0 1px rgba(255,77,124,.08);
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+3) {
    box-shadow: 0 4px 12px rgba(255,0,136,.14), 0 0 0 1px rgba(255,0,136,.08);
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+4) {
    box-shadow: 0 4px 12px rgba(0,184,148,.13), 0 0 0 1px rgba(0,184,148,.08);
  }

  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+1)::before {
    background: radial-gradient(90px 70px at 100% 0%, rgba(255,20,147,.32), transparent 72%);
    animation: shahaz-cosmetic-glow-pink 4.5s ease-in-out infinite;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+2)::before {
    background: radial-gradient(90px 70px at 0% 0%, rgba(255,77,124,.30), transparent 72%);
    animation: shahaz-cosmetic-glow-red 5.1s ease-in-out infinite;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+3)::before {
    background: radial-gradient(90px 70px at 100% 100%, rgba(255,0,136,.28), transparent 72%);
    animation: shahaz-cosmetic-glow-magenta 4.8s ease-in-out infinite;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card:nth-child(4n+4)::before {
    background: radial-gradient(90px 70px at 0% 100%, rgba(0,184,148,.25), transparent 72%);
    animation: shahaz-cosmetic-glow-green 5.4s ease-in-out infinite;
  }

  /* Product image remains a single visible product at a time; gallery
     images still rotate through the same immutable slot. */
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card-gallery.has-live-gallery {
    overflow: hidden !important;
    contain: paint !important;
  }

  /* The existing discount/Buy Now elements stay compact, but receive a
     richer live focus so they feel like marketplace controls rather than
     static rectangles. */
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-price-discount {
    animation: shahaz-cosmetic-discount-live 3.1s ease-in-out infinite !important;
  }
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-cart-btn,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-cart-btn-link {
    animation: shahaz-cosmetic-buy-live 3.7s ease-in-out infinite !important;
  }
}

@keyframes shahaz-cosmetic-live-focus-a {
  0%,100% { transform: scale(1) translate3d(0,0,0); filter: saturate(1); }
  45% { transform: scale(1.055) translate3d(-1.5%, -1% ,0); filter: saturate(1.12) brightness(1.03); }
  70% { transform: scale(1.025) translate3d(1%, .5%,0); filter: saturate(1.04); }
}
@keyframes shahaz-cosmetic-live-drift-b {
  0%,100% { transform: scale(1.02) translate3d(0,0,0); filter: saturate(1); }
  38% { transform: scale(1.075) translate3d(2.2%, -1%,0); filter: saturate(1.1); }
  68% { transform: scale(1.045) translate3d(-1.6%, 1%,0); filter: saturate(1.05); }
}
@keyframes shahaz-cosmetic-live-rise-c {
  0%,100% { transform: scale(1.01) translate3d(0,1%,0); filter: brightness(1); }
  42% { transform: scale(1.07) translate3d(-.5%, -2.2%,0); filter: brightness(1.06) saturate(1.08); }
  72% { transform: scale(1.035) translate3d(1.2%, .5%,0); filter: brightness(1.01); }
}
@keyframes shahaz-cosmetic-live-tilt-d {
  0%,100% { transform: scale(1.02) rotate(0deg) translate3d(0,0,0); filter: saturate(1); }
  35% { transform: scale(1.06) rotate(.55deg) translate3d(-1.2%, -1%,0); filter: saturate(1.12); }
  65% { transform: scale(1.035) rotate(-.45deg) translate3d(1.4%, .8%,0); filter: saturate(1.04); }
}
@keyframes shahaz-cosmetic-glow-pink { 0%,100%{opacity:.28} 50%{opacity:.72} }
@keyframes shahaz-cosmetic-glow-red { 0%,100%{opacity:.24} 50%{opacity:.68} }
@keyframes shahaz-cosmetic-glow-magenta { 0%,100%{opacity:.24} 50%{opacity:.70} }
@keyframes shahaz-cosmetic-glow-green { 0%,100%{opacity:.20} 50%{opacity:.64} }
@keyframes shahaz-cosmetic-discount-live {
  0%,100% { transform: translateY(0) rotate(0deg); filter: saturate(1); }
  50% { transform: translateY(-1px) rotate(-1deg); filter: saturate(1.18) brightness(1.05); }
}
@keyframes shahaz-cosmetic-buy-live {
  0%,100% { transform: translateZ(0) scale(1); filter: saturate(1); }
  48% { transform: translateZ(0) scale(1.025); filter: saturate(1.16) brightness(1.04); }
}

@media (prefers-reduced-motion: reduce) {
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid > .shahaz-p-card,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-card-img,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-price-discount,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-cart-btn,
  .shahaz-category-page.is-shahaz-cosmetics .shahaz-category-product-grid .shahaz-p-cart-btn-link {
    animation: none !important;
    transform: none !important;
  }
}

/* PHASE-116 — Section intermediate cleanup: no decorative logo overlap and one SHAHAZ back-to-top control. */
.shahaz-section-intermediate-page #ast-scroll-top,
.shahaz-section-intermediate-page .ast-scroll-to-top { display:none!important; }
.shahaz-section-intermediate-page .shahaz-section-backtop {
	position:fixed; right:15px; bottom:18px; z-index:999; width:45px; height:45px;
	border:1px solid var(--shahaz-gold); border-radius:10px; background:var(--shahaz-gradient-festive);
	color:var(--shahaz-white); font-size:24px; font-weight:900; line-height:1;
	box-shadow:var(--shahaz-shadow-lift); cursor:pointer;
}
.shahaz-section-intermediate-page .shahaz-section-backtop[hidden] { display:none!important; }
.shahaz-section-intermediate-page .shahaz-section-intermediate-collection-bar { padding-top:2px; }
.shahaz-section-intermediate-page .shahaz-category-browser-header-copy { gap:3px; }
.shahaz-section-intermediate-page .shahaz-category-browser-header { gap:5px; }
@media (max-width:520px){
	.shahaz-section-intermediate-page .shahaz-section-intermediate-hero { min-height:86px; }
	.shahaz-section-intermediate-page .shahaz-category-browser-header { padding-top:3px; padding-bottom:3px; }
}

/* PHASE-116 — Real WooCommerce category archives: one SHAHAZ back-to-top control. */
.shahaz-category-page:not(.shahaz-section-intermediate-page) #ast-scroll-top,
.shahaz-category-page:not(.shahaz-section-intermediate-page) .ast-scroll-to-top { display:none!important; }
.shahaz-category-page .shahaz-category-backtop { position:fixed; right:15px; bottom:18px; z-index:999; width:45px; height:45px; border:1px solid var(--shahaz-gold); border-radius:10px; background:var(--shahaz-gradient-festive); color:var(--shahaz-white); font-size:24px; font-weight:900; line-height:1; box-shadow:var(--shahaz-shadow-lift); cursor:pointer; }
.shahaz-category-page .shahaz-category-backtop[hidden] { display:none!important; }