/* Visual hierarchy for public Umrah preparation. It does not alter religious or official guidance. */
.umrah-journey-page {
  background:
    linear-gradient(90deg, #081116f5 0%, #081116e4 45%, #0811168c 69%, #08111642 100%),
    url('/static/images/guide/makkah-masjid-al-haram-cc-by-3.jpg') top center / cover fixed !important;
}
.umrah-women-journey-page {
  background-image:
    linear-gradient(90deg, #0a1114f6 0%, #0a1114e7 45%, #0a111499 69%, #0a11144b 100%),
    url('/static/images/academy/academy-umrah-women-v1.png') !important;
}
.umrah-journey-page header { background:#081217dc; border-bottom-color:#dfbf6b69; backdrop-filter:blur(10px); }
.umrah-journey-page main { padding-top:clamp(3.4rem,7vw,5.9rem); }
.umrah-journey-page main > h1 { color:#ffe5a8; text-shadow:0 2px 25px #000d; }
.umrah-journey-page main > .lead { max-width:800px; color:#e1d8c8; }
.umrah-journey-page main > section { padding:clamp(1.3rem,3vw,2rem); border:1px solid #e1c06b4e; background:linear-gradient(135deg,#0e2027ed,#162019df); box-shadow:0 18px 42px #00000032,inset 0 1px #ffffff0a; backdrop-filter:blur(5px); }
.umrah-journey-page main > section.status { border-left:3px solid #f1c96e; border-color:#e4c4747b; background:linear-gradient(110deg,#26352cee,#292218e4); }
.umrah-journey-page .grid > * { border-color:#e1c06b4f; background:linear-gradient(145deg,#132a33ed,#182018e6); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.umrah-journey-page .grid > * strong { color:#ffe0a0; }.umrah-journey-page .grid > * small { color:#ded7c9; }
@media(hover:hover){.umrah-journey-page .grid > *:hover{transform:translateY(-4px);border-color:#f5d98b;box-shadow:0 17px 31px #0008}}
@media(max-width:700px){.umrah-journey-page{background-attachment:scroll!important;background-position:60% top!important}.umrah-journey-page main{padding-top:3rem}.umrah-journey-page main > section{padding:1.2rem}}
@media(prefers-reduced-motion:reduce){.umrah-journey-page .grid > *{transition:none}}