/**
 * Hindutva Bharat — Main Styles
 * Sanatan Wisdom for Every Home
 */

:root {
	--hb-primary: #FF7A00;
	--hb-secondary: #D4AF37;
	--hb-bg: #FFF8EA;
	--hb-text: #2B1A0F;
	--hb-accent: #9B1C1C;
	--hb-white: #FFFFFF;
	--hb-font-heading: 'Playfair Display', 'Tiro Devanagari Sanskrit', Georgia, serif;
	--hb-font-body: 'Poppins', 'Noto Sans', sans-serif;
	--hb-radius: 16px;
	--hb-shadow: 0 8px 30px rgba(43, 26, 15, 0.08);
	--hb-shadow-hover: 0 16px 40px rgba(43, 26, 15, 0.14);
	--hb-transition: 0.3s ease;
	--hb-container: 1200px;
}

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

html { scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var(--hb-font-body);
	font-size: 16px;
	line-height: 1.7;
	color: var(--hb-text);
	background: var(--hb-bg);
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a {
	color: var(--hb-accent);
	text-decoration: none;
	transition: color var(--hb-transition);
}

a:hover { color: var(--hb-primary); }

h1, h2, h3, h4, h5, h6 {
	font-family: var(--hb-font-heading);
	font-weight: 600;
	line-height: 1.3;
	color: var(--hb-text);
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.skip-link:focus {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 9999;
	padding: 12px 20px;
	background: var(--hb-primary);
	color: var(--hb-white);
	clip: auto;
	width: auto;
	height: auto;
}

.hb-container {
	width: min(100% - 32px, var(--hb-container));
	margin-inline: auto;
}

/* Header */
.hb-header {
	background: linear-gradient(135deg, var(--hb-white) 0%, #fff5e6 100%);
	border-bottom: 2px solid rgba(212, 175, 55, 0.3);
	position: sticky;
	top: 0;
	z-index: 1000;
	box-shadow: 0 2px 20px rgba(43, 26, 15, 0.06);
}

.hb-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 0;
	flex-wrap: wrap;
}

.hb-header-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}

/* Language Switcher */
.hb-language-switcher ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.hb-language-switcher li {
	margin: 0;
}

.hb-language-switcher a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border: 1.5px solid var(--hb-secondary);
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--hb-text);
	background: var(--hb-white);
	transition: var(--hb-transition);
	line-height: 1.2;
}

.hb-language-switcher a:hover {
	border-color: var(--hb-primary);
	color: var(--hb-primary);
	box-shadow: 0 2px 8px rgba(255, 122, 0, 0.15);
}

.hb-language-switcher li.current-lang a,
.hb-language-switcher li.lang-item-current a {
	background: linear-gradient(135deg, var(--hb-primary), #e56d00);
	border-color: var(--hb-primary);
	color: var(--hb-white);
}

.hb-language-switcher img {
	width: 18px;
	height: auto;
	border-radius: 2px;
}

.hb-language-switcher--mobile {
	display: none;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid rgba(212, 175, 55, 0.25);
}

.hb-language-switcher--footer {
	margin-top: 16px;
}

.hb-branding { flex-shrink: 0; }

.hb-site-title {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--hb-font-heading);
	font-size: 1.35rem;
	font-weight: 700;
	color: var(--hb-text);
}

.hb-om-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--hb-primary), var(--hb-secondary));
	color: var(--hb-white);
	font-size: 1.2rem;
}

.hb-tagline {
	margin: 4px 0 0;
	font-size: 0.8rem;
	color: #6b4c35;
}

.custom-logo-link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.custom-logo-link img,
.custom-logo {
	max-height: 88px;
	width: auto;
	height: auto;
}

.hb-footer-brand .custom-logo-link img,
.hb-footer-brand .custom-logo {
	max-height: 72px;
}

.hb-nav { margin-left: auto; }

.hb-nav-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.hb-nav-list a {
	color: var(--hb-text);
	font-size: 0.92rem;
	font-weight: 500;
	padding: 6px 0;
	position: relative;
}

.hb-nav-list a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: var(--hb-primary);
	transition: width var(--hb-transition);
}

.hb-nav-list a:hover::after,
.hb-nav-list .current-menu-item a::after { width: 100%; }

.hb-menu-toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
}

.hb-hamburger,
.hb-hamburger::before,
.hb-hamburger::after {
	display: block;
	width: 26px;
	height: 3px;
	background: var(--hb-text);
	border-radius: 2px;
	position: relative;
	transition: var(--hb-transition);
}

.hb-hamburger::before,
.hb-hamburger::after {
	content: '';
	position: absolute;
	left: 0;
}

.hb-hamburger::before { top: -8px; }
.hb-hamburger::after { top: 8px; }

.hb-menu-toggle.is-active .hb-hamburger { background: transparent; }
.hb-menu-toggle.is-active .hb-hamburger::before { top: 0; transform: rotate(45deg); }
.hb-menu-toggle.is-active .hb-hamburger::after { top: 0; transform: rotate(-45deg); }

/* Breadcrumbs */
.hb-breadcrumbs {
	background: rgba(255, 255, 255, 0.6);
	padding: 12px 0;
	font-size: 0.88rem;
	border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}

.hb-breadcrumbs .sep { color: var(--hb-secondary); margin: 0 6px; }

/* Buttons */
.hb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 28px;
	border-radius: 50px;
	font-family: var(--hb-font-body);
	font-size: 0.95rem;
	font-weight: 600;
	border: 2px solid transparent;
	cursor: pointer;
	transition: all var(--hb-transition);
	text-align: center;
}

.hb-btn-primary {
	background: linear-gradient(135deg, var(--hb-primary), #e56a00);
	color: var(--hb-white);
	box-shadow: 0 4px 15px rgba(255, 122, 0, 0.35);
}

.hb-btn-primary:hover {
	color: var(--hb-white);
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(255, 122, 0, 0.45);
}

.hb-btn-secondary {
	background: var(--hb-secondary);
	color: var(--hb-text);
}

.hb-btn-secondary:hover { background: #c9a430; color: var(--hb-text); }

.hb-btn-outline {
	background: transparent;
	border-color: var(--hb-white);
	color: var(--hb-white);
}

.hb-btn-outline:hover {
	background: var(--hb-white);
	color: var(--hb-accent);
}

.hb-section .hb-btn-outline {
	border-color: var(--hb-primary);
	color: var(--hb-primary);
}

.hb-section .hb-btn-outline:hover {
	background: var(--hb-primary);
	color: var(--hb-white);
}

/* Hero */
.hb-hero {
	position: relative;
	min-height: 520px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: linear-gradient(135deg, #ff9a3d 0%, var(--hb-primary) 35%, var(--hb-accent) 100%);
	color: var(--hb-white);
}

.hb-hero-bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.hb-hero-pattern {
	position: absolute;
	inset: 0;
	opacity: 0.12;
	background-image: radial-gradient(circle at 20% 50%, var(--hb-white) 1px, transparent 1px),
		radial-gradient(circle at 80% 30%, var(--hb-white) 1px, transparent 1px);
	background-size: 40px 40px;
}

.hb-hero-om,
.hb-hero-temple,
.hb-hero-diya {
	position: absolute;
	opacity: 0.15;
	border-radius: 50%;
	object-fit: cover;
}

.hb-hero-om { width: 200px; right: 10%; top: 15%; }
.hb-hero-temple { width: 280px; left: 5%; bottom: 10%; border-radius: var(--hb-radius); }
.hb-hero-diya { width: 120px; right: 25%; bottom: 20%; }

.hb-hero-content {
	position: relative;
	z-index: 1;
	padding: 80px 0;
	max-width: 720px;
}

.hb-hero-label {
	font-size: 0.9rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 12px;
}

.hb-hero h1 {
	font-size: clamp(2rem, 5vw, 3.2rem);
	color: var(--hb-white);
	margin: 0 0 20px;
}

.hb-hero-subtitle {
	font-size: 1.1rem;
	line-height: 1.8;
	opacity: 0.95;
	margin-bottom: 32px;
}

.hb-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.hb-hero .hb-btn-outline {
	border-color: var(--hb-white);
	color: var(--hb-white);
}

.hb-hero .hb-btn-outline:hover {
	background: var(--hb-white);
	color: var(--hb-accent);
}

/* Sections */
.hb-section {
	padding: 70px 0;
}

.hb-section:nth-child(even) {
	background: rgba(255, 255, 255, 0.5);
}

.hb-section-title {
	text-align: center;
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	margin: 0 0 40px;
	position: relative;
}

.hb-section-title::after {
	content: 'ॐ';
	display: block;
	font-size: 1.2rem;
	color: var(--hb-secondary);
	margin-top: 8px;
	opacity: 0.7;
}

.hb-section-desc {
	text-align: center;
	max-width: 600px;
	margin: -20px auto 30px;
	color: #5a4030;
}

.hb-section-action {
	text-align: center;
	margin-top: 36px;
}

.hb-section-empty {
	text-align: center;
	color: #7a5c45;
	font-style: italic;
}

/* Cards */
.hb-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 28px;
}

.hb-card-grid-3 { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.hb-card-grid-4 { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }

.hb-card {
	background: var(--hb-white);
	border-radius: var(--hb-radius);
	overflow: hidden;
	box-shadow: var(--hb-shadow);
	transition: transform var(--hb-transition), box-shadow var(--hb-transition);
	border: 1px solid rgba(212, 175, 55, 0.15);
}

.hb-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--hb-shadow-hover);
}

.hb-card-image {
	overflow: hidden;
	aspect-ratio: 4 / 2.8;
	background: linear-gradient(135deg, #fff0d6, #ffe4b8);
}

.hb-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.hb-card:hover .hb-card-image img { transform: scale(1.08); }

.hb-card-body { padding: 22px; }

.hb-card-badge {
	display: inline-block;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--hb-accent);
	background: rgba(155, 28, 28, 0.08);
	padding: 4px 12px;
	border-radius: 20px;
	margin-bottom: 10px;
}

.hb-card-title {
	font-size: 1.15rem;
	margin: 0 0 10px;
}

.hb-card-title a { color: var(--hb-text); }
.hb-card-title a:hover { color: var(--hb-primary); }

.hb-card-excerpt,
.hb-card-shloka {
	font-size: 0.92rem;
	color: #5a4030;
	margin: 0 0 14px;
}

.hb-card-shloka {
	font-family: var(--hb-font-heading);
	font-style: italic;
}

.hb-card-link {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--hb-primary);
}

/* Shloka card section */
.hb-shloka-card {
	max-width: 800px;
	margin: 0 auto;
	background: linear-gradient(145deg, var(--hb-white), #fff9f0);
	border-radius: var(--hb-radius);
	padding: 48px 40px;
	text-align: center;
	box-shadow: var(--hb-shadow);
	border: 2px solid rgba(212, 175, 55, 0.25);
	position: relative;
}

.hb-shloka-ornament {
	font-size: 2.5rem;
	color: var(--hb-secondary);
	margin-bottom: 20px;
}

.hb-shloka-sanskrit {
	font-family: 'Tiro Devanagari Sanskrit', var(--hb-font-heading);
	font-size: 1.4rem;
	line-height: 1.9;
	color: var(--hb-accent);
	margin-bottom: 24px;
}

.hb-shloka-hindi,
.hb-shloka-english {
	text-align: left;
	margin-bottom: 12px;
	color: #4a3528;
}

.hb-shloka-source {
	font-style: italic;
	color: var(--hb-secondary);
	margin: 20px 0 28px;
}

/* Gita section */
.hb-gita-card {
	display: grid;
	grid-template-columns: 1.2fr 0.8fr;
	gap: 40px;
	align-items: center;
	background: linear-gradient(135deg, var(--hb-accent), #7a1515);
	color: var(--hb-white);
	border-radius: var(--hb-radius);
	padding: 50px;
	box-shadow: var(--hb-shadow);
}

.hb-gita-card .hb-section-title { text-align: left; color: var(--hb-white); }
.hb-gita-card .hb-section-title::after { text-align: left; color: var(--hb-secondary); }
.hb-gita-card p { font-size: 1.05rem; line-height: 1.8; margin-bottom: 24px; }

.hb-gita-visual img {
	border-radius: var(--hb-radius);
	opacity: 0.9;
	max-height: 280px;
	object-fit: cover;
	margin: 0 auto;
}

/* Newsletter */
.hb-newsletter {
	background: linear-gradient(135deg, #fff5e6, #ffe8cc);
}

.hb-newsletter-inner {
	text-align: center;
	max-width: 640px;
	margin: 0 auto;
}

.hb-newsletter-form {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin-top: 24px;
}

.hb-newsletter-form input[type="email"] {
	flex: 1;
	min-width: 240px;
	padding: 14px 20px;
	border: 2px solid rgba(212, 175, 55, 0.4);
	border-radius: 50px;
	font-family: var(--hb-font-body);
	font-size: 1rem;
	background: var(--hb-white);
}

.hb-newsletter-form input:focus {
	outline: none;
	border-color: var(--hb-primary);
}

/* Layout */
.hb-layout {
	display: block;
	padding: 50px 0;
}

.hb-content-area { min-width: 0; }

.hb-sidebar {
	background: var(--hb-white);
	border-radius: var(--hb-radius);
	padding: 28px;
	box-shadow: var(--hb-shadow);
	height: fit-content;
	position: sticky;
	top: 100px;
}

.hb-sidebar .widget-title {
	font-size: 1.1rem;
	margin: 0 0 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--hb-secondary);
}

/* Single post */
.hb-single-featured {
	border-radius: var(--hb-radius);
	overflow: hidden;
	margin-bottom: 28px;
	box-shadow: var(--hb-shadow);
}

.hb-single-title {
	font-size: clamp(1.8rem, 4vw, 2.5rem);
	margin-bottom: 12px;
}

.hb-single-meta {
	font-size: 0.9rem;
	color: #7a5c45;
	margin-bottom: 28px;
}

.hb-single-meta .sep { margin: 0 10px; }

.hb-entry-content {
	font-size: 1.02rem;
}

.hb-entry-content p { margin-bottom: 1.2em; }

.hb-meta-block {
	background: #fff9f0;
	border-left: 4px solid var(--hb-primary);
	padding: 24px 28px;
	border-radius: 0 var(--hb-radius) var(--hb-radius) 0;
	margin-bottom: 28px;
}

.hb-meta-item h3 {
	font-size: 1rem;
	color: var(--hb-accent);
	margin: 0 0 8px;
}

.hb-meta-item + .hb-meta-item { margin-top: 20px; }

.hb-meta-text {
	white-space: pre-line;
	line-height: 1.8;
}

.hb-related-posts {
	margin-top: 50px;
	padding-top: 40px;
	border-top: 2px solid rgba(212, 175, 55, 0.2);
}

.hb-related-posts h2 {
	margin-bottom: 28px;
}

/* Archive & Page */
.hb-archive-wrap,
.hb-page-wrap,
.hb-search-wrap {
	padding: 50px 0;
}

.hb-archive-title,
.hb-page-title,
.hb-search-title {
	font-size: clamp(1.8rem, 4vw, 2.4rem);
	margin-bottom: 16px;
}

.hb-page-header { margin-bottom: 32px; }

.hb-page-intro { color: #5a4030; font-size: 1.05rem; }

.hb-entry-content section {
	margin-bottom: 36px;
}

.hb-entry-content section h2 {
	font-size: 1.4rem;
	color: var(--hb-accent);
	margin-bottom: 12px;
}

.hb-gita-quote {
	background: #fff9f0;
	border-left: 4px solid var(--hb-secondary);
	padding: 24px 28px;
	margin: 20px 0;
	border-radius: 0 var(--hb-radius) var(--hb-radius) 0;
	font-style: italic;
}

.hb-gita-quote cite {
	display: block;
	margin-top: 12px;
	font-style: normal;
	font-weight: 600;
	color: var(--hb-accent);
}

/* Contact form */
.hb-contact-form {
	max-width: 640px;
}

.hb-form-row {
	margin-bottom: 20px;
}

.hb-form-row label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}

.hb-form-row input,
.hb-form-row textarea {
	width: 100%;
	padding: 12px 16px;
	border: 2px solid rgba(212, 175, 55, 0.3);
	border-radius: 10px;
	font-family: var(--hb-font-body);
	font-size: 1rem;
	background: var(--hb-white);
	transition: border-color var(--hb-transition);
}

.hb-form-row input:focus,
.hb-form-row textarea:focus {
	outline: none;
	border-color: var(--hb-primary);
}

/* Search */
.hb-search-form {
	display: flex;
	gap: 10px;
	margin-bottom: 36px;
}

.hb-search-field {
	flex: 1;
	padding: 12px 18px;
	border: 2px solid rgba(212, 175, 55, 0.3);
	border-radius: 50px;
	font-size: 1rem;
}

/* 404 */
.hb-404 {
	min-height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 60px 0;
}

.hb-404-icon {
	font-size: 4rem;
	color: var(--hb-secondary);
	margin-bottom: 20px;
}

.hb-404 h1 {
	font-size: 2.5rem;
	margin-bottom: 12px;
}

.hb-404 p {
	color: #5a4030;
	margin-bottom: 28px;
}

/* Footer */
.hb-footer {
	background: linear-gradient(180deg, #2b1a0f, #1a1008);
	color: rgba(255, 255, 255, 0.85);
	padding: 60px 0 0;
	margin-top: 40px;
}

.hb-footer-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 36px;
	padding-bottom: 40px;
}

.hb-footer-logo-text {
	font-family: var(--hb-font-heading);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--hb-white);
}

.hb-footer-desc {
	font-size: 0.9rem;
	line-height: 1.7;
	margin-top: 14px;
	color: rgba(255, 255, 255, 0.7);
}

.hb-footer-title {
	color: var(--hb-secondary);
	font-size: 1rem;
	margin: 0 0 16px;
}

.hb-footer-links,
.hb-footer-contact {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hb-footer-links li,
.hb-footer-contact li {
	margin-bottom: 10px;
}

.hb-footer a {
	color: rgba(255, 255, 255, 0.8);
}

.hb-footer a:hover { color: var(--hb-primary); }

.hb-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px 0;
	text-align: center;
	font-size: 0.88rem;
	color: rgba(255, 255, 255, 0.6);
}

/* Pagination */
.navigation.pagination {
	margin-top: 40px;
	text-align: center;
}

.nav-links {
	display: inline-flex;
	gap: 8px;
	flex-wrap: wrap;
}

.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	border-radius: 10px;
	background: var(--hb-white);
	color: var(--hb-text);
	border: 1px solid rgba(212, 175, 55, 0.3);
	font-weight: 500;
}

.page-numbers.current,
.page-numbers:hover {
	background: var(--hb-primary);
	color: var(--hb-white);
	border-color: var(--hb-primary);
}

.hb-no-results {
	text-align: center;
	padding: 40px;
	color: #7a5c45;
}

/* ============================================================
   Premium Homepage — Hero, Quick Explore, Video, Cards
   ============================================================ */

.hb-section {
	padding: 48px 0;
}

.hb-section-head {
	text-align: center;
	margin-bottom: 32px;
}

.hb-section-title-left {
	text-align: left;
}

.hb-section-title-left::after {
	text-align: left;
}

.hb-section-title-light {
	color: var(--hb-white);
}

.hb-section-title-light::after {
	color: rgba(255, 255, 255, 0.85);
}

.hb-section-desc-light {
	color: rgba(255, 255, 255, 0.9);
}

/* Premium Hero */
.hb-hero-premium {
	min-height: auto;
	background: linear-gradient(135deg, #ff9a3d 0%, var(--hb-primary) 40%, #c45a00 100%);
}

.hb-hero-premium .hb-hero-bg {
	background-size: cover;
	background-position: center;
}

.hb-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(43, 26, 15, 0.75) 0%, rgba(255, 122, 0, 0.55) 50%, rgba(155, 28, 28, 0.45) 100%);
}

.hb-hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
	padding: 48px 0 56px;
}

.hb-hero-premium .hb-hero-content {
	max-width: none;
	padding: 0;
}

.hb-hero-visual {
	position: relative;
}

.hb-hero-image-card {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
	border: 3px solid rgba(212, 175, 55, 0.5);
}

.hb-hero-main-img {
	width: 100%;
	height: auto;
	min-height: 320px;
	object-fit: cover;
	display: block;
}

.hb-hero-play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(43, 26, 15, 0.25);
	border: none;
	cursor: pointer;
	transition: background var(--hb-transition);
}

.hb-hero-play:hover {
	background: rgba(43, 26, 15, 0.4);
}

.hb-hero-play-ring {
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.6);
	animation: hb-pulse 2s ease infinite;
}

.hb-hero-play-icon {
	position: relative;
	z-index: 1;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--hb-primary), var(--hb-secondary));
	color: var(--hb-white);
	border-radius: 50%;
	font-size: 1.4rem;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

@keyframes hb-pulse {
	0%, 100% { transform: scale(1); opacity: 0.8; }
	50% { transform: scale(1.12); opacity: 0.4; }
}

.hb-hero-float {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--hb-white);
	color: var(--hb-text);
	padding: 10px 16px;
	border-radius: 50px;
	font-size: 0.82rem;
	font-weight: 600;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	white-space: nowrap;
}

.hb-hero-float-om {
	color: var(--hb-accent);
	font-size: 1.1rem;
}

.hb-hero-float-1 { top: 12%; left: -8%; animation: hb-float 4s ease-in-out infinite; }
.hb-hero-float-2 { bottom: 28%; right: -6%; animation: hb-float 4s ease-in-out infinite 0.5s; }
.hb-hero-float-3 { bottom: 8%; left: 8%; animation: hb-float 4s ease-in-out infinite 1s; }

@keyframes hb-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}

.hb-btn-video {
	background: rgba(255, 255, 255, 0.15);
	border: 2px solid var(--hb-white);
	color: var(--hb-white);
	backdrop-filter: blur(4px);
}

.hb-btn-video:hover {
	background: var(--hb-white);
	color: var(--hb-accent);
}

.hb-play-icon {
	margin-right: 6px;
	font-size: 0.85rem;
}

.hb-btn-hero-outline {
	border-color: var(--hb-white);
	color: var(--hb-white);
}

.hb-btn-hero-outline:hover {
	background: var(--hb-white);
	color: var(--hb-accent);
}

.hb-btn-sm {
	padding: 8px 18px;
	font-size: 0.85rem;
}

/* Quick Explore */
.hb-quick-explore {
	padding-top: 32px;
	margin-top: -20px;
	position: relative;
	z-index: 2;
}

.hb-quick-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}

.hb-quick-card {
	display: flex;
	flex-direction: column;
	background: var(--hb-white);
	border-radius: var(--hb-radius);
	overflow: hidden;
	box-shadow: var(--hb-shadow);
	border: 1px solid rgba(212, 175, 55, 0.2);
	transition: transform var(--hb-transition), box-shadow var(--hb-transition);
	color: var(--hb-text);
}

.hb-quick-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--hb-shadow-hover);
	color: var(--hb-text);
}

.hb-quick-card-img {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: linear-gradient(135deg, #fff0d6, #ffe4b8);
}

.hb-quick-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.hb-quick-card:hover .hb-quick-card-img img {
	transform: scale(1.06);
}

.hb-quick-icon {
	position: absolute;
	bottom: 8px;
	right: 8px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--hb-white);
	border-radius: 50%;
	font-size: 1.1rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.hb-quick-card-body {
	padding: 14px 16px 18px;
}

.hb-quick-title {
	font-size: 0.95rem;
	margin: 0 0 6px;
	line-height: 1.35;
}

.hb-quick-desc {
	font-size: 0.78rem;
	color: #6b4c35;
	margin: 0;
	line-height: 1.5;
}

/* Shloka Premium */
.hb-shloka-premium .hb-shloka-layout {
	display: grid;
	grid-template-columns: 1.4fr 0.6fr;
	gap: 32px;
	align-items: stretch;
}

.hb-shloka-premium .hb-shloka-card {
	max-width: none;
	margin: 0;
	text-align: left;
	padding: 36px 40px;
}

.hb-shloka-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.hb-shloka-visual {
	position: relative;
	border-radius: var(--hb-radius);
	overflow: hidden;
	background: linear-gradient(145deg, #fff5e6, #ffe8cc);
	box-shadow: var(--hb-shadow);
	min-height: 280px;
}

.hb-shloka-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 280px;
}

.hb-shloka-om-badge {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	font-size: 2.2rem;
	color: var(--hb-accent);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Featured Video */
.hb-video-layout {
	display: grid;
	grid-template-columns: 1.2fr 0.8fr;
	gap: 32px;
	align-items: stretch;
}

.hb-video-responsive {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: var(--hb-radius);
	background: #1a1008;
	box-shadow: var(--hb-shadow);
}

.hb-video-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.hb-video-cover {
	position: relative;
	border-radius: var(--hb-radius);
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: linear-gradient(135deg, #ff9a3d, var(--hb-accent));
}

.hb-video-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hb-video-cover-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--hb-white);
	border-radius: 50%;
	font-size: 1.2rem;
	color: var(--hb-accent);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.hb-video-info-card {
	background: var(--hb-white);
	border-radius: var(--hb-radius);
	padding: 32px;
	box-shadow: var(--hb-shadow);
	border: 1px solid rgba(212, 175, 55, 0.2);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hb-video-info-title {
	font-size: 1.35rem;
	margin: 0 0 14px;
	color: var(--hb-accent);
}

.hb-video-info-desc {
	color: #5a4030;
	margin: 0 0 24px;
	line-height: 1.7;
}

.hb-video-hint {
	font-size: 0.9rem;
	color: #7a5c45;
	font-style: italic;
	margin: 0;
}

/* Enhanced Cards */
.hb-card-image-link {
	display: block;
}

.hb-card-meta {
	display: block;
	font-size: 0.82rem;
	color: var(--hb-secondary);
	font-weight: 600;
	margin-bottom: 8px;
}

.hb-card-mantra {
	font-family: var(--hb-font-heading);
	font-style: italic;
	color: var(--hb-accent);
}

.hb-card-badge-type {
	background: linear-gradient(135deg, rgba(255, 122, 0, 0.12), rgba(212, 175, 55, 0.15));
	color: var(--hb-primary);
}

.hb-card-blog-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	font-size: 0.8rem;
	color: #7a5c45;
	margin-bottom: 8px;
}

.hb-card-cat {
	color: var(--hb-accent);
	font-weight: 600;
}

.hb-card-round .hb-card-image-round {
	border-radius: 50%;
	aspect-ratio: 1;
	max-width: 180px;
	margin: 20px auto 0;
	border: 3px solid rgba(212, 175, 55, 0.4);
	overflow: hidden;
}

.hb-card-round .hb-card-image-round img {
	border-radius: 50%;
}

.hb-card-round .hb-card-body {
	text-align: center;
}

.hb-card-grid-deity {
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

/* Gita Premium */
.hb-gita-premium {
	background: linear-gradient(135deg, #fff8ea 0%, #ffe8cc 50%, rgba(255, 122, 0, 0.12) 100%);
}

.hb-gita-premium .hb-gita-card {
	background: linear-gradient(135deg, var(--hb-white) 0%, #fff9f0 100%);
	color: var(--hb-text);
	border: 2px solid rgba(212, 175, 55, 0.3);
	padding: 40px;
}

.hb-gita-premium .hb-section-title {
	color: var(--hb-accent);
	text-align: left;
}

.hb-gita-premium .hb-section-title::after {
	text-align: left;
	color: var(--hb-secondary);
}

.hb-gita-text {
	font-size: 1.05rem;
	line-height: 1.8;
	color: #4a3528;
	margin-bottom: 20px;
}

.hb-gita-premium .hb-gita-quote {
	background: linear-gradient(135deg, rgba(255, 122, 0, 0.08), rgba(212, 175, 55, 0.12));
	border-left-color: var(--hb-primary);
	margin: 0 0 24px;
}

.hb-gita-premium .hb-gita-quote p {
	font-family: 'Tiro Devanagari Sanskrit', var(--hb-font-heading);
	font-size: 1.2rem;
	color: var(--hb-accent);
	margin: 0;
}

.hb-gita-premium .hb-gita-visual img {
	max-height: 360px;
	width: 100%;
	border-radius: var(--hb-radius);
	box-shadow: var(--hb-shadow);
	opacity: 1;
}

/* Newsletter Premium */
.hb-newsletter-premium {
	background: linear-gradient(135deg, var(--hb-accent) 0%, #7a1515 40%, var(--hb-primary) 100%);
	color: var(--hb-white);
	padding: 56px 0;
}

.hb-newsletter-premium .hb-newsletter-inner {
	max-width: 680px;
}

.hb-newsletter-icon {
	font-size: 3rem;
	color: var(--hb-secondary);
	margin-bottom: 12px;
	line-height: 1;
}

.hb-newsletter-premium .hb-newsletter-form input[type="email"] {
	border-color: transparent;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Video Modal */
.hb-video-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.hb-video-modal.is-open {
	opacity: 1;
	visibility: visible;
}

.hb-video-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(43, 26, 15, 0.85);
	cursor: pointer;
}

.hb-video-modal-dialog {
	position: relative;
	width: min(900px, 100%);
	background: var(--hb-white);
	border-radius: var(--hb-radius);
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
	transform: scale(0.95);
	transition: transform 0.3s ease;
}

.hb-video-modal.is-open .hb-video-modal-dialog {
	transform: scale(1);
}

.hb-video-modal-close {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(43, 26, 15, 0.7);
	color: var(--hb-white);
	border: none;
	border-radius: 50%;
	font-size: 1.6rem;
	line-height: 1;
	cursor: pointer;
	transition: background var(--hb-transition);
}

.hb-video-modal-close:hover {
	background: var(--hb-accent);
}

.hb-video-modal-body {
	padding: 0;
}

.hb-video-modal-body .hb-video-responsive {
	border-radius: 0;
}

.hb-header {
	box-shadow: 0 4px 24px rgba(43, 26, 15, 0.08);
}

/* ========== Sanatan Dharma Page ========== */
.hb-sanatan {
	overflow: clip;
}

.hb-sanatan-section {
	padding: 56px 0;
}

.hb-sanatan-section-title {
	font-size: clamp(1.45rem, 3vw, 1.9rem);
	color: var(--hb-accent);
	margin: 0 0 28px;
	text-align: center;
	position: relative;
}

.hb-sanatan-section-title::after {
	content: '';
	display: block;
	width: 56px;
	height: 3px;
	margin: 12px auto 0;
	background: linear-gradient(90deg, var(--hb-primary), var(--hb-secondary));
	border-radius: 2px;
}

.hb-sanatan-section-desc {
	text-align: center;
	color: #6a4a38;
	margin: -12px 0 32px;
}

.hb-sanatan-hero {
	padding: 40px 0 56px;
	background:
		radial-gradient(ellipse at 85% 40%, rgba(255, 122, 0, 0.12), transparent 50%),
		radial-gradient(ellipse at 10% 80%, rgba(212, 175, 55, 0.1), transparent 45%),
		linear-gradient(180deg, #fffaf0 0%, var(--hb-bg) 100%);
}

.hb-sanatan-hero-grid {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 40px;
	align-items: center;
}

.hb-sanatan-eyebrow {
	display: inline-block;
	margin: 0 0 10px;
	padding: 6px 14px;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--hb-primary);
	background: rgba(255, 122, 0, 0.1);
	border-radius: 999px;
}

.hb-sanatan-title {
	font-size: clamp(2.4rem, 6vw, 3.6rem);
	color: var(--hb-accent);
	margin: 0 0 18px;
	line-height: 1.15;
}

.hb-sanatan-subtitle {
	font-size: clamp(1.25rem, 2.5vw, 1.55rem);
	color: var(--hb-primary);
	margin: 0 0 14px;
}

.hb-sanatan-lead {
	margin: 0;
	font-size: 1.05rem;
	color: #5a4030;
	max-width: 38ch;
}

.hb-sanatan-hero-visual {
	display: flex;
	justify-content: center;
}

.hb-sanatan-om-frame {
	width: min(100%, 420px);
	aspect-ratio: 1;
	border-radius: 50%;
	overflow: hidden;
	box-shadow:
		0 0 0 8px rgba(212, 175, 55, 0.35),
		0 0 0 16px rgba(155, 28, 28, 0.12),
		0 24px 60px rgba(43, 26, 15, 0.2);
	animation: hb-sanatan-glow 4s ease-in-out infinite;
}

.hb-sanatan-om-frame img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@keyframes hb-sanatan-glow {
	0%, 100% { box-shadow: 0 0 0 8px rgba(212, 175, 55, 0.35), 0 0 0 16px rgba(155, 28, 28, 0.12), 0 24px 60px rgba(43, 26, 15, 0.2); }
	50% { box-shadow: 0 0 0 10px rgba(212, 175, 55, 0.5), 0 0 0 22px rgba(255, 122, 0, 0.14), 0 28px 70px rgba(43, 26, 15, 0.22); }
}

.hb-sanatan-values {
	background: var(--hb-white);
	border-block: 1px solid rgba(212, 175, 55, 0.2);
}

.hb-sanatan-values-row {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.hb-sanatan-value {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
	padding: 12px 8px;
	transition: transform var(--hb-transition);
}

.hb-sanatan-value:hover {
	transform: translateY(-4px);
}

.hb-sanatan-value-icon {
	display: grid;
	place-items: center;
	width: 78px;
	height: 78px;
	font-size: 1.75rem;
	border-radius: 50%;
	border: 2px solid var(--hb-secondary);
	background: linear-gradient(145deg, #fffdf8, #fff3df);
	box-shadow: 0 8px 20px rgba(212, 175, 55, 0.18);
}

.hb-sanatan-value-title {
	font-family: var(--hb-font-heading);
	font-weight: 700;
	font-size: 1.1rem;
	color: var(--hb-accent);
}

.hb-sanatan-value-desc {
	font-size: 0.85rem;
	color: #6a4a38;
}

.hb-sanatan-split {
	display: grid;
	grid-template-columns: 1.3fr 0.7fr;
	gap: 36px;
	align-items: start;
}

.hb-sanatan-pillar-list,
.hb-sanatan-purushartha-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 16px;
}

.hb-sanatan-pillars .hb-sanatan-section-title {
	text-align: left;
}

.hb-sanatan-pillars .hb-sanatan-section-title::after {
	margin-left: 0;
}

.hb-sanatan-pillar {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 14px;
	align-items: start;
	padding: 16px 18px;
	background: var(--hb-white);
	border-radius: var(--hb-radius);
	border: 1px solid rgba(212, 175, 55, 0.22);
	box-shadow: var(--hb-shadow);
	transition: transform var(--hb-transition), box-shadow var(--hb-transition);
}

.hb-sanatan-pillar:hover {
	transform: translateX(4px);
	box-shadow: var(--hb-shadow-hover);
}

.hb-sanatan-pillar-icon {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	font-size: 1.4rem;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(255, 122, 0, 0.12), rgba(212, 175, 55, 0.2));
}

.hb-sanatan-pillar strong {
	display: block;
	color: var(--hb-accent);
	font-size: 1.05rem;
	margin-bottom: 4px;
}

.hb-sanatan-pillar p {
	margin: 0;
	color: #5a4030;
	font-size: 0.95rem;
}

.hb-sanatan-purushartha {
	background: linear-gradient(160deg, #fff9f0, #fff);
	border: 1px solid rgba(212, 175, 55, 0.35);
	border-radius: 20px;
	padding: 28px 24px;
	box-shadow: var(--hb-shadow);
}

.hb-sanatan-aside-title {
	margin: 0 0 20px;
	font-size: 1.35rem;
	color: var(--hb-accent);
	text-align: center;
}

.hb-sanatan-purushartha-list li {
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 12px;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px dashed rgba(212, 175, 55, 0.35);
}

.hb-sanatan-purushartha-list li:last-child {
	border-bottom: 0;
}

.hb-sanatan-purushartha-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	font-size: 1.2rem;
	background: #fff;
	border: 1.5px solid var(--hb-secondary);
}

.hb-sanatan-purushartha strong {
	display: block;
	color: var(--hb-accent);
}

.hb-sanatan-purushartha span {
	font-size: 0.88rem;
	color: #6a4a38;
}

.hb-sanatan-life-grid {
	display: grid;
	grid-template-columns: 1.5fr 0.7fr;
	gap: 28px;
	align-items: stretch;
}

.hb-sanatan-life-main {
	display: grid;
	gap: 36px;
}

.hb-sanatan-ritual {
	display: grid;
	grid-template-columns: 1.2fr 0.8fr;
	gap: 24px;
	align-items: center;
	background: var(--hb-white);
	border-radius: 20px;
	padding: 28px;
	box-shadow: var(--hb-shadow);
}

.hb-sanatan-ritual .hb-sanatan-section-title {
	text-align: left;
}

.hb-sanatan-ritual .hb-sanatan-section-title::after {
	margin-left: 0;
}

.hb-sanatan-ritual-text p {
	margin: 0;
	color: #5a4030;
}

.hb-sanatan-ritual-media {
	margin: 0;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(43, 26, 15, 0.12);
}

.hb-sanatan-ritual-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 200px;
}

.hb-sanatan-nature .hb-sanatan-section-title {
	text-align: left;
}

.hb-sanatan-nature .hb-sanatan-section-title::after {
	margin-left: 0;
}

.hb-sanatan-nature p {
	color: #5a4030;
	margin-bottom: 24px;
}

.hb-sanatan-nature-row {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 14px;
}

.hb-sanatan-nature-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--hb-accent);
}

.hb-sanatan-nature-icon {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	font-size: 1.5rem;
	border-radius: 50%;
	border: 2px solid var(--hb-secondary);
	background: linear-gradient(145deg, #fff, #fff6e8);
	box-shadow: 0 6px 16px rgba(212, 175, 55, 0.15);
	transition: transform var(--hb-transition);
}

.hb-sanatan-nature-item:hover .hb-sanatan-nature-icon {
	transform: scale(1.08);
}

.hb-sanatan-banner {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	min-height: 420px;
	box-shadow: var(--hb-shadow-hover);
}

.hb-sanatan-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	inset: 0;
}

.hb-sanatan-banner-overlay {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	min-height: 420px;
	padding: 28px 22px;
	background: linear-gradient(180deg, transparent 30%, rgba(43, 26, 15, 0.78) 100%);
	color: var(--hb-white);
}

.hb-sanatan-banner-quote {
	margin: 0;
	font-family: var(--hb-font-heading);
	font-size: 1.55rem;
	color: var(--hb-secondary);
}

.hb-sanatan-banner-sub {
	margin: 8px 0 0;
	font-size: 0.95rem;
	opacity: 0.92;
}

.hb-sanatan-topics {
	background: linear-gradient(180deg, #fffaf2, var(--hb-bg));
}

.hb-sanatan-topics-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 18px;
}

.hb-sanatan-topic-card {
	display: flex;
	flex-direction: column;
	background: var(--hb-white);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--hb-shadow);
	color: var(--hb-text);
	transition: transform var(--hb-transition), box-shadow var(--hb-transition);
}

.hb-sanatan-topic-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--hb-shadow-hover);
	color: var(--hb-text);
}

.hb-sanatan-topic-media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
}

.hb-sanatan-topic-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
}

.hb-sanatan-topic-card:hover .hb-sanatan-topic-media img {
	transform: scale(1.06);
}

.hb-sanatan-topic-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px;
	flex: 1;
}

.hb-sanatan-topic-title {
	font-family: var(--hb-font-heading);
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--hb-accent);
}

.hb-sanatan-topic-text {
	font-size: 0.88rem;
	color: #6a4a38;
	line-height: 1.55;
	flex: 1;
}

.hb-sanatan-topic-link {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--hb-primary);
	margin-top: 4px;
}

.hb-sanatan-shloka-banner {
	padding: 48px 0;
	background: linear-gradient(90deg, #ffe8c8 0%, #fff3df 45%, #ffe0b8 100%);
	border-block: 1px solid rgba(212, 175, 55, 0.3);
}

.hb-sanatan-shloka-inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 24px;
	align-items: center;
	text-align: center;
}

.hb-sanatan-shloka-ornament {
	font-size: 2.4rem;
	color: var(--hb-primary);
	opacity: 0.85;
	animation: hb-sanatan-float 3.5s ease-in-out infinite;
}

@keyframes hb-sanatan-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
}

.hb-sanatan-shloka-inner blockquote {
	margin: 0;
}

.hb-sanatan-shloka-inner blockquote p {
	margin: 0;
	font-family: 'Tiro Devanagari Sanskrit', var(--hb-font-heading);
	font-size: clamp(1.05rem, 2.2vw, 1.35rem);
	color: var(--hb-accent);
	line-height: 1.7;
}

.hb-sanatan-shloka-inner footer {
	margin-top: 10px;
	font-size: 0.92rem;
	color: #6a4a38;
}

.hb-sanatan-explore-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.hb-sanatan-explore-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 22px 20px 20px;
	background: var(--hb-white);
	border-radius: 16px;
	border: 1px solid rgba(212, 175, 55, 0.25);
	box-shadow: var(--hb-shadow);
	color: var(--hb-text);
	transition: transform var(--hb-transition), box-shadow var(--hb-transition), border-color var(--hb-transition);
}

.hb-sanatan-explore-card:hover {
	transform: translateY(-4px);
	border-color: var(--hb-primary);
	box-shadow: var(--hb-shadow-hover);
	color: var(--hb-text);
}

.hb-sanatan-explore-icon {
	font-size: 1.7rem;
	margin-bottom: 6px;
}

.hb-sanatan-explore-title {
	font-family: var(--hb-font-heading);
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--hb-accent);
}

.hb-sanatan-explore-desc {
	font-size: 0.88rem;
	color: #6a4a38;
}

.hb-sanatan-explore-arrow {
	position: absolute;
	top: 18px;
	right: 18px;
	color: var(--hb-primary);
	font-weight: 700;
	opacity: 0.7;
	transition: transform var(--hb-transition), opacity var(--hb-transition);
}

.hb-sanatan-explore-card:hover .hb-sanatan-explore-arrow {
	transform: translateX(4px);
	opacity: 1;
}

.hb-sanatan-icon-strip {
	background: linear-gradient(135deg, var(--hb-accent), #7a1515 55%, #a34400);
	color: var(--hb-white);
	padding: 28px 0;
}

.hb-sanatan-icon-strip-row {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}

.hb-sanatan-icon-strip-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
	font-size: 0.85rem;
	font-weight: 600;
}

.hb-sanatan-icon-strip-item span:first-child {
	font-size: 1.6rem;
}