/* Umrah page overrides. Loaded after the shared site stylesheet. */
.umrah-hero { position: relative; height: 180px; background: #f9f8f4 url('https://alarafat.com/wp-content/uploads/2025/09/Al-Arafat-Website-Work.png') center / cover no-repeat; }
.umrah-booking { position: absolute; top: 48px; left: 50%; width: min(650px, calc(100% - 36px)); transform: translateX(-50%); }
.umrah-packages { padding-top: 14px; padding-bottom: 42px; }
.umrah-packages .section-heading { margin-bottom: 25px; }
.umrah-packages .section-heading h1 { margin: 0; color: var(--gold); font-size: 28px; line-height: 1.3; }
.umrah-packages .package-info h2 { min-height: 24px; margin: 0 0 7px; font-size: 14px; font-weight: 600; line-height: 1.45; }
.umrah-packages .package-price { min-height: 38px; align-items: center; padding-top: 5px; font-size: 11px; }
.umrah-guide { padding-top: 4px; }
.umrah-guide .article-opening { margin-bottom: 28px; }
.umrah-guide-section { margin-bottom: 28px; }
.umrah-guide-section h3, .umrah-faq h2 { margin: 0 0 12px; color: var(--gold); font-size: 25px; line-height: 1.3; }
.umrah-guide-section p { margin: 0 0 14px; }
.umrah-feature { margin-bottom: 40px; }
.umrah-feature img { aspect-ratio: 1.25; }
.ritual-list { margin: 0; padding-left: 20px; }
.ritual-list li { margin-bottom: 7px; }
.umrah-faq { margin: 0 0 46px; }
.umrah-faq h2 { color: var(--ink); }
.umrah-faq details { border-bottom: 1px solid var(--line); }
.umrah-faq summary { padding: 11px 4px; cursor: pointer; color: #41484f; font-size: 14px; }
.umrah-faq details p { margin: 0; padding: 0 4px 12px; color: #68717a; font-size: 13px; }
.umrah-reviews { padding: 38px 0 55px; background: #f5f6f7; }
.umrah-reviews h2 { margin: 0 0 24px; font-size: 22px; }

@media (max-width: 640px) {
	.umrah-hero { height: 225px; background-position: center; }
	.umrah-booking { top: 128px; }
	.umrah-packages { padding-top: 92px; padding-bottom: 32px; }
	.umrah-packages .section-heading { margin-bottom: 26px; }
	.umrah-packages .section-heading h1 { font-size: 29px; }
	.umrah-packages .package-grid { gap: 14px; }
	.umrah-packages .package-image { aspect-ratio: 1.5; }
	.umrah-packages .package-info { padding: 14px 18px 10px; }
	.umrah-packages .package-info h2 { margin-bottom: 10px; font-size: 15px; }
	.umrah-packages .package-price { min-height: 48px; font-size: 13px; }
	.umrah-guide { padding-top: 9px; padding-bottom: 38px; font-size: 14px; line-height: 1.8; text-align: justify; }
	.umrah-guide .article-heading h2 { font-size: 27px; }
	.umrah-guide-section { margin-bottom: 34px; }
	.umrah-guide-section h3, .umrah-faq h2 { font-size: 25px; }
	.umrah-feature { margin-bottom: 35px; }
	.umrah-feature img { aspect-ratio: 1.45; }
	.umrah-faq { margin-bottom: 35px; }
	.umrah-reviews { padding: 26px 0 34px; }
	.umrah-reviews h2 { margin-bottom: 17px; font-size: 20px; }
}