/* ======================================================================
   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: none;
}

.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;
	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 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 0 0 2px rgba(255,255,255,.45) inset;
}

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

@keyframes shahaz-category-ring-pulse{
	0%, 100% { box-shadow: 0 0 0 2px rgba(255,255,255,.82); }
	50% { box-shadow: none; }
}

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

.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;
	}
}

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

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


/* ======================================================================
   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/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: none;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
	pointer-events: 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), 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: none;
}

.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: none;
}

.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: none;
	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: none;
}
.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: none;
}
.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: none;
}

.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: none;
}

.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: none;
}

.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: none;
}

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


.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: none;
}

.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-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: none;
}

@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;
	}
}

/* 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; }

/* ======================================================================
   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;
}

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

/* ======================================================================
   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;
}
@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-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;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}}

@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; }
}

@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:none} 50%{filter:saturate(1.16);box-shadow:none} }


/* 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;
}

@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); }
}

.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; }
}


/* White light sweep removed site-wide (owner request). */
.shahaz-category-product-ad-strip::before{content:none !important;display:none !important;animation:none !important;}