/**
 * Hindutva Bharat — Responsive Styles
 */

@media (max-width: 1024px) {
	.hb-footer-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.hb-gita-card {
		grid-template-columns: 1fr;
		padding: 36px;
	}

	.hb-layout {
		grid-template-columns: 1fr;
	}

	.hb-sidebar {
		position: static;
	}

	.hb-hero-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.hb-quick-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.hb-video-layout {
		grid-template-columns: 1fr;
	}

	.hb-shloka-premium .hb-shloka-layout {
		grid-template-columns: 1fr;
	}

	.hb-shloka-visual {
		min-height: 200px;
		order: -1;
	}

	.hb-hero-float-1 { left: 4%; }
	.hb-hero-float-2 { right: 4%; }

	.hb-sanatan-hero-grid,
	.hb-sanatan-split,
	.hb-sanatan-life-grid,
	.hb-sanatan-ritual {
		grid-template-columns: 1fr;
	}

	.hb-sanatan-banner {
		min-height: 300px;
	}

	.hb-sanatan-banner-overlay {
		min-height: 300px;
	}

	.hb-sanatan-topics-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.hb-sanatan-explore-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.hb-sanatan-values-row {
		grid-template-columns: repeat(3, 1fr);
	}

	.hb-sanatan-nature-row {
		grid-template-columns: repeat(3, 1fr);
	}

	.hb-sanatan-icon-strip-row {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 769px) {
	.hb-header-inner {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 20px;
	}

	.hb-branding {
		grid-column: 1;
	}

	.hb-nav {
		grid-column: 2;
		justify-self: center;
		margin-left: 0;
	}

	.hb-header-actions {
		grid-column: 3;
		margin-left: 0;
	}

	.hb-language-switcher--mobile {
		display: none;
	}
}

@media (max-width: 768px) {
	.hb-menu-toggle {
		display: block;
		z-index: 1001;
	}

	.hb-header-inner {
		flex-wrap: wrap;
	}

	.hb-language-switcher--header {
		display: none;
	}

	.hb-language-switcher--mobile {
		display: block;
	}

	.hb-header-actions {
		margin-left: auto;
	}

	.hb-nav {
		position: fixed;
		top: 0;
		right: -100%;
		width: min(320px, 85vw);
		height: 100vh;
		background: var(--hb-white);
		padding: 80px 28px 28px;
		box-shadow: -4px 0 30px rgba(0, 0, 0, 0.15);
		transition: right 0.35s ease;
		overflow-y: auto;
		z-index: 1000;
	}

	.hb-nav.is-open { right: 0; }

	.hb-nav-list {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}

	.hb-nav-list li {
		width: 100%;
		border-bottom: 1px solid rgba(212, 175, 55, 0.15);
	}

	.hb-nav-list a {
		display: block;
		padding: 14px 0;
		width: 100%;
	}

	.hb-nav-overlay {
		position: fixed;
		inset: 0;
		background: rgba(43, 26, 15, 0.5);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.35s ease, visibility 0.35s ease;
		z-index: 999;
	}

	.hb-nav-overlay.is-visible {
		opacity: 1;
		visibility: visible;
	}

	.hb-hero {
		min-height: auto;
	}

	.hb-hero-content {
		padding: 40px 0 0;
	}

	.hb-hero-visual {
		padding-bottom: 20px;
	}

	.hb-hero-float {
		font-size: 0.72rem;
		padding: 8px 12px;
	}

	.hb-hero-float-1 { top: 6%; left: 2%; }
	.hb-hero-float-2 { bottom: 22%; right: 2%; }
	.hb-hero-float-3 { bottom: 4%; left: 4%; }

	.hb-quick-grid {
		grid-template-columns: repeat(2, 1fr);
	}

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

	.hb-hero-om,
	.hb-hero-temple,
	.hb-hero-diya {
		opacity: 0.08;
	}

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

	.hb-shloka-card {
		padding: 32px 24px;
	}

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

	.hb-sanatan-values-row {
		grid-template-columns: repeat(2, 1fr);
	}

	.hb-sanatan-topics-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.hb-sanatan-shloka-inner {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.hb-sanatan-om-frame {
		width: min(100%, 300px);
	}

	.hb-shloka-sanskrit {
		font-size: 1.15rem;
	}

	.hb-card-grid,
	.hb-card-grid-3,
	.hb-card-grid-4 {
		grid-template-columns: 1fr;
	}

	.hb-footer-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.hb-hero-actions {
		flex-direction: column;
	}

	.hb-hero-actions .hb-btn {
		width: 100%;
	}

	.hb-newsletter-form {
		flex-direction: column;
	}

	.hb-newsletter-form input[type="email"],
	.hb-newsletter-form .hb-btn {
		width: 100%;
	}

	.hb-search-form {
		flex-direction: column;
	}

	.hb-tagline {
		display: none;
	}
}

@media (max-width: 480px) {
	.hb-header-inner {
		padding: 10px 0;
	}

	.hb-site-title {
		font-size: 1.1rem;
	}

	.hb-om-icon {
		width: 34px;
		height: 34px;
		font-size: 1rem;
	}

	.hb-gita-card {
		padding: 28px 20px;
	}

	.hb-quick-grid {
		grid-template-columns: 1fr;
	}

	.hb-shloka-premium .hb-shloka-card {
		padding: 28px 20px;
	}

	.hb-shloka-actions .hb-btn {
		width: 100%;
	}

	.hb-video-info-card {
		padding: 24px 20px;
	}

	.hb-sanatan-values-row,
	.hb-sanatan-topics-grid,
	.hb-sanatan-explore-grid,
	.hb-sanatan-nature-row,
	.hb-sanatan-icon-strip-row {
		grid-template-columns: 1fr 1fr;
	}

	.hb-sanatan-ritual {
		padding: 20px;
	}
}