/* ==========================================================================
   SHAHAZ.COM — Size Chart / Advanced Filter Full Pages (২০২৬-০৮-১৮)
   ফাইল: assets/css/shahaz-full-pages.css

   এই CSS শুধু page-shahaz-size-chart.php ও page-shahaz-advanced-filter.php
   এই দুইটা full page-এই লোড হয় (functions.php-এ is_page_template()
   কন্ডিশনাল enqueue)। বাকি সাইটের কোনো CSS-কে touch করে না।

   ⚠️ Origin: এই কনটেন্ট (Size Chart টেবিল/ট্যাব, Advanced Filter ফর্ম)
   আগে assets/css/shop-enhancement.css-এ ছিল, Shop পেজের দুই পাশের
   popup panel হিসেবে (ডার্ক popup ব্যাকগ্রাউন্ডের উপর সাদা টেক্সট)।
   ব্যবহারকারীর নির্দেশে সেই পুরনো "দুই পাশের বাটন + Popup" সিস্টেম
   সম্পূর্ণ DELETE করা হয়েছে (দেখুন woocommerce/archive-product.php-এর
   কমেন্ট) — এই একই কনটেন্ট এখন এই দুই স্বাধীন Full Page-এ, Header-এর
   সাথে কোনো visual dependency ছাড়া, নিজস্ব scoped কালার সিস্টেমে
   (Premium Light Pink ব্যাকগ্রাউন্ড — .shahaz-section-page ক্লাসেই
   ইতিমধ্যে আছে, পুনঃব্যবহার করা হয়েছে, নতুন ব্যাকগ্রাউন্ড ক্লাস
   বানানো হয়নি) — এবং বাটনগুলো এখন Hot Magenta + Gold Border +
   Premium 3D স্টাইলে (ব্যবহারকারীর নির্দেশ)।
   ========================================================================== */




/*************************************************************
 * COMPONENT NAME: Full-Page Intro Text
 * Purpose: টাইটেলের নিচে একটা ছোট বর্ণনা লাইন (দুই পেজেই ব্যবহৃত)।
 *************************************************************/
.shahaz-fp-intro {
	max-width: 640px;
	margin: 0 auto 20px;
	text-align: center;
	font-size: 13px;
	color: var(--shahaz-gray);
	line-height: 1.6;
}

.shahaz-fp-card {
	max-width: 900px;
	margin: 0 auto 16px;
	background: #FFFFFF;
	border: 1px solid rgba(194,24,91,0.18);
	border-radius: 18px;
	padding: 16px;
	box-shadow: var(--shahaz-shadow-card, 0 8px 22px -10px rgba(107,15,85,0.28));
}

@media (min-width: 768px) {
	.shahaz-fp-card {
		padding: 22px 26px;
	}
}




/*************************************************************
 * COMPONENT NAME: Size Chart Content (Light-page পুনর্লিখন)
 * Purpose: পরিষ্কার, উচ্চ-কনট্রাস্ট টাইপোগ্রাফি — সাদা কার্ডের উপর
 *          গাঢ় ইঙ্ক টেক্সট (আগে ডার্ক popup-এর জন্য সাদা-টেক্সট ছিল,
 *          এই হালকা ব্যাকগ্রাউন্ডে সেটা অদৃশ্য হয়ে যেত)।
 *************************************************************/
.shahaz-size-tabs {
	display: flex;
	gap: 4px;
	background: var(--shahaz-softpink, #FCEEF3);
	border: 1px solid rgba(194,24,91,0.15);
	border-radius: 999px;
	padding: 4px;
	margin-bottom: 18px;
}

.shahaz-size-tab {
	flex: 1;
	border: 0 !important;
	background: transparent !important;
	color: var(--shahaz-magenta-deep, #6B0F55) !important;
	font-size: 12px;
	font-weight: 800;
	padding: 10px 4px;
	border-radius: 999px;
	cursor: pointer;
	font-family: inherit;
	transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease;
	-webkit-tap-highlight-color: transparent;
}

.shahaz-size-tab:hover:not(.shahaz-size-tab-active) {
	background: rgba(194,24,91,0.08) !important;
}

/* ⚠️ ব্যবহারকারীর নির্দেশে (Step 8): Hot Magenta + Gold Border +
   Premium 3D — active ট্যাব একটা raised, glossy বাটনের মতো */
.shahaz-size-tab-active {
	background: var(--shahaz-magenta, #C2185B) !important;
	color: #FFFFFF !important;
	border: 1.5px solid var(--shahaz-gold, #D4AF37) !important;
	box-shadow: 0 3px 0 var(--shahaz-magenta-deep, #6B0F55), 0 5px 10px rgba(194,24,91,0.35);
	transform: translateY(-1px);
}

.shahaz-size-panel {
	display: none;
}

.shahaz-size-panel-active {
	display: block;
	animation: shahaz-size-panel-fade-in 0.3s ease;
}

@keyframes shahaz-size-panel-fade-in {
	from { opacity: 0; transform: translateY(6px); }
	to   { opacity: 1; transform: translateY(0); }
}

.shahaz-size-heading {
	font-size: 15px;
	font-weight: 800;
	margin: 0 0 10px;
	color: var(--shahaz-ink, #241922);
}

.shahaz-size-table-wrap {
	overflow-x: auto;
	background: var(--shahaz-softpink, #FCEEF3);
	border: 1px solid rgba(194,24,91,0.15);
	border-radius: 16px;
	margin-bottom: 16px;
}

.shahaz-size-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 11.5px;
	white-space: nowrap;
}

.shahaz-size-table th {
	background: var(--shahaz-magenta, #C2185B);
	color: #FFFFFF;
	font-weight: 800;
	padding: 9px 12px;
	text-align: center;
}

.shahaz-size-table td {
	padding: 8px 12px;
	text-align: center;
	color: var(--shahaz-ink, #241922);
	font-weight: 600;
	border-top: 1px solid rgba(194,24,91,0.1);
}

.shahaz-size-guide-block {
	background: var(--shahaz-softpink, #FCEEF3);
	border: 1px solid rgba(194,24,91,0.15);
	border-radius: 16px;
	padding: 14px 16px;
	margin-bottom: 12px;
}

.shahaz-size-guide-block h4 {
	font-size: 13px;
	font-weight: 800;
	margin: 0 0 8px;
	color: var(--shahaz-magenta-deep, #6B0F55);
}

.shahaz-size-guide-block p,
.shahaz-size-guide-list {
	font-size: 12px;
	line-height: 1.65;
	color: var(--shahaz-ink, #241922);
	margin: 0;
	padding-left: 16px;
}

.shahaz-size-guide-list li {
	margin-bottom: 5px;
}




/*************************************************************
 * COMPONENT NAME: Advanced Filter Form (Light-page পুনর্লিখন)
 * Purpose: Category/Attribute/Price/Rating/Vendor চিপ/চেকবক্স-
 *          স্টাইলে, হালকা কার্ড-ভিত্তিক ব্যাকগ্রাউন্ডের সাথে
 *          মানানসই। ফর্ম সাবমিট করলে real Shop পেজে ফিল্টার-করা
 *          ফলাফলে যায় (Standalone Full Page হওয়ায় কোনো "বর্তমান
 *          ক্যাটাগরি" কনটেক্সট নেই — তাই action সবসময় Shop পেজ)।
 *************************************************************/
.shahaz-filter-group {
	margin-bottom: 18px;
}

.shahaz-filter-label {
	display: block;
	font-size: 11.5px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--shahaz-magenta-deep, #6B0F55);
	margin-bottom: 8px;
}

.shahaz-filter-select {
	width: 100%;
	padding: 11px 16px;
	border-radius: 999px;
	border: 1px solid rgba(194,24,91,0.3) !important;
	background: var(--shahaz-softpink, #FCEEF3) !important;
	color: var(--shahaz-ink, #241922) !important;
	font-size: 12.5px;
	font-weight: 700;
	outline: none !important;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.shahaz-filter-select:hover,
.shahaz-filter-select:focus {
	border-color: var(--shahaz-magenta, #C2185B) !important;
	box-shadow: 0 0 0 3px rgba(194,24,91,0.18) !important;
}

.shahaz-filter-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.shahaz-filter-chip {
	display: inline-block;
	padding: 7px 14px;
	border-radius: 999px;
	background: var(--shahaz-softpink, #FCEEF3) !important;
	border: 1px solid rgba(194,24,91,0.25) !important;
	color: var(--shahaz-magenta-deep, #6B0F55) !important;
	font-size: 11.5px;
	font-weight: 700;
	text-decoration: none !important;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.shahaz-filter-chip:hover {
	background: var(--shahaz-magenta, #C2185B) !important;
	border-color: var(--shahaz-magenta, #C2185B) !important;
	color: #FFFFFF !important;
}

.shahaz-filter-checkbox-chip,
.shahaz-filter-radio-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border-radius: 999px;
	background: var(--shahaz-softpink, #FCEEF3) !important;
	border: 1px solid rgba(194,24,91,0.25) !important;
	color: var(--shahaz-ink, #241922) !important;
	font-size: 11.5px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease;
	-webkit-tap-highlight-color: transparent;
}

.shahaz-filter-checkbox-chip:hover,
.shahaz-filter-radio-chip:hover {
	border-color: var(--shahaz-magenta, #C2185B) !important;
}

.shahaz-filter-checkbox-chip input,
.shahaz-filter-radio-chip input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1.5px solid rgba(194,24,91,0.4);
	background: #FFFFFF;
	margin: 0;
	flex: 0 0 auto;
	position: relative;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.shahaz-filter-checkbox-chip input:checked,
.shahaz-filter-radio-chip input:checked {
	background: var(--shahaz-magenta, #C2185B) !important;
	border-color: var(--shahaz-magenta, #C2185B) !important;
}

.shahaz-filter-checkbox-chip input:checked::after,
.shahaz-filter-radio-chip input:checked::after {
	content: "✓";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 9px;
	line-height: 1;
	color: #FFFFFF;
}

.shahaz-filter-checkbox-chip:has(input:checked),
.shahaz-filter-radio-chip:has(input:checked),
.shahaz-filter-chip-checked {
	background: rgba(194,24,91,0.1) !important;
	color: var(--shahaz-magenta-deep, #6B0F55) !important;
	border-color: var(--shahaz-magenta, #C2185B) !important;
}

.shahaz-filter-price-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}

.shahaz-filter-price-row span {
	color: var(--shahaz-gray);
}

.shahaz-filter-input {
	width: 100%;
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid rgba(194,24,91,0.3) !important;
	background: var(--shahaz-softpink, #FCEEF3) !important;
	color: var(--shahaz-ink, #241922) !important;
	font-size: 12px;
	font-weight: 700;
	outline: none !important;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.shahaz-filter-input:hover,
.shahaz-filter-input:focus {
	border-color: var(--shahaz-magenta, #C2185B) !important;
	box-shadow: 0 0 0 3px rgba(194,24,91,0.18) !important;
}

.shahaz-filter-range-slider {
	width: 100%;
	margin: 6px 0;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	cursor: pointer;
}

.shahaz-filter-range-slider::-webkit-slider-runnable-track {
	height: 4px;
	border-radius: 999px;
	background: rgba(194,24,91,0.2);
}

.shahaz-filter-range-slider::-moz-range-track {
	height: 4px;
	border-radius: 999px;
	background: rgba(194,24,91,0.2);
}

.shahaz-filter-range-slider::-webkit-slider-thumb {
	appearance: none;
	-webkit-appearance: none;
	width: 16px;
	height: 16px;
	margin-top: -6px;
	border-radius: 50%;
	background: var(--shahaz-magenta, #C2185B);
	border: 2.5px solid var(--shahaz-gold, #D4AF37);
	box-shadow: 0 2px 6px rgba(194,24,91,0.35);
}

.shahaz-filter-range-slider::-moz-range-thumb {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--shahaz-magenta, #C2185B);
	border: 2.5px solid var(--shahaz-gold, #D4AF37);
	box-shadow: 0 2px 6px rgba(194,24,91,0.35);
}

.shahaz-filter-actions {
	display: flex;
	gap: 10px;
	margin-top: 14px;
}

/* ⚠️ ব্যবহারকারীর নির্দেশে (Step 8): Reset/Apply — দুটোই Premium 3D,
   Apply বাটন Hot Magenta + Gold Border (প্রধান একশন) */
.shahaz-filter-reset {
	flex: 1;
	text-align: center;
	padding: 13px;
	border-radius: 999px;
	background: #FFFFFF !important;
	border: 1.5px solid rgba(194,24,91,0.3) !important;
	color: var(--shahaz-magenta-deep, #6B0F55) !important;
	font-weight: 800;
	font-size: 12.5px;
	text-decoration: none !important;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.12s ease;
	-webkit-tap-highlight-color: transparent;
}

.shahaz-filter-reset:hover {
	background: var(--shahaz-softpink, #FCEEF3) !important;
	border-color: var(--shahaz-magenta, #C2185B) !important;
}

.shahaz-filter-apply {
	flex: 1.4;
	text-align: center;
	padding: 13px;
	border-radius: 999px;
	background: var(--shahaz-magenta, #C2185B) !important;
	border: 1.5px solid var(--shahaz-gold, #D4AF37) !important;
	color: #FFFFFF !important;
	font-weight: 900;
	font-size: 12.5px;
	cursor: pointer;
	box-shadow: 0 3px 0 var(--shahaz-magenta-deep, #6B0F55), 0 5px 10px rgba(194,24,91,0.35);
	transition: transform 0.12s ease, box-shadow 0.12s ease;
	-webkit-tap-highlight-color: transparent;
}

.shahaz-filter-apply:active {
	transform: translateY(3px);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.25);
}




/*************************************************************
 * COMPONENT NAME: Advanced Filter Luxury Responsive Form
 *************************************************************/
.shahaz-filter-brand{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0 auto 10px;padding:10px 48px 8px;border-bottom:1px solid rgba(194,24,91,.14);background:linear-gradient(180deg,#fff0f7 0%,#ffe4f0 100%);}
.shahaz-filter-brand-back{position:absolute;left:0;top:10px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--shahaz-magenta,#c2185b);border:1px solid rgba(194,24,91,.14);font-size:28px;font-weight:800;line-height:1;text-decoration:none!important;box-shadow:0 4px 12px rgba(107,15,85,.12);}
.shahaz-filter-brand .shahaz-size-wordmark{font-size:34px;}
.shahaz-filter-brand .shahaz-size-tagline{font-size:11px;}
.shahaz-advanced-filter-page .shahaz-advanced-filter-header{padding-bottom:6px;}
.shahaz-advanced-filter-page .shahaz-fp-intro{margin-bottom:0;}
.shahaz-advanced-filter-card{max-width:1120px;}
.shahaz-filter-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 14px;border-bottom:1px solid rgba(194,24,91,.10);margin-bottom:14px;}
.shahaz-filter-topline>div{display:flex;flex-direction:column;gap:2px;min-width:0;}
.shahaz-filter-topline strong{font-size:15px;color:var(--shahaz-ink,#241922);}
.shahaz-filter-topline span{font-size:11px;color:var(--shahaz-gray,#776674);}
.shahaz-filter-shop-link{flex:0 0 auto;color:var(--shahaz-magenta-deep,#6b0f55)!important;font-size:11.5px;font-weight:900;text-decoration:none!important;}
.shahaz-filter-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;}
.shahaz-filter-form .shahaz-filter-group{margin:0;min-width:0;}
.shahaz-filter-form .shahaz-filter-group-wide{grid-column:1 / -1;}
.shahaz-filter-form .shahaz-filter-label{margin-bottom:7px;}
.shahaz-filter-category-list{max-height:190px;overflow:auto;padding:3px 2px;}
.shahaz-filter-price-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;}
.shahaz-filter-price-head .shahaz-filter-label{margin:0;}
.shahaz-filter-price-head output{font-size:11px;font-weight:900;color:var(--shahaz-magenta-deep,#6b0f55);white-space:nowrap;}
.shahaz-filter-dual-range{position:relative;height:28px;margin:2px 3px 0;}
.shahaz-filter-range-track{position:absolute;left:0;right:0;top:12px;height:5px;border-radius:999px;background:rgba(194,24,91,.14);}
.shahaz-filter-range-track span{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--shahaz-magenta,#c2185b),var(--shahaz-gold,#d4af37));}
.shahaz-filter-dual-range .shahaz-filter-range-slider{position:absolute;inset:0;width:100%;height:28px;margin:0;pointer-events:none;background:transparent;z-index:2;}
.shahaz-filter-dual-range .shahaz-filter-range-slider::-webkit-slider-runnable-track{height:5px;background:transparent;}
.shahaz-filter-dual-range .shahaz-filter-range-slider::-moz-range-track{height:5px;background:transparent;}
.shahaz-filter-dual-range .shahaz-filter-range-slider::-webkit-slider-thumb{pointer-events:auto;position:relative;z-index:3;width:18px;height:18px;margin-top:-6px;}
.shahaz-filter-dual-range .shahaz-filter-range-slider::-moz-range-thumb{pointer-events:auto;position:relative;z-index:3;width:18px;height:18px;}
.shahaz-filter-actions{grid-column:1 / -1;margin-top:2px;}

@media (max-width:767px){
	.shahaz-filter-brand{padding-left:42px;padding-right:42px;}
	.shahaz-filter-brand .shahaz-size-wordmark{font-size:27px;}
	.shahaz-filter-brand .shahaz-size-tagline{font-size:9px;}
	.shahaz-filter-brand-back{width:36px;height:36px;top:8px;font-size:24px;}
	.shahaz-filter-form{grid-template-columns:1fr;gap:12px;}
	.shahaz-filter-form .shahaz-filter-group-wide{grid-column:auto;}
	.shahaz-filter-actions{grid-column:auto;}
	.shahaz-filter-topline{align-items:flex-start;}
	.shahaz-filter-topline span{font-size:10px;}
}


/*************************************************************
 * COMPONENT NAME: Live Activity Feed (page-shahaz-live.php)
 * Purpose: সাম্প্রতিক real অর্ডার থেকে "কে কী কিনেছে" ফিড — কোনো
 *          fake/dummy নাম/প্রোডাক্ট নেই।
 *************************************************************/
.shahaz-live-activity-list {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.shahaz-live-activity-item {
	display: flex;
	align-items: center;
	gap: 10px;
	background: var(--shahaz-softpink, #FCEEF3);
	border: 1px solid rgba(194,24,91,0.12);
	border-radius: 12px;
	padding: 10px 14px;
}

.shahaz-live-activity-dot {
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--shahaz-magenta, #C2185B);
	box-shadow: 0 0 0 3px rgba(194,24,91,0.18);
}

.shahaz-live-activity-text {
	font-size: 12.5px;
	color: var(--shahaz-ink, #241922);
	line-height: 1.5;
}




/*************************************************************
 * COMPONENT NAME: Chat Channels (page-shahaz-chat.php)
 * Purpose: real WhatsApp/Messenger/ফোন/ইমেইল — Hot Magenta + Gold
 *          border, Premium 3D card রো।
 *************************************************************/
.shahaz-chat-channels {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.shahaz-chat-channel {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border-radius: 16px;
	background: #FFFFFF;
	border: 1.5px solid rgba(194,24,91,0.25);
	text-decoration: none !important;
	box-shadow: 0 3px 0 rgba(194,24,91,0.15), 0 5px 12px rgba(194,24,91,0.12);
	transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
	-webkit-tap-highlight-color: transparent;
}

.shahaz-chat-channel:hover,
.shahaz-chat-channel:active {
	border-color: var(--shahaz-gold, #D4AF37);
	transform: translateY(2px);
	box-shadow: 0 1px 0 rgba(194,24,91,0.15), 0 3px 8px rgba(194,24,91,0.12);
}

.shahaz-chat-channel-icon {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	background: var(--shahaz-magenta, #C2185B);
	border: 1.5px solid var(--shahaz-gold, #D4AF37);
}

.shahaz-chat-channel-body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.shahaz-chat-channel-label {
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--shahaz-magenta-deep, #6B0F55);
}

.shahaz-chat-channel-value {
	font-size: 13.5px;
	font-weight: 700;
	color: var(--shahaz-ink, #241922);
	overflow-wrap: break-word;
}

.shahaz-chat-hours {
	text-align: center;
	font-size: 12.5px;
	color: var(--shahaz-gray);
	padding-top: 6px;
}

/* ========================================================================
   SHAHAZ.COM — FOOTER PAGE #13: SIZE GUIDE REDESIGN
   About/Static Page visual baseline. Scoped only to .shahaz-size-chart-page.
   Master Header/Footer/Bottom Navigation are hidden only on this page.
   ======================================================================== */

body:has(.shahaz-size-chart-page) #shahaz-header,
body:has(.shahaz-size-chart-page) #shahaz-footer,
body:has(.shahaz-size-chart-page) #shahaz-cnav {
	display: none !important;
}

body:has(.shahaz-size-chart-page) {
	background: #fff7fb !important;
	overflow-x: hidden;
}

.shahaz-size-chart-page,
.shahaz-size-chart-page *,
.shahaz-size-chart-page *::before,
.shahaz-size-chart-page *::after {
	box-sizing: border-box;
}

.shahaz-size-chart-page {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 18px 26px;
	color: #241922;
	font-family: inherit;
}


.shahaz-size-logo-wrap { display:flex; align-items:center; justify-content:center; gap:7px; min-height:64px; }
.shahaz-size-wordmark { display:inline-flex; align-items:baseline; font-weight:900; letter-spacing:.035em; font-size:34px; line-height:1; }
.shahaz-size-wordmark span { color:#d4af37; text-shadow:0 1px 0 #fff, 0 2px 5px rgba(107,15,85,.16); }
.shahaz-size-wordmark b { color:#ff0080; font-size:1.08em; margin:0 1px; }
.shahaz-size-wordmark em { color:#d41472; font-style:normal; }
.shahaz-size-tagline { display:block; margin-top:-1px; font-size:12px; font-weight:800; letter-spacing:.15em; color:#866782; text-align:center; }

.shahaz-size-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; width:100%; margin-top:3px; }
.shahaz-size-actions a,
.shahaz-size-cta-row a {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	padding:7px 18px;
	border-radius:999px;
	background:#f50076;
	border:1px solid #d4af37;
	box-shadow:0 3px 0 #a30d55, 0 6px 13px rgba(194,24,91,.18);
	color:#fff !important;
	font-size:13px;
	font-weight:800;
	text-decoration:none !important;
	white-space:nowrap;
	transition:transform .15s ease, box-shadow .15s ease;
}
.shahaz-size-actions a:hover,
.shahaz-size-cta-row a:hover { transform:translateY(-1px); box-shadow:0 4px 0 #a30d55, 0 8px 16px rgba(194,24,91,.22); }

.shahaz-size-hero { width:100%; padding:12px 2px 7px; text-align:center; }
.shahaz-size-breadcrumb { display:flex; justify-content:center; align-items:center; gap:6px; margin:0 0 4px; font-size:12px; }
.shahaz-size-breadcrumb a { color:#8a7182; text-decoration:none; }
.shahaz-size-breadcrumb span:last-child { color:#241922; font-weight:800; }
.shahaz-size-hero h1 { margin:0 0 4px; font-size:clamp(25px, 4vw, 38px); line-height:1.15; font-weight:900; color:#241922; }
.shahaz-size-hero p { max-width:1050px; margin:0 auto; font-size:14px; line-height:1.48; color:#7b6975; }

.shahaz-size-content { width:100%; max-width:none; margin:0 auto; }
.shahaz-size-card { width:100%; background:#fff; border:1px solid rgba(194,24,91,.14); border-radius:18px; box-shadow:0 8px 22px -12px rgba(107,15,85,.28); padding:12px; }
.shahaz-size-section-head { margin-bottom:6px; }
.shahaz-size-kicker { display:inline-block; color:#c2185b; font-size:10px; font-weight:900; letter-spacing:.12em; margin-bottom:2px; }
.shahaz-size-section-head h2 { margin:0 0 3px; font-size:20px; line-height:1.2; color:#241922; }
.shahaz-size-section-head p { margin:0; font-size:12.5px; line-height:1.4; color:#776674; }

.shahaz-size-tabs { display:flex; gap:4px; width:100%; padding:4px; margin:6px 0 7px; background:#fceef3; border:1px solid rgba(194,24,91,.14); border-radius:999px; overflow-x:auto; }
.shahaz-size-tab { flex:1 1 0; min-width:86px; min-height:38px; border:0 !important; border-radius:999px; padding:7px 10px; background:transparent !important; color:#6b0f55 !important; font:inherit; font-size:13px; font-weight:900; cursor:pointer; white-space:nowrap; }
.shahaz-size-tab-active { background:#f50076 !important; color:#fff !important; border:1px solid #d4af37 !important; box-shadow:0 3px 0 #a30d55, 0 5px 10px rgba(194,24,91,.25); }
.shahaz-size-tab:focus-visible,
.shahaz-size-chart-page a:focus-visible { outline:2px solid #d4af37; outline-offset:2px; }

.shahaz-size-panel { display:none; }
.shahaz-size-panel-active { display:block; }
.shahaz-size-panel[hidden] { display:none !important; }
.shahaz-size-heading { margin:4px 0 4px; font-size:16px; line-height:1.25; color:#241922; }
.shahaz-size-table-wrap { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid rgba(194,24,91,.14); border-radius:14px; background:#fffafc; }
.shahaz-size-table { width:100%; min-width:620px; border-collapse:separate; border-spacing:0; font-size:12px; white-space:nowrap; }
.shahaz-size-table th { background:linear-gradient(90deg,#f50076,#e68b1a); color:#fff; padding:9px 11px; text-align:center; font-weight:900; border-right:1px solid rgba(255,255,255,.28); }
.shahaz-size-table th:last-child { border-right:0; }
.shahaz-size-table td { padding:8px 11px; text-align:center; color:#332732; font-weight:650; border-top:1px solid rgba(194,24,91,.09); border-right:1px solid rgba(194,24,91,.07); }
.shahaz-size-table td:last-child { border-right:0; }
.shahaz-size-table tbody tr:nth-child(even) td { background:#fff8fb; }

.shahaz-size-info-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:7px; }
.shahaz-size-guide-block { background:#fff; border:1px solid rgba(194,24,91,.13); border-radius:14px; padding:9px 11px; box-shadow:0 5px 14px -11px rgba(107,15,85,.3); }
.shahaz-size-guide-block h3 { margin:0 0 3px; font-size:14px; line-height:1.25; color:#6b0f55; }
.shahaz-size-guide-block p,
.shahaz-size-guide-list { margin:0; font-size:12px; line-height:1.42; color:#4b3d47; }
.shahaz-size-guide-list { padding-left:16px; }
.shahaz-size-guide-list li { margin:0 0 3px; }
.shahaz-size-guide-list li:last-child { margin-bottom:0; }

.shahaz-size-note { margin-top:7px; padding:9px 11px; border-radius:13px; background:#fff1c8; border:1px solid rgba(212,175,55,.42); color:#5c4a21; font-size:12px; line-height:1.42; }
.shahaz-size-final-cta { margin-top:7px; padding:10px 12px; border-radius:16px; background:linear-gradient(100deg,#ffe3ef,#fff3cf); border:1px solid rgba(212,175,55,.42); display:flex; align-items:center; justify-content:space-between; gap:10px; }
.shahaz-size-final-cta > div:first-child { display:flex; flex-direction:column; gap:2px; }
.shahaz-size-final-cta span { font-size:11px; color:#8b6c80; }
.shahaz-size-final-cta strong { font-size:14px; color:#3a2735; }
.shahaz-size-cta-row { display:flex; flex-wrap:wrap; gap:5px; justify-content:flex-end; }
.shahaz-size-cta-row a { min-height:34px; padding:6px 13px; font-size:12px; box-shadow:none; background:#fff; color:#8b195f !important; border:1px solid rgba(194,24,91,.22); }
.shahaz-size-cta-row a.primary { background:#f50076; color:#fff !important; border-color:#d4af37; box-shadow:0 3px 0 #a30d55; }

@media (max-width: 900px) {
	.shahaz-size-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 767px) {
	.shahaz-size-chart-page { padding:0 10px 20px; }
	.shahaz-size-logo-wrap { min-height:55px; gap:5px; }
	.shahaz-size-wordmark { font-size:27px; }
	.shahaz-size-tagline { font-size:9px; letter-spacing:.11em; }
	.shahaz-size-actions { gap:5px; overflow-x:auto; justify-content:flex-start; padding:1px 2px 3px; }
	.shahaz-size-actions a { flex:0 0 auto; min-height:35px; padding:6px 14px; font-size:11.5px; }
	.shahaz-size-hero { padding-top:9px; }
	.shahaz-size-hero h1 { font-size:26px; }
	.shahaz-size-hero p { font-size:13px; line-height:1.42; }
	.shahaz-size-card { padding:8px; border-radius:15px; }
	.shahaz-size-section-head h2 { font-size:18px; }
	.shahaz-size-section-head p { font-size:12px; }
	.shahaz-size-tabs { margin-top:5px; }
	.shahaz-size-tab { min-width:76px; min-height:36px; font-size:12px; padding:6px 8px; }
	.shahaz-size-info-grid { grid-template-columns:1fr; gap:5px; }
	.shahaz-size-guide-block { padding:8px 10px; }
	.shahaz-size-final-cta { flex-direction:column; align-items:stretch; gap:7px; }
	.shahaz-size-cta-row { justify-content:flex-start; overflow-x:auto; flex-wrap:nowrap; padding-bottom:2px; }
	.shahaz-size-cta-row a { flex:0 0 auto; }
}


/* ========================================================================
   PHASE 164 — Size Chart / Advanced Filter visual alignment + range rail
   Scope: ONLY the Size Chart and Advanced Filter full-page templates.
   No homepage/header/product-page styling is changed here.
   ======================================================================== */

/* Match the master mobile header brand treatment: SHAHAZ = hot magenta,
   .COM = luxury gold, with the same restrained 3D/extruded text feel. */
.shahaz-size-chart-page .shahaz-size-wordmark,
.shahaz-advanced-filter-page .shahaz-size-wordmark{
	font-family:Georgia,"Times New Roman",serif;
	font-weight:900;
	letter-spacing:-.045em;
	line-height:.86;
	white-space:nowrap;
}
.shahaz-size-chart-page .shahaz-size-wordmark span,
.shahaz-advanced-filter-page .shahaz-size-wordmark span{
	color:#f9007f;
	text-shadow:0 1px 0 rgba(123,0,72,.95),0 2px 0 rgba(105,0,61,.88),0 3px 0 rgba(86,0,51,.72),0 4px 7px rgba(64,0,38,.24);
}
.shahaz-size-chart-page .shahaz-size-wordmark b,
.shahaz-size-chart-page .shahaz-size-wordmark em,
.shahaz-advanced-filter-page .shahaz-size-wordmark b,
.shahaz-advanced-filter-page .shahaz-size-wordmark em{
	color:#ffe26a;
	text-shadow:0 1px 0 rgba(151,91,0,.95),0 2px 0 rgba(126,72,0,.86),0 3px 0 rgba(102,57,0,.70),0 4px 7px rgba(64,38,0,.22);
}
.shahaz-size-chart-page .shahaz-size-logo-wrap{
	margin-top:6px;
}
.shahaz-advanced-filter-page .shahaz-filter-brand{
	padding-top:22px;
}
.shahaz-advanced-filter-page .shahaz-filter-brand .shahaz-size-wordmark{
	margin-top:6px;
}

/* Advanced Filter controls: make the two utility actions clearly Hot
   Magenta 3D controls, while preserving their existing URLs/markup. */
.shahaz-catalog-tools .shahaz-catalog-tool{
	background:linear-gradient(180deg,#ff5fa8 0%,#f50076 52%,#c6116b 100%) !important;
	border-color:#d4af37 !important;
	color:#fff !important;
	box-shadow:0 3px 0 #8c0e52,0 9px 16px rgba(198,17,107,.24),inset 0 1px 0 rgba(255,255,255,.42) !important;
}
.shahaz-catalog-tools .shahaz-catalog-tool strong,
.shahaz-catalog-tools .shahaz-catalog-tool small{
	color:#fff !important;
}
.shahaz-catalog-tools .shahaz-catalog-tool>span{
	background:rgba(255,255,255,.16) !important;
	border-color:#ffe26a !important;
	box-shadow:0 2px 0 rgba(123,0,72,.55),inset 0 1px 0 rgba(255,255,255,.45) !important;
}
.shahaz-catalog-tools .shahaz-catalog-tool:hover{
	transform:translateY(-2px);
	border-color:#ffe26a !important;
	box-shadow:0 4px 0 #8c0e52,0 12px 20px rgba(198,17,107,.28),inset 0 1px 0 rgba(255,255,255,.5) !important;
}
.shahaz-catalog-tools .shahaz-catalog-tool:active{
	transform:translateY(2px);
	box-shadow:0 0 0 #8c0e52,0 4px 8px rgba(198,17,107,.2),inset 0 2px 4px rgba(122,14,78,.18) !important;
}

/* Uncommon price rail: layered jewel/capsule track with floating dual handles. */
.shahaz-advanced-filter-page .shahaz-filter-dual-range{
	height:34px;
	margin:4px 6px 0;
}
.shahaz-advanced-filter-page .shahaz-filter-range-track{
	left:0;right:0;top:10px;height:14px;
	border-radius:999px;
	background:linear-gradient(180deg,#fff8fc 0%,#f8dce9 100%);
	border:1px solid rgba(194,24,91,.18);
	box-shadow:inset 0 2px 4px rgba(107,15,85,.12),0 3px 7px rgba(107,15,85,.10);
}
.shahaz-advanced-filter-page .shahaz-filter-range-track::before{
	content:"";
	position:absolute;
	left:7px;right:7px;top:4px;height:4px;
	border-radius:999px;
	background:rgba(255,255,255,.72);
	pointer-events:none;
}
.shahaz-advanced-filter-page .shahaz-filter-range-track span{
	top:3px;bottom:3px;
	background:linear-gradient(90deg,#ff1493 0%,#f50076 52%,#d4af37 100%);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 5px rgba(194,24,91,.24);
}
.shahaz-advanced-filter-page .shahaz-filter-dual-range .shahaz-filter-range-slider::-webkit-slider-thumb{
	width:24px;height:24px;margin-top:-5px;
	border:2px solid #ffe26a;
	background:radial-gradient(circle at 35% 28%,#fff7c7 0%,#ffd84d 24%,#f50076 26%,#c6116b 70%,#8c0e52 100%);
	box-shadow:0 2px 0 #8c0e52,0 5px 10px rgba(198,17,107,.30),inset 0 1px 0 rgba(255,255,255,.75);
}
.shahaz-advanced-filter-page .shahaz-filter-dual-range .shahaz-filter-range-slider::-moz-range-thumb{
	width:24px;height:24px;
	border:2px solid #ffe26a;
	background:radial-gradient(circle at 35% 28%,#fff7c7 0%,#ffd84d 24%,#f50076 26%,#c6116b 70%,#8c0e52 100%);
	box-shadow:0 2px 0 #8c0e52,0 5px 10px rgba(198,17,107,.30),inset 0 1px 0 rgba(255,255,255,.75);
}
.shahaz-advanced-filter-page .shahaz-filter-dual-range .shahaz-filter-range-slider:active::-webkit-slider-thumb{
	transform:scale(.94);
}
@media(max-width:767px){
	.shahaz-advanced-filter-page .shahaz-filter-brand{padding-top:20px;}
}


/* ==========================================================================
   SHAHAZ LIVE PAGE — compact title treatment (2026-09-02)
   Only this page is affected. Header, product cards and live data logic
   remain untouched. The old explanatory intro is intentionally hidden by
   markup removal in page-shahaz-live.php.
   ========================================================================== */
.shahaz-live-page {
	padding-top: 6px !important;
	padding-bottom: 40px;
}

.shahaz-live-page .shahaz-live-page-header {
	margin: 0 auto 6px;
	padding: 0;
	text-align: center;
}

.shahaz-live-page .shahaz-live-title {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 38px;
}

.shahaz-live-page .shahaz-live-title-icon {
	position: relative;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: linear-gradient(145deg, var(--shahaz-magenta, #ff1493), var(--shahaz-magenta-deep, #a60063));
	border: 1px solid var(--shahaz-gold, #e7c85b);
	box-shadow: inset 0 2px 4px rgba(255,255,255,.32), 0 5px 12px rgba(166,0,99,.24);
}

.shahaz-live-page .shahaz-live-title-icon svg {
	width: 21px;
	height: 21px;
	fill: none;
	stroke: rgba(255,255,255,.94);
	stroke-width: 1.8;
	stroke-linecap: round;
}

.shahaz-live-page .shahaz-live-title-dot {
	position: absolute;
	width: 8px;
	height: 8px;
	left: 13px;
	top: 13px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(255,255,255,.12), 0 0 10px rgba(255,255,255,.72);
	z-index: 2;
}

.shahaz-live-page .shahaz-live-title .shahaz-section-page-title {
	margin: 0;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(25px, 6vw, 36px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: -.02em;
	background: linear-gradient(180deg, var(--shahaz-magenta, #ff1493), var(--shahaz-magenta-deep, #7b0a52));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	text-shadow: 0 1px 0 rgba(255,255,255,.45);
}

.shahaz-live-page .shahaz-fp-card:first-of-type {
	margin-top: 0;
}

@media (max-width: 767px) {
	.shahaz-live-page {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.shahaz-live-page .shahaz-live-title {
		gap: 7px;
		min-height: 34px;
	}

	.shahaz-live-page .shahaz-live-title-icon {
		width: 31px;
		height: 31px;
		flex-basis: 31px;
	}

	.shahaz-live-page .shahaz-live-title-dot {
		left: 11.5px;
		top: 11.5px;
	}

	.shahaz-live-page .shahaz-live-title-icon svg {
		width: 19px;
		height: 19px;
	}
}