/* ==========================================================================
   SHAHAZ.COM — Master Static Page Design System (Prompt-01: Foundation)
   ফাইল: assets/css/shahaz-static-page.css

   ⚠️ এটা শুধু একটা Design System/Foundation — কোনো Real Page (About/
   Static/Vendor pages-এর shared styling এখানে রাখা হয়
   হবে)। এই ফাইলের ক্লাসগুলোই ভবিষ্যতে প্রতিটা Static Page ব্যবহার
   করবে, তাই একবার এখানে বদলালে সব Page-এ বদলে যায় — Consistency-ই
   এই ফাইলের মূল উদ্দেশ্য।

   ⚠️ কোনো নতুন Color আবিষ্কার করা হয়নি — সম্পূর্ণ সাইট-ওয়াইড
   shahaz-tokens.css (var(--shahaz-*)) পুনঃব্যবহার করা হয়েছে
   ("Use the existing SHAHAZ.COM design language" — স্পষ্ট নির্দেশ)।
   Typography-ও বিদ্যমান Google Fonts (Playfair Display + Inter,
   functions.php-এ আগে থেকেই সাইট-ওয়াইড এনকিউ করা) ব্যবহার করে —
   কোনো নতুন Font লোড করা হয়নি।

   Dependency Order: shahaz-tokens.css (আগে লোড হতেই হবে, CSS Variable-এর
   জন্য) → shahaz-google-fonts → এই ফাইল।
   ========================================================================== */




/*************************************************************
 * SECTION: Design Tokens (Static-Page-নির্দিষ্ট এক্সটেনশন)
 * Purpose: গ্লোবাল shahaz-tokens.css-এর রং-ই ব্যবহার হয়, কিন্তু
 *          Static Page-এর নিজস্ব কিছু Semantic Alias + Typography/
 *          Spacing Scale এখানে সংজ্ঞায়িত — যাতে কম্পোনেন্ট CSS-এ
 *          বারবার var(--shahaz-...) এর জটিল কম্বিনেশন লিখতে না হয়।
 *************************************************************/
:root {

	/* ---------- Semantic Color Alias (স্পেসিফিকেশনের ভাষায়) ---------- */
	--shahaz-sp-bg: var(--shahaz-softpink);              /* Background: Soft Luxury Pink */
	--shahaz-sp-content-bg: var(--shahaz-offwhite);      /* Content Area: Soft White */
	--shahaz-sp-card-bg: var(--shahaz-white);            /* Cards: White */
	--shahaz-sp-border: rgba(212,175,55,0.22);           /* Border: Very Soft (Gold, কম Opacity) */
	--shahaz-sp-accent: var(--shahaz-gold);              /* Accent: Luxury Gold */
	--shahaz-sp-btn-primary: var(--shahaz-magenta);      /* Primary Button: Luxury Magenta */
	--shahaz-sp-text: var(--shahaz-ink);                 /* Typography: Dark (গ্রে-ঘেঁষা Ink) */
	--shahaz-sp-text-muted: var(--shahaz-gray);          /* সেকেন্ডারি টেক্সট */

	/* ---------- Semantic Box Colors (Notice/Warning/Success) ---------- */
	--shahaz-sp-notice-bg: #F3F0FA;
	--shahaz-sp-notice-border: #B9A9E0;
	--shahaz-sp-notice-text: #4A3B6B;
	--shahaz-sp-warning-bg: #FFF6E6;
	--shahaz-sp-warning-border: #E8C97A;
	--shahaz-sp-warning-text: #7A5A10;
	--shahaz-sp-success-bg: #EAF7F0;
	--shahaz-sp-success-border: #8FCBA8;
	--shahaz-sp-success-text: var(--shahaz-success);

	/* ---------- Typography Font Family (বিদ্যমান, functions.php-এ এনকিউ করা) ---------- */
	--shahaz-sp-font-heading: 'Playfair Display', Georgia, serif;
	--shahaz-sp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

	/* ---------- Typography Scale (Mobile-First বেস, Desktop-এ clamp() দিয়ে বড়) ---------- */
	--shahaz-sp-h1: clamp(26px, 6vw, 42px);
	--shahaz-sp-h2: clamp(21px, 4.4vw, 30px);
	--shahaz-sp-h3: clamp(18px, 3.4vw, 23px);
	--shahaz-sp-h4: clamp(15.5px, 2.6vw, 18px);
	--shahaz-sp-body: 15.5px;
	--shahaz-sp-caption: 12.5px;
	--shahaz-sp-label: 11px;

	/* ---------- Line Height ---------- */
	--shahaz-sp-lh-heading: 1.25;
	--shahaz-sp-lh-body: 1.75;
	--shahaz-sp-lh-caption: 1.5;

	/* ---------- Letter Spacing ---------- */
	--shahaz-sp-ls-heading: 0.01em;
	--shahaz-sp-ls-label: 0.06em;

	/* ---------- Reading Width (Long-Form Content-এর জন্য Optimal) ---------- */
	--shahaz-sp-reading-width: 700px;
	--shahaz-sp-content-max-width: 1040px;

	/* ---------- Spacing Scale ---------- */
	--shahaz-sp-space-xs: 6px;
	--shahaz-sp-space-sm: 12px;
	--shahaz-sp-space-md: 20px;
	--shahaz-sp-space-lg: 32px;
	--shahaz-sp-space-xl: 48px;
}




/*************************************************************
 * SECTION: Base Reading Typography
 * Purpose: h1–h4, body, caption, list, quote, table, button, label —
 *          স্পেসিফিকেশনের প্রতিটা Typography Element এখানে সংজ্ঞায়িত।
 *          Long-Form Reading-এর জন্য Optimized (Line-Height 1.75,
 *          Reading Width 700px)।
 *************************************************************/
.shahaz-static-page {
	background: var(--shahaz-sp-bg);
	color: var(--shahaz-sp-text);
	font-family: var(--shahaz-sp-font-body);
	font-size: var(--shahaz-sp-body);
	line-height: var(--shahaz-sp-lh-body);
	-webkit-font-smoothing: antialiased;
}

.shahaz-static-page h1,
.shahaz-static-page h2,
.shahaz-static-page h3,
.shahaz-static-page h4 {
	font-family: var(--shahaz-sp-font-heading);
	font-weight: 700;
	line-height: var(--shahaz-sp-lh-heading);
	letter-spacing: var(--shahaz-sp-ls-heading);
	color: var(--shahaz-sp-text);
	margin: 0 0 var(--shahaz-sp-space-sm);
}
.shahaz-static-page h1 { font-size: var(--shahaz-sp-h1); font-weight: 800; }
.shahaz-static-page h2 { font-size: var(--shahaz-sp-h2); margin-top: var(--shahaz-sp-space-lg); }
.shahaz-static-page h3 { font-size: var(--shahaz-sp-h3); margin-top: var(--shahaz-sp-space-md); }
.shahaz-static-page h4 { font-size: var(--shahaz-sp-h4); margin-top: var(--shahaz-sp-space-sm); }

.shahaz-static-page p {
	margin: 0 0 var(--shahaz-sp-space-md);
	color: var(--shahaz-sp-text);
}

.shahaz-static-page .shahaz-sp-caption {
	font-size: var(--shahaz-sp-caption);
	line-height: var(--shahaz-sp-lh-caption);
	color: var(--shahaz-sp-text-muted);
}

.shahaz-static-page .shahaz-sp-label {
	font-size: var(--shahaz-sp-label);
	font-weight: 700;
	letter-spacing: var(--shahaz-sp-ls-label);
	text-transform: uppercase;
	color: var(--shahaz-sp-accent);
}

.shahaz-static-page ul,
.shahaz-static-page ol {
	margin: 0 0 var(--shahaz-sp-space-md);
	padding-left: 22px;
	line-height: var(--shahaz-sp-lh-body);
}
.shahaz-static-page li {
	margin-bottom: 6px;
}

.shahaz-static-page a {
	color: var(--shahaz-sp-btn-primary);
	text-decoration: underline;
	text-decoration-color: rgba(194,24,91,0.35);
	text-underline-offset: 2px;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.shahaz-static-page a:hover {
	color: var(--shahaz-gold-deep);
	text-decoration-color: currentColor;
}

.shahaz-static-page blockquote {
	margin: var(--shahaz-sp-space-md) 0;
	padding: var(--shahaz-sp-space-md) var(--shahaz-sp-space-md) var(--shahaz-sp-space-md) var(--shahaz-sp-space-lg);
	border-left: 3px solid var(--shahaz-sp-accent);
	background: var(--shahaz-sp-card-bg);
	border-radius: var(--shahaz-radius-sm);
	font-style: italic;
	color: var(--shahaz-sp-text-muted);
}

.shahaz-static-page table {
	width: 100%;
	border-collapse: collapse;
	margin: var(--shahaz-sp-space-md) 0;
	font-size: 13.5px;
}
.shahaz-static-page th,
.shahaz-static-page td {
	padding: 10px 12px;
	text-align: left;
	border-bottom: 1px solid var(--shahaz-sp-border);
}
.shahaz-static-page th {
	font-family: var(--shahaz-sp-font-heading);
	font-weight: 700;
	color: var(--shahaz-sp-accent);
	background: rgba(212,175,55,0.06);
}

.shahaz-static-page .shahaz-sp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 28px;
	border-radius: 999px;
	font-family: var(--shahaz-sp-font-body);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none !important;
	cursor: pointer;
	border: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.shahaz-static-page .shahaz-sp-btn-primary {
	background: var(--shahaz-sp-btn-primary) !important;
	color: #FFFFFF !important;
	box-shadow: var(--shahaz-shadow-card);
}
.shahaz-static-page .shahaz-sp-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: var(--shahaz-shadow-lift);
}
.shahaz-static-page .shahaz-sp-btn-secondary {
	background: transparent !important;
	color: var(--shahaz-sp-accent) !important;
	border: 1.5px solid var(--shahaz-sp-accent) !important;
}
.shahaz-static-page .shahaz-sp-btn-secondary:hover {
	background: rgba(212,175,55,0.08) !important;
}




/*************************************************************
 * SECTION: Page Structure
 * Purpose: Hero Header → Breadcrumb → Page Title → Short Description
 *          → Main Content → Info Cards → Callout → FAQ → CTA →
 *          Contact — স্পেসিফিকেশনের এক্সাক্ট ক্রম অনুযায়ী প্রতিটা
 *          Region-এর নিজস্ব ক্লাস।
 *************************************************************/

/* ---------- Hero Header ---------- */
.shahaz-sp-hero {
	background: linear-gradient(160deg, var(--shahaz-softpink-deep) 0%, var(--shahaz-softpink) 100%);
	padding: var(--shahaz-sp-space-xl) var(--shahaz-sp-space-sm) var(--shahaz-sp-space-lg);
	text-align: center;
	border-bottom: 1px solid var(--shahaz-sp-border);
}

/* ---------- Breadcrumb ---------- */
.shahaz-sp-breadcrumb {
	max-width: var(--shahaz-sp-content-max-width);
	margin: 0 auto var(--shahaz-sp-space-md);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 12.5px;
	color: var(--shahaz-sp-text-muted);
}
.shahaz-sp-breadcrumb a {
	color: var(--shahaz-sp-text-muted);
	text-decoration: none;
	transition: color 0.2s ease;
}
.shahaz-sp-breadcrumb a:hover {
	color: var(--shahaz-sp-btn-primary);
}
.shahaz-sp-breadcrumb .shahaz-sp-breadcrumb-sep {
	color: var(--shahaz-sp-accent);
	opacity: 0.6;
}
.shahaz-sp-breadcrumb .shahaz-sp-breadcrumb-current {
	color: var(--shahaz-sp-text);
	font-weight: 600;
}

/* ---------- Page Title + Short Description (Hero-র ভেতরে) ---------- */
.shahaz-sp-hero .shahaz-sp-title {
	max-width: var(--shahaz-sp-content-max-width);
	margin: 0 auto 10px;
	font-size: var(--shahaz-sp-h1);
}
.shahaz-sp-hero .shahaz-sp-desc {
	max-width: var(--shahaz-sp-reading-width);
	margin: 0 auto;
	font-size: 15px;
	color: var(--shahaz-sp-text-muted);
	line-height: var(--shahaz-sp-lh-body);
}

/* ---------- Main Content ---------- */
.shahaz-sp-content {
	max-width: var(--shahaz-sp-content-max-width);
	margin: 0 auto;
	padding: var(--shahaz-sp-space-lg) var(--shahaz-sp-space-sm);
	background: var(--shahaz-sp-content-bg);
}
.shahaz-sp-content-inner {
	max-width: var(--shahaz-sp-reading-width);
	margin: 0 auto;
}

/* ---------- Section Spacing Wrapper (Info Cards/Callout/FAQ/CTA/Contact — সবগুলোই এই wrapper ব্যবহার করে সমান gap পায়) ---------- */
.shahaz-sp-section {
	max-width: var(--shahaz-sp-content-max-width);
	margin: 0 auto;
	padding: var(--shahaz-sp-space-lg) var(--shahaz-sp-space-sm);
}
.shahaz-sp-section-inner {
	max-width: var(--shahaz-sp-reading-width);
	margin: 0 auto;
}
.shahaz-sp-section-title {
	text-align: center;
	margin-bottom: var(--shahaz-sp-space-md);
}




/*************************************************************
 * COMPONENT: Information Card
 *************************************************************/
.shahaz-sp-info-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--shahaz-sp-space-sm);
}
.shahaz-sp-info-card {
	background: var(--shahaz-sp-card-bg);
	border: 1px solid var(--shahaz-sp-border);
	border-radius: var(--shahaz-radius-md);
	padding: var(--shahaz-sp-space-md);
	box-shadow: var(--shahaz-shadow-soft);
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.shahaz-sp-info-card:hover {
	box-shadow: var(--shahaz-shadow-card);
	transform: translateY(-2px);
}
a.shahaz-sp-info-card {
	display: block;
	text-decoration: none !important;
	color: inherit !important;
}
.shahaz-sp-info-card-icon {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(212,175,55,0.12);
	color: var(--shahaz-sp-accent);
	font-size: 19px;
	margin-bottom: 12px;
}
.shahaz-sp-info-card-title {
	font-family: var(--shahaz-sp-font-heading);
	font-weight: 700;
	font-size: 16px;
	margin: 0 0 6px;
	color: var(--shahaz-sp-text);
}
.shahaz-sp-info-card-body {
	font-size: 13.5px;
	color: var(--shahaz-sp-text-muted);
	line-height: 1.65;
}


/*************************************************************
 * COMPONENT: Notice Box / Warning Box / Success Box
 *************************************************************/
.shahaz-sp-box {
	display: flex;
	gap: 12px;
	padding: 14px 16px;
	border-radius: var(--shahaz-radius-sm);
	border: 1px solid;
	margin: var(--shahaz-sp-space-md) 0;
	font-size: 13.5px;
	line-height: 1.65;
}
.shahaz-sp-box-icon {
	flex: 0 0 auto;
	font-size: 17px;
	line-height: 1;
}
.shahaz-sp-box-notice {
	background: var(--shahaz-sp-notice-bg);
	border-color: var(--shahaz-sp-notice-border);
	color: var(--shahaz-sp-notice-text);
}
.shahaz-sp-box-warning {
	background: var(--shahaz-sp-warning-bg);
	border-color: var(--shahaz-sp-warning-border);
	color: var(--shahaz-sp-warning-text);
}
.shahaz-sp-box-success {
	background: var(--shahaz-sp-success-bg);
	border-color: var(--shahaz-sp-success-border);
	color: var(--shahaz-sp-success-text);
}


/*************************************************************
 * COMPONENT: Quote Box
 * (blockquote-এর মতোই দেখতে, কিন্তু Author/Role সহ — Testimonial-ধর্মী ব্যবহারের জন্য)
 *************************************************************/
.shahaz-sp-quote-box {
	margin: var(--shahaz-sp-space-md) 0;
	padding: var(--shahaz-sp-space-md) var(--shahaz-sp-space-lg);
	background: var(--shahaz-sp-card-bg);
	border-left: 3px solid var(--shahaz-sp-accent);
	border-radius: var(--shahaz-radius-sm);
	box-shadow: var(--shahaz-shadow-soft);
}
.shahaz-sp-quote-box-text {
	font-family: var(--shahaz-sp-font-heading);
	font-style: italic;
	font-size: 16px;
	color: var(--shahaz-sp-text);
	margin: 0 0 10px;
}
.shahaz-sp-quote-box-author {
	font-size: 12.5px;
	font-weight: 700;
	color: var(--shahaz-sp-accent);
}


/*************************************************************
 * COMPONENT: Feature List (Icon + Title + Description, Grid)
 *************************************************************/
.shahaz-sp-feature-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--shahaz-sp-space-md);
	list-style: none;
	padding: 0;
	margin: var(--shahaz-sp-space-md) 0;
}
.shahaz-sp-feature-item {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin: 0;
}
.shahaz-sp-feature-item-icon {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: var(--shahaz-gradient-magenta-gold);
	color: #fff;
	font-size: 15px;
}
.shahaz-sp-feature-item-title {
	font-weight: 700;
	font-size: 14px;
	color: var(--shahaz-sp-text);
	margin: 0 0 2px;
}
.shahaz-sp-feature-item-desc {
	font-size: 12.5px;
	color: var(--shahaz-sp-text-muted);
	line-height: 1.6;
}


/*************************************************************
 * COMPONENT: Checklist
 *************************************************************/
.shahaz-sp-checklist {
	list-style: none;
	padding: 0;
	margin: var(--shahaz-sp-space-md) 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.shahaz-sp-checklist-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-size: 14px;
}
.shahaz-sp-checklist-item::before {
	content: "✔";
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--shahaz-sp-success-bg);
	color: var(--shahaz-sp-success-text);
	font-size: 11px;
	font-weight: 700;
	margin-top: 1px;
}


/*************************************************************
 * COMPONENT: Icon List (কম্প্যাক্ট, একলাইন প্রতি আইটেম)
 *************************************************************/
.shahaz-sp-icon-list {
	list-style: none;
	padding: 0;
	margin: var(--shahaz-sp-space-md) 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.shahaz-sp-icon-list-item {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 13.5px;
	color: var(--shahaz-sp-text-muted);
}
.shahaz-sp-icon-list-item-icon {
	flex: 0 0 auto;
	font-size: 14px;
	color: var(--shahaz-sp-accent);
}


/*************************************************************
 * COMPONENT: Comparison Table (table-এর উপরে বাড়তি Card র‍্যাপার + Sticky Header ফিল)
 *************************************************************/
.shahaz-sp-compare-wrap {
	overflow-x: auto;
	margin: var(--shahaz-sp-space-md) 0;
	border-radius: var(--shahaz-radius-md);
	border: 1px solid var(--shahaz-sp-border);
	box-shadow: var(--shahaz-shadow-soft);
}
.shahaz-sp-compare-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--shahaz-sp-card-bg);
	font-size: 13px;
}
.shahaz-sp-compare-table th,
.shahaz-sp-compare-table td {
	padding: 12px 14px;
	text-align: left;
	white-space: nowrap;
	border-bottom: 1px solid var(--shahaz-sp-border);
}
.shahaz-sp-compare-table th {
	font-family: var(--shahaz-sp-font-heading);
	font-weight: 700;
	color: #fff;
	background: var(--shahaz-gradient-magenta-gold);
}
.shahaz-sp-compare-table tr:last-child td {
	border-bottom: none;
}
.shahaz-sp-compare-table tr:nth-child(even) td {
	background: rgba(212,175,55,0.04);
}


/*************************************************************
 * COMPONENT: FAQ Accordion
 * JS Dependency: assets/js/shahaz-static-page.js
 *************************************************************/
.shahaz-sp-faq {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: var(--shahaz-sp-space-md) 0;
}
.shahaz-sp-faq-item {
	background: var(--shahaz-sp-card-bg);
	border: 1px solid var(--shahaz-sp-border);
	border-radius: var(--shahaz-radius-sm);
	overflow: hidden;
}
.shahaz-sp-faq-question {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px;
	background: none;
	border: none;
	text-align: left;
	font-family: var(--shahaz-sp-font-body);
	font-size: 14.5px;
	font-weight: 700;
	color: var(--shahaz-sp-text);
	cursor: pointer;
}
.shahaz-sp-faq-icon {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(212,175,55,0.12);
	color: var(--shahaz-sp-accent);
	transition: transform 0.25s ease;
	font-size: 12px;
}
.shahaz-sp-faq-item.shahaz-sp-faq-open .shahaz-sp-faq-icon {
	transform: rotate(45deg);
}
.shahaz-sp-faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
	padding: 0 16px;
	font-size: 13.5px;
	color: var(--shahaz-sp-text-muted);
	line-height: 1.65;
}
.shahaz-sp-faq-item.shahaz-sp-faq-open .shahaz-sp-faq-answer {
	padding: 0 16px 16px;
}


/*************************************************************
 * COMPONENT: CTA Card — SHAHaz Premium Bottom CTA
 * Shared by existing CTA components on customer-facing static pages.
 * IMPORTANT: This redesign styles the existing CTA only; it does not
 * create an additional CTA block.
 *************************************************************/
.shahaz-sp-cta {
	position: relative;
	text-align: center;
	padding: 38px 18px 30px;
	background: linear-gradient(115deg, #ef005c 0%, #e93655 43%, #f3a900 100%);
	border: 1px solid rgba(212,175,55,.45);
	border-radius: 28px;
	box-shadow: 0 12px 28px rgba(174,58,157,.18);
	margin: 16px 0;
	overflow: visible;
}
.shahaz-sp-cta-icon {
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	width: 58px;
	height: 66px;
	display: flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0 4px 5px rgba(125,84,0,.22));
}
.shahaz-sp-cta-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}
.shahaz-sp-cta-icon svg path:first-child {
	fill: #D4AF37;
	stroke: #FFF4C8;
	stroke-width: 2.2;
}
.shahaz-sp-cta-icon svg path:last-child {
	fill: none;
	stroke: #fff;
	stroke-width: 4.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.shahaz-sp-cta-title {
	font-family: var(--shahaz-sp-font-heading);
	font-size: clamp(21px, 3.6vw, 31px);
	font-weight: 800;
	color: #FFFFFF;
	margin: 0 0 5px;
	line-height: 1.25;
}
.shahaz-sp-cta-text {
	font-size: clamp(13px, 1.8vw, 16px);
	color: rgba(255,255,255,.96);
	max-width: 760px;
	margin: 0 auto 13px;
	line-height: 1.45;
}
.shahaz-sp-cta .shahaz-sp-btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 9px 30px;
	border: 1px solid rgba(212,175,55,.5) !important;
	border-radius: 999px;
	background: #FFFFFF !important;
	color: #C2185B !important;
	box-shadow: 0 4px 0 rgba(120,80,0,.16), 0 7px 16px rgba(125,35,85,.18) !important;
	text-decoration: none;
}
.shahaz-sp-cta .shahaz-sp-btn-primary:hover {
	background: #FFF6D9 !important;
	color: #A21CAF !important;
	transform: translateY(-1px);
}

@media (max-width: 767px) {
	.shahaz-sp-cta {
		padding: 32px 12px 24px;
		border-radius: 22px;
		margin: 12px 0;
	}
	.shahaz-sp-cta-icon {
		top: -21px;
		width: 48px;
		height: 55px;
	}
	.shahaz-sp-cta-title { font-size: 21px; }
	.shahaz-sp-cta-text { font-size: 12.5px; margin-bottom: 10px; }
	.shahaz-sp-cta .shahaz-sp-btn-primary { min-height: 42px; padding: 8px 24px; }
}

/*************************************************************
 * COMPONENT: Contact Card
 *************************************************************/
.shahaz-sp-contact-card {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--shahaz-sp-space-sm);
	background: var(--shahaz-sp-card-bg);
	border: 1px solid var(--shahaz-sp-border);
	border-radius: var(--shahaz-radius-md);
	padding: var(--shahaz-sp-space-md);
	box-shadow: var(--shahaz-shadow-soft);
	margin: var(--shahaz-sp-space-md) 0;
}
.shahaz-sp-contact-item {
	display: flex;
	align-items: center;
	gap: 10px;
}
.shahaz-sp-contact-item-icon {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(194,24,91,0.08);
	color: var(--shahaz-sp-btn-primary);
	font-size: 15px;
}
.shahaz-sp-contact-item-label {
	font-size: 11px;
	color: var(--shahaz-sp-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.shahaz-sp-contact-item-value {
	font-size: 13.5px;
	font-weight: 700;
	color: var(--shahaz-sp-text);
}
.shahaz-sp-contact-item-value a {
	color: inherit;
	text-decoration: none;
}




/*************************************************************
 * SECTION: Responsive Rule
 * Purpose: স্পেসিফিকেশনের স্পষ্ট নির্দেশ — "Never redesign the layout
 *          for mobile. Only scale spacing, typography and component
 *          size." তাই এখানে কোনো grid-template-columns/flex-direction
 *          বদলানো হয়নি (Grid-গুলো auto-fit/minmax দিয়ে already
 *          Fluid — আলাদা breakpoint ছাড়াই স্বাভাবিকভাবে কলাম কমে),
 *          শুধু Spacing/Font-Size ছোট।
 *************************************************************/
@media (max-width: 767px) {
	.shahaz-sp-hero {
		padding: var(--shahaz-sp-space-lg) var(--shahaz-sp-space-sm) var(--shahaz-sp-space-md);
	}
	.shahaz-sp-content,
	.shahaz-sp-section {
		padding: var(--shahaz-sp-space-md) var(--shahaz-sp-space-sm);
	}
	.shahaz-static-page .shahaz-sp-body {
		font-size: 14px;
	}
	.shahaz-sp-info-cards,
	.shahaz-sp-feature-list {
		gap: var(--shahaz-sp-space-xs);
	}
	.shahaz-sp-cta {
		padding: var(--shahaz-sp-space-md);
	}
}




/*************************************************************
 * SECTION: Accessibility — Focus States
 *************************************************************/
.shahaz-static-page a:focus-visible,
.shahaz-static-page button:focus-visible,
.shahaz-static-page .shahaz-sp-faq-question:focus-visible {
	outline: 2px solid var(--shahaz-magenta) !important;
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.shahaz-static-page * {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}


/* ======================================================================
   SHAHAZ STATIC PAGES — ABOUT-STYLE BRAND SYSTEM / COMPACT UX V2
   Applies only to pages using SHAHAZ Static Page template.
   Master Header/Footer source files remain untouched.
   ====================================================================== */
body:has(.shahaz-static-page) #shahaz-header,
body:has(.shahaz-static-page) #shahaz-footer,
body:has(.shahaz-static-page) #shahaz-cnav {
	display: none !important;
}
body:has(.shahaz-static-page) {
	padding-bottom: 0 !important;
	overflow-x: hidden;
}

.shahaz-static-page {
	width: 100%;
	max-width: none;
	min-height: 100vh;
	margin: 0;
	padding: 8px 10px 22px;
	background: linear-gradient(180deg, #FFF4F8 0%, #FFE0EC 42%, #FAFAFA 100%);
	color: #2b1520;
	overflow-wrap: anywhere;
}
.shahaz-static-page,
.shahaz-static-page *,
.shahaz-static-page *::before,
.shahaz-static-page *::after { box-sizing: border-box; }

.shahaz-static-brand {
	position: relative;
	width: 100%;
	margin: 0 0 6px;
	padding: 18px 12px 12px;
	border: 1px solid rgba(212,175,55,.25);
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,236,245,.96));
	box-shadow: 0 7px 22px -12px rgba(174,58,157,.25);
	text-align: center;
}
.shahaz-static-back {
	position: absolute;
	left: 12px;
	top: 12px;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: linear-gradient(135deg,#FF4D8D 0%,#D90429 100%);
	color: #fff !important;
	box-shadow: 0 7px 18px -6px rgba(217,4,41,.4);
	text-decoration: none !important;
	z-index: 3;
}
.shahaz-static-back svg { width: 20px; height: 20px; }
.shahaz-static-logo-wrap { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.shahaz-static-logo-emblem {
	width: 64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center;
	background: radial-gradient(circle at 35% 25%,#fff8d6 0%,#f4d77a 24%,#c99725 68%,#8d6519 100%);
	border:2px solid #D4AF37;
	box-shadow:0 3px 0 #8f681b,0 8px 14px rgba(82,48,0,.22),inset 0 1px 0 rgba(255,255,255,.95);
	overflow:hidden; margin-bottom:5px;
}
.shahaz-static-logo-emblem img { display:block; width:57px; height:57px; object-fit:cover; border-radius:50%; }
.shahaz-static-wordmark { font-family:'Playfair Display',Georgia,serif; font-size:clamp(28px,8vw,44px); font-weight:800; letter-spacing:1px; line-height:1; }
.shahaz-static-wordmark span { color:#D4AF37; }
.shahaz-static-wordmark b { color:#D4AF37; }
.shahaz-static-wordmark em { color:#E0007A; font-style:normal; }
.shahaz-static-tagline { display:block; margin-top:5px; font-size:9px; font-weight:800; letter-spacing:.16em; color:#9b7184; }
.shahaz-static-actions {
	display:flex; justify-content:center; align-items:center; gap:6px; margin-top:8px;
	max-width:100%; overflow-x:auto; overflow-y:hidden; padding:1px 2px 2px; scrollbar-width:none;
}
.shahaz-static-actions::-webkit-scrollbar { display:none; }
.shahaz-static-actions a {
	flex:0 0 auto; min-height:38px; display:inline-flex; align-items:center; justify-content:center;
	padding:8px 14px; border-radius:999px; background:linear-gradient(135deg,#F20B59,#D9047A 58%,#A21CAF);
	color:#fff !important; font-size:11px; font-weight:900; text-decoration:none !important;
	box-shadow:0 4px 12px rgba(194,24,91,.2);
}

/* Compact hero: no large vertical whitespace. */
.shahaz-static-page .shahaz-sp-hero {
	width:100%; max-width:none; margin:0 0 5px; padding:7px 8px 4px;
	background:transparent; border:0; text-align:center;
}
.shahaz-static-page .shahaz-sp-breadcrumb { margin:0 0 4px; gap:4px; font-size:11px; }
.shahaz-static-page .shahaz-sp-hero .shahaz-sp-title {
	max-width:none; margin:0 0 4px; font-family:'Playfair Display',Georgia,serif;
	font-size:clamp(24px,7vw,38px) !important; line-height:1.15; color:#2b1520;
}
.shahaz-static-page .shahaz-sp-hero .shahaz-sp-desc {
	max-width:none; margin:0; font-size:13px; line-height:1.42; color:#806b75;
}

/* Full-width, information-dense content. */
.shahaz-static-page .shahaz-sp-content {
	width:100%; max-width:none; margin:0; padding:4px 4px 18px; background:transparent;
}
.shahaz-static-page .shahaz-sp-content-inner { width:100%; max-width:none; margin:0; }
.shahaz-static-page .shahaz-sp-content-inner > p { margin:0 0 5px; font-size:14px; line-height:1.48; }
.shahaz-static-page .shahaz-sp-content-inner > h2 {
	margin:9px 0 4px; padding:0 0 3px; font-size:clamp(19px,5vw,28px); line-height:1.2;
	border-bottom:1px solid rgba(212,175,55,.22);
}
.shahaz-static-page .shahaz-sp-content-inner > h3 { margin:7px 0 3px; font-size:17px; line-height:1.25; }
.shahaz-static-page .shahaz-sp-content-inner > ul,
.shahaz-static-page .shahaz-sp-content-inner > ol { margin:0 0 6px; line-height:1.45; }

/* Compact components: 4–8px rhythm instead of large legacy gaps. */
.shahaz-static-page .shahaz-sp-compare-wrap { margin:5px 0 7px; border-radius:18px; }
.shahaz-static-page .shahaz-sp-compare-table { font-size:13px; }
.shahaz-static-page .shahaz-sp-compare-table th,
.shahaz-static-page .shahaz-sp-compare-table td { padding:9px 11px; }
.shahaz-static-page .shahaz-sp-checklist { margin:6px 0 8px; gap:6px; }
.shahaz-static-page .shahaz-sp-checklist-item { gap:8px; font-size:13.5px; line-height:1.42; }
.shahaz-static-page .shahaz-sp-box { margin:6px 0; padding:9px 11px; gap:8px; font-size:13px; line-height:1.45; }
.shahaz-static-page .shahaz-sp-cta { margin:7px 0; }
.shahaz-static-page .shahaz-sp-section { max-width:none; padding:8px 4px; }
.shahaz-static-page .shahaz-sp-section-inner { max-width:none; }

@media (min-width:768px) {
	.shahaz-static-page { padding:10px 24px 28px; }
	.shahaz-static-brand { padding:20px 24px 12px; }
	.shahaz-static-actions { margin-top:9px; }
	.shahaz-static-page .shahaz-sp-content { padding:5px 4px 24px; }
	.shahaz-static-page .shahaz-sp-content-inner { max-width:none; }
	.shahaz-static-page .shahaz-sp-content-inner > p { font-size:15px; }
}
@media (min-width:1100px) {
	.shahaz-static-page { padding:12px 32px 34px; }
	.shahaz-static-brand { padding:22px 80px 12px; }
	.shahaz-static-actions { position:absolute; right:24px; top:18px; margin:0; max-width:48%; }
	.shahaz-static-page .shahaz-sp-content-inner > h2 { margin-top:10px; }
}

/* ======================================================================
   FAQ — ABOUT-STYLE FINAL REDESIGN / COMPACT INFORMATION UX
   Scoped ONLY to .shahaz-faq-page. Shared template architecture remains
   unchanged; Master Header/Footer remain hidden by the existing static-page
   isolation rules. The existing FAQ shortcode/JS is preserved.
   ====================================================================== */
body.page-template-page-templates-shahaz-static-page-php:has(.shahaz-faq-page) #shahaz-header,
body.page-template-page-templates-shahaz-static-page-php:has(.shahaz-faq-page) #shahaz-footer,
body.page-template-page-templates-shahaz-static-page-php:has(.shahaz-faq-page) #shahaz-cnav {
	display:none !important;
}

.shahaz-faq-page {
	min-height:100vh;
	background:linear-gradient(180deg,#FFF2F8 0%,#FFE1EC 38%,#FAFAFA 72%,#FFF 100%);
}

/* About-style identity remains prominent but compact. */
.shahaz-faq-page .shahaz-static-brand {
	margin-bottom:5px;
	padding-top:16px;
	padding-bottom:10px;
	background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,235,245,.97));
	box-shadow:0 7px 22px -12px rgba(174,58,157,.28);
}
.shahaz-faq-page .shahaz-static-back {
	width:42px;
	height:42px;
}
.shahaz-faq-page .shahaz-static-logo-emblem {
	width:64px;
	height:64px;
}
.shahaz-faq-page .shahaz-static-logo-emblem img {
	width:57px;
	height:57px;
}
.shahaz-faq-page .shahaz-static-wordmark {
	font-size:clamp(28px,8vw,44px);
}
.shahaz-faq-page .shahaz-static-tagline {
	font-size:9px;
	letter-spacing:.16em;
}
.shahaz-faq-page .shahaz-static-actions {
	gap:16px;
	margin-top:7px;
}
.shahaz-faq-page .shahaz-static-actions a {
	min-height:38px;
	padding:8px 14px;
	font-size:11px;
	box-shadow:0 4px 12px rgba(194,24,91,.22);
}

/* Hero: title + description without the large legacy gaps. */
.shahaz-faq-page .shahaz-sp-hero {
	padding:7px 8px 5px;
	margin-bottom:4px;
	background:transparent;
	border:0;
}
.shahaz-faq-page .shahaz-sp-breadcrumb {
	margin-bottom:4px;
	font-size:11px;
	gap:4px;
}
.shahaz-faq-page .shahaz-sp-title {
	margin:0 0 4px !important;
	font-size:clamp(25px,7vw,40px) !important;
	line-height:1.12;
	color:#2B1520;
}
.shahaz-faq-page .shahaz-sp-desc {
	margin:0;
	font-size:13px;
	line-height:1.42;
	color:#806B75;
}

/* Compact FAQ content: 4–8px visual rhythm. */
.shahaz-faq-page .shahaz-sp-content {
	width:100%;
	max-width:none;
	padding:4px 4px 24px;
	background:transparent;
}
.shahaz-faq-page .shahaz-sp-content-inner {
	width:100%;
	max-width:none;
	margin:0;
}
.shahaz-faq-page .shahaz-sp-content-inner > p {
	margin:0 0 7px;
	padding:10px 12px;
	border:1px solid rgba(212,175,55,.24);
	border-radius:16px;
	background:rgba(255,255,255,.88);
	box-shadow:0 5px 16px -12px rgba(174,58,157,.25);
	font-size:13px;
	line-height:1.48;
}
.shahaz-faq-page .shahaz-sp-content-inner > h2 {
	margin:9px 0 4px;
	padding:7px 10px 5px;
	border:1px solid rgba(212,175,55,.25);
	border-left:4px solid #D9047A;
	border-radius:12px;
	background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,237,246,.75));
	box-shadow:0 4px 13px -12px rgba(174,58,157,.25);
	font-size:clamp(18px,4.7vw,25px);
	line-height:1.2;
	color:#2B1520;
}

/* Existing FAQ accordion becomes premium compact cards — no new JS system. */
.shahaz-faq-page .shahaz-sp-faq {
	display:grid;
	gap:5px;
	margin:0 0 8px;
}
.shahaz-faq-page .shahaz-sp-faq-item {
	margin:0;
	border:1px solid rgba(212,175,55,.26);
	border-radius:14px;
	background:rgba(255,255,255,.96);
	box-shadow:0 5px 15px -12px rgba(174,58,157,.3);
	overflow:hidden;
}
.shahaz-faq-page .shahaz-sp-faq-question {
	width:100%;
	min-height:42px;
	padding:8px 10px;
	gap:8px;
	border:0;
	background:linear-gradient(135deg,#FFFFFF 0%,#FFF5F9 100%);
	color:#2B1520;
	font-family:inherit;
	font-size:13px;
	font-weight:800;
	line-height:1.4;
	text-align:left;
	cursor:pointer;
}
.shahaz-faq-page .shahaz-sp-faq-question:hover {
	background:linear-gradient(135deg,#FFF8FB 0%,#FFEAF3 100%);
}
.shahaz-faq-page .shahaz-sp-faq-question:focus-visible {
	outline:2px solid #D4AF37;
	outline-offset:-2px;
}
.shahaz-faq-page .shahaz-sp-faq-icon {
	width:24px;
	height:24px;
	min-width:24px;
	border-radius:50%;
	background:linear-gradient(135deg,#F20B59,#A21CAF);
	color:#fff;
	font-size:17px;
	line-height:24px;
	text-align:center;
	box-shadow:0 2px 0 #8D0C55;
}
.shahaz-faq-page .shahaz-sp-faq-answer {
	padding:0 11px;
	font-size:12.5px;
	line-height:1.48;
	color:#5F4C56;
}
.shahaz-faq-page .shahaz-sp-faq-open .shahaz-sp-faq-answer {
	padding-bottom:10px;
}


/* Desktop: information-rich, horizontal density without narrowing the page. */
@media (min-width:768px) {
	.shahaz-faq-page { padding-left:0; padding-right:0; }
	.shahaz-faq-page .shahaz-static-brand { padding:20px 24px 12px; }
	.shahaz-faq-page .shahaz-sp-content { padding:6px 24px 30px; }
	.shahaz-faq-page .shahaz-sp-content-inner > p { font-size:15px; }
	.shahaz-faq-page .shahaz-sp-faq { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
	.shahaz-faq-page .shahaz-sp-faq-item { min-width:0; }
}
@media (min-width:1100px) {
	.shahaz-faq-page .shahaz-static-brand { padding-left:70px; padding-right:70px; }
	.shahaz-faq-page .shahaz-static-actions { right:24px; top:18px; }
	.shahaz-faq-page .shahaz-sp-content { padding-left:32px; padding-right:32px; }
	.shahaz-faq-page .shahaz-sp-content-inner { max-width:none; }
	.shahaz-faq-page .shahaz-sp-faq { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767px) {
	.shahaz-faq-page .shahaz-static-actions { justify-content:flex-start; overflow-x:auto; gap:14px; }
	.shahaz-faq-page .shahaz-sp-content-inner > p { padding:9px 11px; }
	.shahaz-faq-page .shahaz-sp-faq-question { font-size:12.5px; }
}