/* ============================================
   ouhihijab — Styles responsive
   Breakpoints : 1024px / 768px / 576px / 375px
   ============================================ */

.mobile-bottom-nav { display: none; }

/* ============================================
   ≤ 1024px — Tablette
   ============================================ */
@media (max-width: 1024px) {
	.container { padding: 0 24px; }
	.section { padding: 72px 0; }

	.top-menu-bar { display: none; }

	.main-navigation { display: none; }
	.mobile-menu-toggle { display: flex; }
	.header-actions { gap: 14px; }

	.hero-slide-panel { max-width: 460px; padding: 0 24px 0 40px; }
	.hero-title { font-size: clamp(34px, 7vw, 56px); }
	.hero-scroll-indicator { display: none; }

	.categories-asymmetric-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 220px);
	}
	.cat-card-1 { grid-column: 1 / 3; grid-row: 1 / 2; }
	.cat-card-2 { grid-column: 1 / 2; grid-row: 2 / 3; }
	.cat-card-3 { grid-column: 2 / 3; grid-row: 2 / 3; }
	.cat-card-4 { grid-column: 1 / 3; grid-row: 3 / 4; }

	.editorial-banner-section { grid-template-columns: 1fr; }
	.editorial-banner-media { min-height: 340px; }
	.editorial-banner-content { padding: 56px 40px; }

	.trust-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; }
	.trust-item { border-left: none; padding-left: 0; padding-top: 24px; border-top: 1px solid var(--color-border); }
	.trust-item:first-child, .trust-item:nth-child(2) { border-top: none; padding-top: 0; }

	.footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
	.footer-brand { grid-column: 1 / 3; }

	.about-story-grid { grid-template-columns: 1fr; gap: 48px; }
	.about-story-image { position: static; }
	.values-grid { grid-template-columns: repeat(2, 1fr); }
	.connect-grid { grid-template-columns: 1fr; gap: 40px; }

	.contact-grid { grid-template-columns: 1fr; }
	.content-area-with-sidebar { grid-template-columns: 1fr; }
	.content-sidebar { order: 2; }

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

	ul.products { grid-template-columns: repeat(3, 1fr) !important; }
}

/* ============================================
   ≤ 768px — Mobile large
   ============================================ */
@media (max-width: 768px) {
	.container { padding: 0 20px; }
	.section { padding: 56px 0; }

	.top-bar-links { display: none; }

	body { padding-bottom: 64px; }
	.mobile-bottom-nav { display: flex; }
	.ouhihijab-whatsapp-float { bottom: 76px; width: 48px; height: 48px; }

	.hero-slider { min-height: 560px; }
	.hero-slide-panel { max-width: 100%; padding: 0 20px; align-items: flex-start; text-align: left; }
	.hero-frame-mark { display: none; }
	.hero-slide-overlay { background: linear-gradient(180deg, rgba(42,33,30,0.35) 0%, rgba(42,33,30,0.75) 100%); }
	.hero-slider-controls { bottom: 24px; }
	.hero-slider-controls .container { padding: 0 20px; }

	.section-header { margin-bottom: 36px; }
	.section-title { font-size: var(--font-size-2xl); }
	.intro-inner { flex-direction: column; gap: 16px; }
	.intro-number { font-size: 40px; }
	.intro-statement { font-size: var(--font-size-xl); }

	.categories-asymmetric-grid { grid-template-columns: 1fr; grid-template-rows: none; gap: 16px; }
	.cat-card-1, .cat-card-2, .cat-card-3, .cat-card-4 { grid-column: auto; grid-row: auto; height: 260px; }

	.editorial-banner-content { padding: 40px 24px; }
	.editorial-banner-title { font-size: var(--font-size-2xl); }

	.trust-grid { grid-template-columns: 1fr; gap: 20px; }
	.trust-item { border-top: 1px solid var(--color-border); padding-top: 20px; }
	.trust-item:first-child { border-top: none; padding-top: 0; }

	.footer-main { padding: 56px 0 32px; }
	.footer-grid { grid-template-columns: 1fr; gap: 32px; }
	.footer-brand { grid-column: auto; }
	.footer-bottom-inner { flex-direction: column; text-align: center; }

	.side-cart { max-width: 100%; }

	.about-hero-section { padding: 110px 0 56px; }
	.about-story-section { padding: 56px 0; }
	.stats-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
	.stat-item { border-left: none; }
	.stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.15); }
	.values-grid { grid-template-columns: 1fr; gap: 28px; }

	.social-links-large { gap: 10px; }

	.posts-grid { grid-template-columns: 1fr; }
	.entry-title { font-size: var(--font-size-2xl); }

	.contact-form-area { padding: 32px 24px; }

	.page-header { padding: 64px 0 36px; }
}

/* ============================================
   ≤ 576px — Mobile
   ============================================ */
@media (max-width: 576px) {
	.container { padding: 0 16px; }
	.section { padding: 48px 0; }

	.header-inner { height: 62px; }
	.logo-sf { font-size: 22px; }
	.logo-hijab { font-size: 12px; letter-spacing: 0.14em; }
	.logo-tag { font-size: 8px; letter-spacing: 0.26em; }
	.header-actions { gap: 10px; }

	.btn { padding: 13px 22px; font-size: 13px; }
	.btn-lg { padding: 15px 28px; }

	.hero-title { font-size: 32px; }
	.hero-description { font-size: var(--font-size-base); }
	.hero-actions { gap: 16px; }

	.about-hero-title { font-size: 40px; }
	.about-brand-name { letter-spacing: 0.2em; }

	.stats-grid { grid-template-columns: 1fr 1fr; }

	.error-code { font-size: 90px; }
	.error-actions { flex-direction: column; width: 100%; }
	.error-actions .btn { width: 100%; justify-content: center; }

	.mobile-menu-panel { width: 100%; max-width: 100%; }

	ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
}

/* ============================================
   ≤ 375px — Petits mobiles
   ============================================ */
@media (max-width: 375px) {
	.container { padding: 0 14px; }

	.top-bar-text { font-size: 11px; }

	.hero-eyebrow { font-size: 11px; }
	.hero-title { font-size: 28px; }

	.section-title { font-size: var(--font-size-xl); }

	.cat-card-1, .cat-card-2, .cat-card-3, .cat-card-4 { height: 220px; }

	.stats-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
	.stat-number { font-size: var(--font-size-2xl); }

	.mobile-bottom-nav .bottom-nav-item span { font-size: 9px; }
}