/* Hajj page: hero photo layer with a slow zoom, WhatsApp button and starting prices on the formula cards.
   The black and gold identity of the Hajj pages is kept. */
.hajj-main-page .hajj-landing-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: min(82vh, 720px);
    background: #0c0b09;
}
.hajj-hero-photo { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.hajj-hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
.hajj-main-page .hajj-landing-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(8, 7, 5, .94), rgba(14, 11, 6, .73) 45%, rgba(14, 11, 6, .24));
}
.motion-ready .hajj-hero-photo img { animation: motion-hero-zoom 9s cubic-bezier(.2, .6, .2, 1) both; }
.motion-ready .hajj-landing-copy > * { animation: motion-rise 1s var(--motion-ease, ease) both; }
.motion-ready .hajj-landing-copy > :nth-child(2) { animation-delay: .15s; }
.motion-ready .hajj-landing-copy > :nth-child(3) { animation-delay: .45s; }
.motion-ready .hajj-landing-copy > :nth-child(4) { animation-delay: .7s; }

.hajj-landing-actions { align-items: center; }
.hajj-hero-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 50px;
    border-radius: 8px;
    padding: 0 20px;
    color: #fff;
    background: #137a3e;
    font-weight: 600;
}
.hajj-hero-whatsapp svg { width: 20px; height: 20px; fill: currentColor; }

.hajj-formula-price { margin: 4px 0 18px; border-top: 1px solid rgba(0, 0, 0, .08); padding-top: 16px; }
html body main .hajj-formula-price small { display: block; color: #6b6558; font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.hajj-formula-price strong { display: block; margin: 2px 0; color: #17130b; font-size: 30px; font-weight: 600; line-height: 1.15; }
html body main .hajj-formula-price .hajj-price-eur { margin: 0 0 4px; color: #4a4336; font-size: 16px; font-weight: 600; letter-spacing: 0; text-transform: none; opacity: 1; }

@media (max-width: 700px) {
    .hajj-main-page .hajj-landing-hero { min-height: 0; }
    .hajj-landing-actions > a { flex: 1 1 auto; justify-content: center; }
    .hajj-formula-price strong { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
    .hajj-hero-photo img, .hajj-landing-copy > * { animation: none !important; }
}