/* Poster-inspired cloth and ivory, scoped to the standard Hajj offer.
   Native CSS aesthetic: DESIGN_VARIANCE 6, MOTION_INTENSITY 3, VISUAL_DENSITY 3.
   The poster's explicit dark cloth / white silk direction governs the palette. */
body.hajj-offer { --ink:#191918; --paper:#faf8f3; --gold:#b28c54; --gold-light:#dfc393; --muted:#625e57; background:var(--paper); color:var(--ink); padding-bottom:0; }
.hajj-offer header { background:#151514; border-bottom:1px solid #c3a16b30; box-shadow:none; position:relative; backdrop-filter:none; }
.hajj-offer .navbar { max-width:1320px; padding:16px 32px; }
.hajj-offer .logo-img { filter:brightness(0) invert(1); }
.hajj-offer .nav-menu li a { color:#f3eee5; background:none; }
.hajj-offer .nav-menu li a.active { color:var(--gold-light); }
.hajj-offer .nav-btn { background:none; color:#f3eee5!important; border:1px solid #a98b5d; border-radius:100px; }
.hajj-offer .menu-toggle { color:#fff; background:none; border:0; min-width:44px; min-height:44px; }
.hajj-offer .nav-btn { white-space:nowrap; font-size:14px; }.hajj-offer .logo-img { height:46px; width:auto; }
.hajj-offer .fa-hand-holding-heart::before { content:"\f4be"; }.hajj-offer .fa-gift::before { content:"\f06b"; }.hajj-offer .fa-arrow-up-right-from-square::before { content:"\f35d"; }.hajj-offer .fa-facebook-f::before { content:"\f39e"; }.hajj-offer .fa-instagram::before { content:"\f16d"; }.hajj-offer .fa-tiktok::before { content:"\e07b"; }
.hajj-offer a:focus-visible,.hajj-offer button:focus-visible { outline:3px solid var(--gold); outline-offset:5px; }
.hajj-skip { position:absolute; right:20px; top:-80px; z-index:3000; padding:12px 20px; background:white; color:#111; }.hajj-skip:focus { top:16px; }
.hajj-hero { position:relative; isolation:isolate; background:#151514; color:#fff; overflow:hidden; padding:64px 32px 150px; }
.hajj-hero::before,.hajj-contact::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.08; background-image:url('../images/hajj-1448-weave.svg?v=db87a81c18b8'); mask-image:linear-gradient(110deg,black,transparent 85%); }
.hajj-hero::after { content:""; position:absolute; inset:auto 0 0; height:115px; background:url('../images/hajj-1448-drape.svg?v=be91dfb85b3e') center bottom/100% 100% no-repeat; z-index:2; }
.hajj-hero-inner { max-width:1200px; margin:auto; display:grid; grid-template-columns:1.15fr 1fr; gap:100px; align-items:center; }
.hajj-season { color:var(--gold-light); font-size:18px; display:block; margin-bottom:20px; }
.hajj-hero h1 { font-size:clamp(48px,5.7vw,82px); font-weight:500; line-height:1.25; letter-spacing:-.03em; margin:0 0 26px; }
.hajj-hero h1 span { display:block; font-size:.4em; color:#ede3d4; margin-top:16px; letter-spacing:0; }
.hajj-hero .hajj-subtitle { font-size:25px; font-weight:500; line-height:1.6; max-width:520px; margin:0 0 18px; }
.hajj-hero p { color:#d1ccc3; font-size:17px; line-height:1.95; max-width:510px; }
.hajj-actions { display:flex; gap:16px; flex-wrap:wrap; margin-top:32px; }
.hajj-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; background:var(--gold-light); color:#201b13; padding:14px 26px; min-height:52px; border-radius:100px; font-weight:700; white-space:nowrap; }
.hajj-button-outline { background:transparent; border:1px solid #a99a83; color:#fff; }
.hajj-hero-image { margin:0; position:relative; padding:12px; border:1px solid #b28c5470; border-radius:220px 220px 12px 12px; }
.hajj-hero-image img { display:block; width:100%; height:430px; object-fit:cover; border-radius:210px 210px 5px 5px; }
.hajj-hero-image::after { content:""; position:absolute; inset:auto 12px 12px; height:90px; background:linear-gradient(transparent,#000b); border-radius:0 0 5px 5px; }
.hajj-hero-image figcaption { position:absolute; bottom:30px; right:30px; left:30px; z-index:1; color:#fff; text-align:center; text-shadow:0 2px 12px black; font-size:16px; }
.hajj-section { max-width:1200px; margin:auto; padding:80px 32px; scroll-margin-top:24px; }
.hajj-section h2 { font-weight:500; font-size:clamp(30px,3vw,46px); line-height:1.5; margin:0 0 16px; }
.hajj-section p { color:var(--muted); font-size:17px; line-height:1.9; }
.hajj-hotel { padding-top:48px; padding-bottom:64px; display:grid; grid-template-columns:1fr auto; gap:48px; align-items:center; }
.hajj-hotel .hajj-city { color:#7f623a; margin-bottom:8px; }
.hajj-distance { display:flex; align-items:center; gap:22px; padding:24px 36px; border-inline-start:1px solid #d1b990; }
.hajj-distance i { font-size:36px; color:#94703e; }
.hajj-distance strong { display:block; font-size:45px; line-height:1.2; font-weight:500; }
.hajj-distance span { display:block; color:var(--muted); margin-top:8px; font-size:16px; }
.hajj-offer .hajj-hero { padding-bottom:170px; }
.hajj-offer .hajj-hero::after { display:none; }
.hajj-cloth-edge { position:absolute; bottom:0; left:0; width:100%; height:140px; display:block; z-index:2; pointer-events:none; }
.hajj-hotel-gallery { padding-top:0; padding-bottom:64px; }
.hajj-hotel-gallery-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.hajj-hotel-gallery h3 { font-size:24px; font-weight:500; }
.hajj-gallery-buttons { display:flex; align-items:center; gap:14px; }.hajj-gallery-buttons[hidden] { display:none; }
.hajj-gallery-buttons button { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; border:1px solid #c5b698; color:#312a20; background:transparent; cursor:pointer; }.hajj-gallery-buttons button:disabled { opacity:.35; cursor:default; }
.hajj-gallery-counter { color:#66573f; font-size:16px; min-width:48px; text-align:center; direction:ltr; }
.hajj-hotel-rail { position:relative; display:flex; gap:20px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#b28c54 #ebe6de; padding-bottom:14px; overscroll-behavior-x:contain; }
.hajj-hotel-view { flex:0 0 70%; min-width:0; scroll-snap-align:center; }
.hajj-hotel-view img { width:100%; height:430px; display:block; object-fit:cover; border-radius:12px; }.hajj-hotel-view:first-child { flex-basis:50%; }.hajj-hotel-view:first-child img { object-fit:contain; background:#ece7dd; }
.hajj-hotel-view figcaption { margin-top:14px; direction:rtl; color:#625e57; font-size:16px; }
.hajj-hotel-gallery .hajj-gallery-note { margin-top:14px; font-size:14px; }
.hajj-gift img { width:100%; height:300px; display:block; object-fit:contain; background:#fff; border-radius:12px; margin-bottom:22px; }
@media(max-width:1000px) { .hajj-gift img { height:250px; } }
@media(max-width:760px) { .hajj-offer .hajj-hero { padding-bottom:140px; }.hajj-cloth-edge { height:110px; }.hajj-hotel-gallery { padding-bottom:48px; }.hajj-hotel-view,.hajj-hotel-view:first-child { flex-basis:88%; }.hajj-hotel-view img { height:300px; }.hajj-hotel-rail { gap:16px; }.hajj-gallery-buttons { gap:8px; }.hajj-hotel-gallery h3 { font-size:21px; }.hajj-gift img { height:230px; } }
@media(max-width:380px) { .hajj-gift img { height:190px; }.hajj-hotel-view img { height:270px; }.hajj-hotel-gallery-heading { flex-wrap:wrap; } }
.hajj-pricing { border-top:1px solid #dfdbd2; }
.hajj-price-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:36px; }
.hajj-price { background:#fff; border:1px solid #dfdbd2; padding:30px 22px 24px; border-radius:12px; display:flex; flex-direction:column; align-items:flex-start; }
.hajj-price .hajj-room-icon { color:#987343; font-size:24px; margin-bottom:26px; }
.hajj-price h3 { font-size:20px; margin-bottom:8px; font-weight:700; }
.hajj-price .hajj-occupancy { font-size:15px; }
.hajj-price .hajj-amount { margin:22px 0 26px; color:var(--ink); display:flex; gap:7px; align-items:baseline; flex-wrap:wrap; }
.hajj-amount bdi { font-size:clamp(28px,2.5vw,38px); font-weight:500; line-height:1.2; }.hajj-amount span { font-size:16px; }
.hajj-price a { margin-top:auto; min-height:48px; width:100%; padding:10px 8px; background:#f1ece3; border-radius:100px; text-align:center; font-weight:700; }
.hajj-madinah { margin-top:24px; padding:22px 0; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.hajj-madinah h3 { font-size:20px; font-weight:500; }.hajj-madinah p { color:#826237; font-size:24px; font-weight:700; }
.hajj-services { background:#eeebe4; }.hajj-services .hajj-section { padding-top:64px; padding-bottom:64px; }
.hajj-services-list { margin:26px 0; display:grid; grid-template-columns:1fr 1fr; gap:36px; }
.hajj-service { display:flex; gap:20px; align-items:center; background:transparent; border-bottom:1px solid #cfc6b7; padding:16px 0 28px; }
.hajj-service i { color:#94703e; font-size:28px; }.hajj-service h3 { font-size:24px; font-weight:500; }.hajj-service p { margin-inline-start:auto; color:#382e1e; font-size:27px; font-weight:700; }
.hajj-services .hajj-note { font-size:15px; max-width:700px; }
.hajj-gift-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; margin-top:40px; }
.hajj-gift { text-align:center; }.hajj-gift svg { display:block; width:100%; height:230px; background:white; border-radius:12px; margin-bottom:22px; }.hajj-gift h3 { font-weight:500; font-size:20px; }
.hajj-gifts .hajj-caption { margin-top:26px; font-size:14px; }
.hajj-poster-link { display:inline-flex; align-items:center; gap:12px; color:#75562f; min-height:48px; margin-top:12px; font-weight:700; }
.hajj-contact { position:relative; isolation:isolate; color:#fff; background:#151514; }
.hajj-contact .hajj-section { padding-top:72px; padding-bottom:72px; }.hajj-contact p { color:#cec9c0; max-width:650px; }.hajj-contact h2 { max-width:650px; }
.hajj-phone-list { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.hajj-phone-list a { border:1px solid #b28c5470; padding:14px 20px; border-radius:100px; min-height:52px; display:flex; gap:14px; align-items:center; font-size:18px; }
.hajj-official { display:inline-flex; align-items:center; margin-top:24px; color:#dfc393; min-height:48px; }
.hajj-vip-teaser { display:flex; gap:24px; align-items:center; justify-content:space-between; border-top:1px solid #dfdbd2; padding-top:32px; padding-bottom:32px; }.hajj-vip-teaser h2 { font-size:25px; margin:0; }.hajj-vip-teaser a { min-height:48px; padding:10px 0; color:#78582d; font-weight:700; }
.hajj-offer .main-footer { background:#151514; border-top:1px solid #ffffff20; margin-top:0; }.hajj-offer .float-whatsapp { background:#191918; color:var(--gold-light); border:1px solid #b28c5480; }
.hajj-offer .footer-col { border:0; background:none; box-shadow:none; backdrop-filter:none; }.hajj-offer .footer-col h2::after { background:var(--gold); }.hajj-offer .main-footer::before { display:none; }
.hajj-offer .footer-col h3 { color:#fff; font-size:18px; margin-bottom:18px; padding-bottom:12px; border-bottom:1px solid #b28c5440; }
.hajj-reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1); }.hajj-reveal.is-visible { opacity:1; transform:none; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .hajj-button:hover { transform:translateY(-2px); }.hajj-price:hover { border-color:var(--gold); }.hajj-price a:hover { background:#e5d8c1; } }
@media(max-width:1000px) { .hajj-hero-inner { gap:48px; }.hajj-hero-image img { height:390px; }.hajj-price-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.hajj-gift-grid { gap:20px; }.hajj-gift svg { height:190px; } }
@media(max-width:760px) { .hajj-offer .navbar { padding:14px 24px; }.hajj-offer .nav-menu.mobile-active { background:#191918; }.hajj-hero { padding:40px 24px 110px; }.hajj-hero-inner { grid-template-columns:1fr; gap:40px; }.hajj-hero h1 { font-size:56px; }.hajj-hero h1 span { font-size:26px; }.hajj-hero .hajj-subtitle { font-size:22px; }.hajj-hero-image { max-width:480px; width:100%; margin:auto; }.hajj-hero-image img { height:300px; }.hajj-hero::after { height:80px; background-size:160% 100%; }.hajj-section { padding:56px 24px; }.hajj-hotel { grid-template-columns:1fr; gap:28px; padding-top:32px; }.hajj-distance { border-inline-start:0; border-top:1px solid #d1b990; padding:26px 0 0; }.hajj-price-grid { gap:14px; }.hajj-price { padding:24px 16px 20px; }.hajj-price h3 { font-size:18px; }.hajj-price .hajj-amount { margin:20px 0; }.hajj-amount bdi { font-size:29px; }.hajj-madinah { flex-direction:column; align-items:flex-start; gap:8px; }.hajj-services-list { grid-template-columns:1fr; gap:8px; }.hajj-service { gap:14px; }.hajj-service p { font-size:24px; }.hajj-gift-grid { grid-template-columns:1fr 1fr; gap:32px 20px; }.hajj-gift svg { height:210px; }.hajj-phone-list { flex-direction:column; align-items:flex-start; }.hajj-contact .hajj-section { padding:56px 24px; }.hajj-vip-teaser { align-items:flex-start; flex-direction:column; gap:4px; } }
@media(max-width:380px) { .hajj-hero h1 { font-size:48px; }.hajj-section,.hajj-hero { padding-inline:20px; }.hajj-price-grid { grid-template-columns:1fr; }.hajj-gift svg { height:170px; }.hajj-gift h3 { font-size:18px; }.hajj-service h3 { font-size:21px; } }
@media(max-width:760px) { .hajj-offer .logo-img { height:38px; }.hajj-offer .mobile-only-btn { margin-inline:8px; padding:10px 14px; }.hajj-offer .navbar { gap:8px; } }
@media(max-width:380px) { .hajj-offer .mobile-only-btn { display:none; }.hajj-offer .navbar { justify-content:space-between; } }
@media(prefers-reduced-motion:reduce) { html:has(.hajj-offer),body.hajj-offer { scroll-behavior:auto; }.hajj-offer *, .hajj-offer *::before,.hajj-offer *::after { animation:none!important; transition:none!important; }.hajj-reveal { opacity:1; transform:none; } }