/* AREES Group / pilgrimage service UI. Scoped to .pil-*; main site brand and header preserved. */
:root{--pil-gold:#ba8b36;--pil-amber:#dfa84b;--pil-navy:#13263e;--pil-line:#e8dcc7;--pil-bg:#f7f8fa}
body{overflow-x:hidden}
.header{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,auto) minmax(180px,1fr);min-height:83px;gap:12px}
.header>a:first-child{justify-self:start}.header .nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(7px,1vw,17px);width:max-content;max-width:100%;margin:auto}.header .actions{justify-self:end}.header .nav a{white-space:nowrap}
.mobile-menu-toggle{display:none}
.pil-main{background:linear-gradient(130deg,#f9fafb 0%,#fff 50%,#faf8f3 100%);min-height:80vh;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif}
.pil-main h1,.pil-main h2,.pil-main h3{font-family:"El Messiri","IBM Plex Sans Arabic",Tahoma,sans-serif}
.pil-hero{background:linear-gradient(90deg,rgba(13,29,47,.90),rgba(17,37,54,.62) 58%,rgba(17,37,54,.25)),url("https://static.wixstatic.com/media/ed7309_4f67f8a508704cdfa2e8647d2b688585~mv2.webp") center 52%/cover no-repeat;color:#fff;border-bottom:2px solid rgba(212,172,84,.58);min-height:235px;display:grid;align-items:center}
.pil-hero-inner{width:min(1390px,94%);margin:auto;padding:38px 6px;text-align:center}
.pil-eyebrow{font-size:12px;letter-spacing:.08em;color:#f5daaa}
.pil-hero h1{font-size:clamp(30px,4.1vw,55px);color:#ecc06c;margin:9px 0 4px}
.pil-hero p{font-size:clamp(14px,1.5vw,20px);margin:0}
.pil-shell{width:min(1440px,95%);margin:auto;padding:0 0 55px}
.pil-crumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:#46566a;margin:21px 0}
.pil-crumb a:hover{color:#b48229}.pil-crumb span[aria-hidden]{color:#c39943;font-weight:700}
.pil-preview-notice{display:flex;align-items:center;gap:10px;border-radius:14px;padding:12px 17px;border:1px solid rgba(185,139,58,.24);background:#fff9ee;color:#6e582f;font-size:13px;margin:0 0 24px}
.pil-status-dot{width:9px;height:9px;border-radius:50%;background:#bb8d3c;flex:none}
.pil-catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.pil-section-kicker{color:#b18339;font-size:12px;font-weight:700}.pil-catalog-heading h2{font-size:clamp(27px,3vw,41px);margin:3px 0;color:#14263d}
.pil-catalog-heading p{color:#647188;max-width:680px;margin:0;font-size:14px}
.pil-illustration-badge{display:grid;place-items:center;color:#c29749;font-size:34px;border:1px solid #e3c993;border-radius:24px;width:70px;height:70px;background:#fff9ec}
.pil-filter-list{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
.pil-filter{border:1px solid #dfd9cf;border-radius:26px;background:#fff;padding:10px 17px;color:#283c54;cursor:pointer;font-size:13px;font-weight:700}
.pil-filter.active,.pil-filter[aria-pressed="true"]{background:linear-gradient(115deg,#bf974c,#ac771e);color:white;border-color:#b1842d;box-shadow:0 5px 12px #b58a4430}
.pil-filter:focus-visible,.pil-tab:focus-visible,.pil-back:focus-visible,.pil-counter button:focus-visible{outline:2px solid #bc8a2d;outline-offset:3px}
.pil-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch;min-height:250px}
.pil-card{background:#fff;border:1px solid #efe6d6;border-radius:24px;overflow:hidden;box-shadow:0 10px 32px #202e4010;display:flex;flex-direction:column}
.pil-card-image{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#f4eddd,#e0d0b7)}
.pil-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.pil-card-badge{position:absolute;right:12px;top:13px;padding:7px 12px;border-radius:30px;background:#13263dea;color:#f2c469;font-size:12px;font-weight:700}
.pil-card-body{padding:20px 19px 21px;display:flex;flex-direction:column;gap:8px;flex:1}
.pil-card-type{font-size:12px;color:#a87929;font-weight:700}.pil-card h3{font-size:25px;color:#16283b;margin:0}
.pil-card p{font-size:13px;line-height:1.9;color:#6b7482;margin:0 0 10px}
.pil-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto}
.pil-draft-label{font-size:11px;color:#856b39;background:#fff7e5;border:1px solid #e9d7ad;border-radius:100px;padding:7px 10px}
.pil-card-button,.pil-back{border:1px solid #cba257;border-radius:30px;background:linear-gradient(130deg,#bf974f,#a77722);padding:10px 16px;font-weight:700;color:#fff;cursor:pointer;font-size:13px}
.pil-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center;padding:60px 25px;min-height:280px;background:linear-gradient(130deg,#fff,#fcf8ef);border:1px dashed #d5b679;border-radius:25px;color:#546477;line-height:1.9}
.pil-empty .symbol{font-size:39px;color:#bf9448}.pil-empty h3{font-size:24px;color:#1b3046;margin:4px}
.pil-empty p{margin:0;max-width:650px}.pil-catalog-footer{font-size:12px;color:#806d50;margin-top:20px}
.pil-back{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;background:#fff;border-color:#d2b777;color:#816025}
.pil-detail-top{display:grid;direction:ltr;grid-template-columns:minmax(0,1.14fr) minmax(0,.84fr) minmax(245px,.62fr);gap:23px;align-items:start}
.pil-gallery,.pil-program-summary,.pil-booking{direction:rtl;min-width:0}
html[dir=ltr] .pil-gallery,html[dir=ltr] .pil-program-summary,html[dir=ltr] .pil-booking{direction:ltr}
.pil-gallery-main{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/4.35;border:1px solid #efe3ce;background:#f4e9d1}
.pil-gallery-main img{width:100%;height:100%;object-fit:cover;display:block}
.pil-image-tag{position:absolute;right:12px;top:12px;padding:8px 12px;background:#142a42de;color:#efc367;border-radius:50px;font-size:13px;font-weight:700}
.pil-gallery-arr{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid #bea065;border-radius:50%;background:#fff;color:#142337;cursor:pointer;font-size:29px;display:grid;place-items:center}
.pil-gallery-arr.prev{left:13px}.pil-gallery-arr.next{right:13px}.pil-gallery-arr:disabled{display:none}
.pil-count{position:absolute;left:14px;bottom:13px;color:#fff;background:#142636ad;border-radius:30px;font-size:12px;padding:7px 12px}
.pil-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.pil-thumb{width:69px;height:58px;border-radius:12px;border:2px solid transparent;background:#fff;padding:2px;cursor:pointer;overflow:hidden}
.pil-thumb.selected{border-color:#bb8b2d}.pil-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.pil-program-summary{padding:10px 0}.pil-offer-type{display:inline-flex;padding:7px 13px;color:#966a20;background:#fff7e7;border-radius:22px;font-size:12px;font-weight:700}
.pil-program-summary h2{font-size:clamp(29px,3.3vw,44px);color:#13263b;margin:13px 0 2px}
.pil-subheading{font-size:18px;color:#45566a;margin:0 0 18px}.pil-summary{font-size:14px;line-height:2;color:#4a5867;min-height:70px}
.pil-summary-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-block:1px solid #e5e8ec;padding:22px 0;margin:17px 0}
.pil-summary-stat-grid div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}.pil-summary-stat-grid div+div{border-inline-start:1px solid #eee}
.pil-summary-stat-grid span{color:#b88a33;font-size:24px}.pil-summary-stat-grid strong{font-size:14px;color:#1a293b}.pil-summary-stat-grid small{font-size:11px;color:#64748a}
.pil-disclaimer{background:#fff9ec;border:1px solid #eed6a6;border-radius:13px;padding:15px;color:#75613e;font-size:12px;line-height:1.8}
.pil-booking{border:1px solid #e3d5bb;background:#fff;border-radius:19px;padding:20px 17px;box-shadow:0 11px 28px #17222e18;position:relative;overflow:hidden}
.pil-booking-ribbon{display:block;background:linear-gradient(110deg,#c69d50,#aa7a2b);color:#fff;padding:8px 12px;border-radius:10px;text-align:center;font-size:12px;margin-bottom:15px}
.pil-price-label{display:block;color:#956b27;font-size:12px;text-align:center}.pil-price{display:block;color:#a8751f;font-size:42px;text-align:center}
.pil-booking>small{display:block;text-align:center;color:#806947;margin:0 0 22px}
.pil-booking label{font-weight:700;font-size:13px;color:#5c4830}.pil-counter{display:flex;align-items:center;justify-content:space-between;border-radius:18px;border:1px solid #e4dccc;background:#f8f8f8;margin:10px 0 19px;padding:4px}
.pil-counter button{height:34px;width:34px;border-radius:50%;border:0;background:#e4e6e8;color:#314052;font-size:20px;cursor:pointer}
.pil-counter #plusGuest{background:#ba8c3d;color:#fff}.pil-counter output{font-weight:700;color:#1d2d42}
.pil-total{display:flex;justify-content:space-between;color:#5c6772;border-top:1px solid #eee;padding:13px 0 18px;font-size:13px}
.pil-primary,.pil-outline,.pil-whatsapp{display:flex;align-items:center;justify-content:center;width:100%;border-radius:13px;min-height:45px;margin:0 0 9px;text-align:center;font-size:13px;font-weight:700}
.pil-primary{border:0;background:linear-gradient(120deg,#ca9f49,#a97929);color:#fff}.pil-outline{border:1px solid #c59b49;color:#9d742c;background:#fff}.pil-primary:disabled,.pil-outline:disabled{opacity:.62;cursor:not-allowed}
.pil-whatsapp{border:1px solid #2a9b69;color:#17754d;background:#f9fffb}.pil-whatsapp:hover{background:#eaffe9}
.pil-locked{font-size:11px;color:#8c7963;line-height:1.8;margin:10px 0 0}
.pil-tabs{display:flex;border:1px solid #e6e8ed;border-radius:13px;background:#f8fafc;margin:32px 0 12px;overflow:auto;gap:3px;padding:4px}
.pil-tab{min-width:145px;flex:1;border:0;background:transparent;cursor:pointer;color:#27364b;font-size:13px;padding:12px 14px;border-radius:10px;font-weight:700}
.pil-tab[aria-selected=true]{color:#fff;background:linear-gradient(120deg,#c49a49,#aa7d31)}
.pil-tab-panel{background:#fff;border:1px solid #e5e8ed;border-radius:16px;padding:26px;min-height:185px;line-height:2;color:#46576b;box-shadow:0 8px 23px #16253a0b}
.pil-tab-panel h3{font-size:21px;color:#192c42;margin:0 0 11px}.pil-info-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pil-info-pane{border:1px solid #e8ebef;border-radius:14px;background:#fff;padding:20px}.pil-info-pane h4{font-size:17px;color:#192d43;margin:0 0 7px}
.pil-info-pane ul{padding-inline-start:20px;margin:0}.pil-info-pane li{line-height:1.9}
.pil-bottom-strip{margin-top:19px;background:linear-gradient(110deg,#142639,#293c47 65%,#c49a48);color:#fff;padding:24px;display:flex;align-items:center;justify-content:space-between;border-radius:16px;gap:20px}
.pil-bottom-strip p{margin:4px 0 0;font-size:12px}.pil-bottom-strip a{background:#c49a48;color:#fff;padding:12px 20px;border-radius:12px;white-space:nowrap}
.pil-footer{display:flex;justify-content:space-between;gap:15px;padding:22px max(3%,calc((100vw - 1440px)/2));font-size:12px;background:#fff;border-top:1px solid #e6dbcc;color:#4c5b6a}
[hidden]{display:none!important}
@media(max-width:1150px){body>.header{grid-template-columns:minmax(0,1fr) auto auto!important}.pil-detail-top{grid-template-columns:1fr 1fr;gap:19px}.pil-booking{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.pil-booking>*{grid-column:1/-1}.pil-booking .pil-primary,.pil-booking .pil-outline{grid-column:auto}.pil-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.pil-hero{min-height:185px}.pil-hero-inner{padding:29px 5px}.pil-detail-top{grid-template-columns:1fr;direction:rtl}.pil-gallery,.pil-program-summary,.pil-booking{grid-column:1/-1}.pil-gallery-main{aspect-ratio:1.3}.pil-program-summary{padding:3px}.pil-booking{display:block}.pil-cards{grid-template-columns:1fr}.pil-illustration-badge{display:none}.pil-info-split{grid-template-columns:1fr}.pil-shell{width:93%}.pil-tabs{gap:0}.pil-tab{min-width:130px}.pil-bottom-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:550px){.pil-filter-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:9px}.pil-filter{flex-shrink:0}.pil-gallery-main{aspect-ratio:1}.pil-booking{padding:17px}.pil-tab-panel{padding:18px}.pil-catalog-heading p{font-size:13px}.pil-footer{flex-wrap:wrap}.pil-program-summary h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.pil-main *, .pil-main *::after,.pil-main *::before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Pilgrimage preview share/favorite controls */
.pil-detail-tools{display:flex;gap:12px;align-items:center;justify-content:space-between}
.pil-tool-buttons{display:flex;gap:8px}.pil-tool-buttons button{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#fff;border:1px solid #e3dabe;color:#a87d33;font-size:23px;cursor:pointer;box-shadow:0 4px 12px #13263e10}
.pil-tool-buttons button:disabled{cursor:not-allowed;opacity:.48}
.pil-tool-buttons button:focus-visible{outline:2px solid #a87d33;outline-offset:3px}


/* AREES pilgrimage: final photo-only background; separate genuine logo and bilingual HTML title. */
.pil-hero{
 position:relative;isolation:isolate;overflow:hidden;width:100%;
 height:clamp(320px,22.5vw,410px)!important;min-height:320px!important;max-height:410px!important;
 border-bottom:2px solid rgba(187,139,59,.55);color:#173049;
 background:#dfedf5!important;display:block;
}
.pil-hero-photo{position:absolute;inset:0;z-index:-1;width:100%;height:100%;display:block;pointer-events:none}
.pil-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 69%}
.pil-hero:before{content:none!important}
.pil-hero-inner{
 position:relative;z-index:1;width:100%;max-width:none;height:100%;margin:0;
 padding:0!important;display:flex!important;align-items:flex-start!important;
 justify-content:center!important;text-align:center;direction:rtl;
}
.pil-hero-center{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:3px;width:100%;max-width:min(750px,96%);min-width:0;
 position:absolute;top:10%;left:50%;transform:translateX(-50%);
 margin:0!important;padding:0!important;border:0!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.pil-hero-brand-mark{
 display:block;object-fit:contain;object-position:center;
 width:clamp(235px,24vw,335px);height:clamp(65px,6vw,91px);
 border:0;max-width:90vw;background:transparent!important;
 filter:drop-shadow(0 1px 2px rgba(255,255,255,.9));
}
.pil-hero h1{
 margin:0!important;font-family:"El Messiri","IBM Plex Sans Arabic",Tahoma,sans-serif!important;
 font-weight:700!important;font-size:clamp(30px,2.8vw,47px)!important;
 line-height:1.27!important;color:#98671a!important;white-space:nowrap;
 text-shadow:0 1px 2px rgba(255,255,255,.96),0 0 8px rgba(255,255,255,.75);
}
.pil-hero p{
 margin:0!important;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important;
 font-size:clamp(17px,1.65vw,24px)!important;line-height:1.4!important;
 font-weight:700!important;color:#163847!important;
 text-shadow:0 1px 2px rgba(255,255,255,.96),0 0 8px rgba(255,255,255,.75);
}
@media(max-width:1024px){
 .pil-hero-brand-mark{width:clamp(218px,28vw,285px);height:74px}
 .pil-hero h1{font-size:clamp(27px,3.6vw,36px)!important}
 .pil-hero p{font-size:clamp(16px,2.3vw,21px)!important}
 .pil-hero-center{top:9%}
}
@media(max-width:640px){
 .pil-hero{height:clamp(305px,89vw,360px)!important;min-height:305px!important;max-height:360px!important}
 .pil-hero-photo img{object-position:center 70%}
 .pil-hero-center{top:8%;max-width:96%;padding:0 5px!important}
 .pil-hero-brand-mark{width:clamp(210px,57vw,250px);height:65px}
 .pil-hero h1{font-size:clamp(23px,6.1vw,31px)!important;white-space:normal}
 .pil-hero p{font-size:clamp(15px,4vw,18px)!important}
}
@media(max-width:350px){
 .pil-hero-center{top:8%}
 .pil-hero-brand-mark{width:205px;height:55px}
 .pil-hero h1{font-size:22px!important}
}


/* Pilgrimage responsive header parity with AREES Group, without touching site-global header */
@media(max-width:1150px){
 body>header.header{
   position:sticky;top:0;z-index:90;isolation:isolate;
   display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
   grid-template-areas:"brand actions menu";align-items:center;
   min-height:70px;row-gap:0;column-gap:7px;padding:8px 13px!important;
   background:linear-gradient(120deg,rgba(255,255,255,.97),rgba(249,244,232,.96));
   backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
 }
 body>header.header>a:first-child{grid-area:brand;min-width:0;justify-self:start}
 body>header.header>a:first-child img.brand{width:clamp(100px,30vw,182px)!important;height:auto;max-height:54px;object-fit:contain}
 body>header.header .actions{grid-area:actions;display:flex!important;justify-self:end!important;
   align-items:center;gap:5px!important;margin:0!important}
 body>header.header .actions .pill{display:inline-flex!important;align-items:center;justify-content:center;
   min-height:39px;padding:7px 9px;border-radius:13px;font-size:12px;white-space:nowrap}
 body>header.header .actions .pill.gold{display:none!important}
 body>header.header .actions .mobile-sign-in{background:linear-gradient(115deg,#bd913e,#a87522);color:#fff;border:0}
 body>header.header .actions .language-toggle{background:#fff9ee;border:1px solid #d7b773;font-size:11px}
 body>header.header button.mobile-menu-toggle{display:grid!important;grid-area:menu;place-items:center;
   width:42px;height:42px;border:1px solid #d5b26a;border-radius:13px;
   color:#1d2d42;background:linear-gradient(140deg,#fff,#f4e4c3);cursor:pointer;justify-self:end}
 body>header.header button.mobile-menu-toggle[aria-expanded=true]{color:#fff;background:linear-gradient(135deg,#b7872f,#8f601b)}
 body>header.header nav.nav{display:none!important;position:absolute!important;top:calc(100% + 6px);
   inset-inline:11px;z-index:100;margin:0!important;max-width:none!important;width:auto!important;
   max-height:calc(100dvh - 92px);overflow-x:hidden!important;overflow-y:auto!important;
   flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;
   gap:3px!important;padding:9px!important;text-align:start!important;white-space:normal!important;
   border-radius:20px;border:1px solid #d9c39d;
   background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(251,245,232,.98));
   box-shadow:0 20px 40px rgba(20,32,48,.18);backdrop-filter:blur(18px)}
 body>header.header nav.nav[data-open=true]{display:flex!important}
 body>header.header nav.nav a{display:flex;align-items:center;min-height:43px;width:100%;
   padding:10px 14px;white-space:normal;flex:none!important;border-radius:11px;
   color:#183049;font-weight:700;font-size:14px;text-align:start}
 body>header.header nav.nav a:hover{background:rgba(199,163,93,.18)}
}
@media(max-width:350px){
 body>header.header{grid-template-areas:"brand menu" "actions actions";grid-template-columns:minmax(0,1fr) auto!important;row-gap:5px}
 body>header.header .actions{justify-self:center!important}
 body>header.header nav.nav{top:calc(100% + 6px)}
}


/* Compact, four-across offer catalog: no oversized promotional cards */
@media(min-width:1181px){
 .pil-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
}
@media(min-width:701px) and (max-width:1180px){
 .pil-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
}
@media(max-width:700px){
 .pil-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(max-width:400px){
 .pil-cards{grid-template-columns:1fr}
}
.pil-cards{min-height:0;align-items:stretch}
.pil-card{border-radius:15px;box-shadow:0 5px 18px #202e400d}
.pil-card-image{aspect-ratio:1.48}
.pil-card-badge{top:8px;right:8px;padding:4px 8px;font-size:10px}
.pil-card-body{padding:12px 13px 14px;gap:5px}
.pil-card-type{font-size:10px}
.pil-card h3{font-size:clamp(16px,1.6vw,20px);line-height:1.45}
.pil-card p{font-size:11px;line-height:1.65;margin:0 0 7px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pil-card-bottom{gap:5px;flex-wrap:wrap}
.pil-draft-label{font-size:9px;padding:5px 7px}
.pil-card-button{padding:7px 11px;font-size:11px}
.pil-catalog-pager{display:flex;align-items:center;justify-content:center;gap:13px;padding:18px 5px 3px}
.pil-catalog-pager button{border:1px solid #d2b37e;background:#fffdfa;color:#8b6529;padding:8px 14px;border-radius:10px;font-size:12px;cursor:pointer}
.pil-catalog-pager button:disabled{opacity:.48;cursor:not-allowed}
.pil-catalog-pager span{color:#8b7960;font-size:12px}
@media(max-width:700px){
 .pil-card-body{padding:10px}
 .pil-card h3{font-size:16px}
 .pil-card-image{aspect-ratio:1.25}
 .pil-card-bottom{align-items:flex-start}
}


/* Unified AREES 1200×1200 media presentation — full detail images always square. */
.pil-gallery-main{width:100%;aspect-ratio:1/1!important;max-width:1200px;max-height:1200px;margin-inline:auto;overflow:hidden}
.pil-gallery-main img{width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;background:#fbf7ee}
.pil-card-image img{object-fit:cover}
.pil-gallery .pil-gallery-main img{image-rendering:auto}
.pil-image-empty{display:grid;place-items:center;width:100%;height:100%;font-size:29px;color:#bd9d64}
.pil-card-price{font-size:12px;font-weight:800;color:#a77e34}
@media(max-width:760px){.pil-gallery-main{aspect-ratio:1/1!important}}

/* Hide pagination completely when there are four or fewer offers. */
.pil-catalog-pager[hidden]{display:none!important}

/* Collapse missing gallery instead of leaving an empty third-column gap. */
.pil-detail-top:has(.pil-gallery[hidden]){grid-template-columns:minmax(0,1.2fr) minmax(245px,.8fr)}
@media(max-width:900px){.pil-detail-top:has(.pil-gallery[hidden]){grid-template-columns:1fr}}


/* Preview-only guest enquiry and privacy-preserving request tracking */
.pil-track-top{border:1px solid #d0b276!important;border-radius:999px!important;background:#fffdfa!important;color:#947137!important;font-size:12px!important;padding:8px 14px!important}
.pil-customer-dialog{box-sizing:border-box;width:min(590px,calc(100vw - 24px));max-height:90dvh;overflow-y:auto;border:1px solid #dfcba5;border-radius:22px;padding:20px 23px;background:linear-gradient(139deg,#fffefa,#fdf8ed);color:#304756;font-family:"IBM Plex Arabic","IBM Plex Sans Arabic",Tahoma,sans-serif;box-shadow:0 25px 80px #26382e30;direction:rtl}
.pil-customer-dialog:not([open]){display:none}
.pil-customer-dialog::backdrop{background:#22363b77;backdrop-filter:blur(5px)}
.pil-customer-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8dcc4;margin-bottom:13px;padding-bottom:13px}
.pil-customer-dialog-head h2{font-size:20px;margin:0;color:#293f4c}
.pil-customer-dialog-head button{border:1px solid #e0d0b1;border-radius:10px;padding:7px 12px;background:#fff;color:#96754a;cursor:pointer}
.pil-customer-dialog label{display:block;font-size:12px;color:#506978;font-weight:700;margin:11px 0 6px}
.pil-customer-dialog input:not([type=checkbox]),.pil-customer-dialog textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;border:1px solid #dfd0b4;border-radius:11px;background:#fff;color:#334e5b;padding:11px 12px;font-size:13px;min-height:42px}
.pil-customer-dialog textarea{resize:vertical;line-height:1.8;min-height:80px}
.pil-customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pil-customer-fields>div{min-width:0}
.pil-consent-check{display:flex!important;align-items:start;gap:10px;padding:12px;background:#fbf1de;border-radius:11px;line-height:1.75;cursor:pointer}
.pil-consent-check input{margin-top:4px;accent-color:#ac7f30;flex:none}
.pil-customer-dialog .pil-privacy-note{font-size:12px;line-height:1.8;background:#f8eddb;border:1px solid #ead5aa;border-radius:10px;padding:12px;color:#806237}
.pil-selected-name{color:#314c5c;font-size:15px;font-weight:800;margin:10px 0}
.pil-dialog-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}
.pil-dialog-actions button{border-radius:11px;padding:11px 17px;border:1px solid #dbbe87;cursor:pointer;font-size:12px;font-weight:700;min-height:41px}
.pil-dialog-actions .pil-primary{width:auto!important;margin:0;background:linear-gradient(120deg,#b58d47,#93702e)!important;color:white!important}
.pil-dialog-actions .pil-outline{width:auto!important;margin:0;color:#805c29!important;background:white!important}
.pil-dialog-actions button:disabled{opacity:.55;cursor:wait}
#pilEnquiryFeedback,#pilTrackError{color:#ad5141;font-size:12px;line-height:1.7;min-height:18px}
.pil-receipt{display:grid;gap:6px;background:#fff;border:1px solid #ead9b8;border-radius:14px;padding:14px;margin:12px 0}
.pil-receipt span{font-size:11px;color:#91764f}
.pil-receipt strong{color:#214d49;font-size:18px;direction:ltr;text-align:end}
.pil-receipt code{overflow-wrap:anywhere;word-break:break-all;font-size:12px;padding:8px;background:#f8f4eb;color:#4a5360;direction:ltr}
.pil-track-result{border:1px solid #d7bd83;border-radius:13px;padding:14px;background:#fffaf0}
.pil-track-result h3{margin:0 0 10px}
#pilTrackStatus{display:inline-block;background:#e8f5e9;color:#285d47;border-radius:30px;padding:7px 14px;font-weight:800}
#pilTrackHistory{display:grid;gap:8px;margin:12px 0;padding-inline-start:26px;color:#495b68;font-size:12px}
#pilTrackHistory li{padding:6px}
#pilTrackHistory time{font-size:11px;color:#7c8c94}
.pil-customer-dialog [hidden]{display:none!important}
@media(max-width:550px){.pil-customer-dialog{padding:14px}.pil-customer-fields{grid-template-columns:1fr}.pil-track-top{padding:7px 10px!important;font-size:11px!important}}

/* Approved offer detail layout. Right: product gallery; left: details and pricing. */
.pil-illustration-badge{display:none!important}
.pil-detail-top{direction:rtl!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.95fr)!important;align-items:start}
.pil-gallery{grid-column:1;grid-row:1 / span 2}
.pil-program-summary{grid-column:2;grid-row:1}
.pil-booking{grid-column:2;grid-row:2}
.pil-tool-buttons button#favoriteOffer{color:#c21c36;font-size:26px}
#favoriteOffer[aria-pressed=true]{background:#fff1f2;border-color:#d83a50;color:#d41131}
#shareOffer{color:#171717;border:2px solid #252525;background:#fff}
#shareOffer svg{display:block}
.pil-tab-panel{min-height:0}
@media(max-width:900px){.pil-detail-top{grid-template-columns:1fr!important}.pil-gallery,.pil-program-summary,.pil-booking{grid-column:1!important;grid-row:auto!important}}

/* Application remains in the offer page, never a modal. */
.pil-customer-inline{display:block;position:static;width:100%;max-width:none;max-height:none;overflow:visible;margin:18px 0 28px;padding:clamp(18px,3vw,30px);box-shadow:0 10px 30px rgba(28,45,46,.08);scroll-margin-top:105px}
.pil-customer-inline[hidden]{display:none!important}
.pil-customer-inline .pil-dialog-actions{margin-top:24px}
@media(max-width:680px){.pil-customer-inline .pil-customer-fields{grid-template-columns:1fr}}

/* AREES LOOP-inspired compact offer viewer: one photograph and overlay arrows only. */
@media(min-width:901px){
 .pil-detail-top{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;column-gap:25px!important}
 .pil-gallery{max-width:460px;width:100%;justify-self:start}
 .pil-gallery-main{aspect-ratio:1 / 1!important;max-height:460px}
}
.pil-gallery-main{aspect-ratio:1 / 1!important}
.pil-gallery-main img{object-fit:contain!important;background:#faf8f3}
.pil-thumbs{display:none!important}
.pil-gallery-arr{display:grid!important;width:39px;height:39px;background:rgba(255,255,255,.94);color:#113f34;border:1px solid #dbc28c;box-shadow:0 4px 15px #20282028;z-index:2}
.pil-gallery-arr:disabled{display:none!important}
.pil-gallery-arr.prev{left:12px!important}
.pil-gallery-arr.next{right:12px!important}
.pil-booking{border:1px solid #e7d8bc!important;border-radius:20px}
.pil-booking .pil-primary{background:#0c3e32!important;color:#fff!important;border-radius:11px;font-weight:800}
.pil-booking .pil-outline{border:1px solid #0c3e32!important;color:#0c3e32!important;border-radius:11px}
.pil-detail-section{padding:13px 0;border-bottom:1px solid #e9e3d9}
.pil-detail-section:last-child{border-bottom:0}
.pil-detail-section h3{display:flex;align-items:center;gap:8px;color:#bd8a2d!important;font-size:17px!important;font-weight:800;margin-bottom:9px!important}
.pil-detail-section:nth-child(2) li{color:#155d45}
.pil-detail-section:nth-child(3) li{color:#a13a34}
.pil-detail-section:nth-child(4) p,.pil-detail-section:nth-child(4) li{color:#17604c}
.pil-detail-section li{padding-bottom:4px;line-height:1.9}
@media(max-width:900px){.pil-gallery{max-width:min(100%,520px);margin-inline:auto}.pil-gallery-main{max-height:520px}}

/* Three compact pilgrimage service category pills. */
#pilFilters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-start;margin:12px 0 18px}
#pilFilters .pil-filter{font-size:12px;line-height:1.5;padding:6px 12px;min-height:31px;border-radius:18px;box-shadow:none}
@media(max-width:580px){#pilFilters{gap:5px}#pilFilters .pil-filter{font-size:11px;padding:6px 9px}}

/* Offer-first compact catalog: remove empty promotional spacing. */
.pil-main{min-height:0}
.pil-shell{padding-top:clamp(12px,2vw,24px)!important}
.pil-catalog{padding-top:0!important;margin-top:0!important}
.pil-catalog-heading{margin-bottom:6px!important;gap:0}
.pil-catalog-heading h1{font-size:clamp(22px,2.3vw,30px)!important;color:#14263d;margin:0!important;line-height:1.4}
#pilFilters{margin:8px 0 12px!important}
.pil-cards{min-height:0!important}
.pil-catalog-footer{margin-top:10px}

/* Approved balanced offer layout, matching customer reference. */
@media(min-width:901px){
 .pil-detail-top{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;column-gap:clamp(20px,2.5vw,36px)!important}
 .pil-gallery{grid-column:1;grid-row:1;max-width:390px!important;width:100%;justify-self:center}
 .pil-gallery-main{max-height:390px!important}
 .pil-program-summary{grid-column:2;grid-row:1;padding-top:0}
 .pil-booking{grid-column:1;grid-row:2;max-width:390px;width:100%;justify-self:center}
 .pil-program-summary h2#detailTitle{font-size:clamp(16px,1.35vw,23px)!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:-.35px}
}
@media(max-width:900px){
 .pil-program-summary h2#detailTitle{font-size:clamp(18px,4vw,25px)!important;line-height:1.5}
}

/* Final reference: offer image + compact checkout RIGHT, continuous details LEFT. */
@media(min-width:901px){
 .pil-detail-top{direction:rtl!important;grid-template-columns:minmax(280px,.87fr) minmax(0,1.13fr)!important;column-gap:clamp(18px,2.3vw,32px)!important;row-gap:12px;align-items:start}
 .pil-gallery{grid-column:1!important;grid-row:1!important;justify-self:stretch!important;max-width:100%!important}
 .pil-booking{grid-column:1!important;grid-row:2!important;width:100%!important;max-width:none!important;justify-self:stretch!important}
 .pil-program-summary{grid-column:2!important;grid-row:1 / span 2!important;width:100%;min-width:0}
}
.pil-booking .pil-price{font-size:clamp(22px,2.1vw,29px)!important;line-height:1.25!important;margin:4px 0 9px}
.pil-booking .pil-total strong{font-size:15px!important}
.pil-booking{padding:14px!important}
.pil-program-summary .pil-tab-panel{margin-top:15px;padding:15px 18px;border:1px solid #e6e4dc;box-shadow:none!important}
.pil-program-summary .pil-detail-section{padding:10px 0}
.pil-program-summary .pil-detail-section h3{color:#aa7a29!important;font-weight:800}
.pil-program-summary .pil-departure-value{font-size:14px;color:#394c46;font-weight:400;margin:0}
.pil-program-summary .pil-summary-stat-grid small{color:#ab7b28!important;font-weight:800}
.pil-program-summary .pil-summary-stat-grid strong{font-weight:400!important;font-size:13px}
@media(max-width:900px){.pil-detail-top{display:flex!important;flex-direction:column!important;gap:12px}.pil-gallery,.pil-program-summary,.pil-booking{width:100%!important;max-width:none!important}.pil-program-summary{order:2}.pil-gallery{order:1}.pil-booking{order:3}.pil-program-summary h2#detailTitle{white-space:normal!important}}

/* Approved quiet luxury offer viewer and balanced compact purchase controls. */
.pil-gallery-main{aspect-ratio:1/1!important;overflow:hidden;background:#f9f6ef}
.pil-gallery-main img{width:100%;height:100%;object-fit:cover!important;transform:scale(var(--pil-hover-zoom,1));transition:transform 850ms cubic-bezier(.22,1,.36,1);will-change:transform}
.pil-gallery-main:hover{--pil-hover-zoom:1.025}
.pil-gallery-arr{z-index:4;opacity:.9;transition:opacity .2s,background-color .2s}
.pil-gallery-arr:hover{opacity:1;background:#fff}
.pil-purchase-line{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin:9px 0}
.pil-purchase-price,.pil-purchase-quantity{display:flex;flex-direction:column;gap:4px;min-width:0}
.pil-purchase-price .pil-price{font-size:clamp(18px,1.7vw,25px)!important;text-align:right;margin:0}
.pil-purchase-price .pil-price-label,.pil-purchase-price small{font-size:10px;text-align:right}
.pil-purchase-quantity label{font-size:11px;text-align:right}
.pil-purchase-quantity .pil-counter{margin:0}
.pil-purchase-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:stretch;margin:10px 0}
.pil-booking .pil-purchase-actions > *{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:34px;height:36px;padding:6px 5px!important;font-size:clamp(9px,.75vw,11px)!important;font-weight:700;line-height:1.2;text-align:center;border-radius:8px!important;white-space:nowrap;text-decoration:none;box-shadow:none!important;transform:none!important;transition:background-color .2s,border-color .2s,color .2s!important}
.pil-purchase-actions svg{width:15px;height:15px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pil-booking .pil-purchase-actions .pil-primary{background:#0d4034!important;color:#fff!important;border:1px solid #0d4034!important}
.pil-booking .pil-purchase-actions .pil-outline{background:linear-gradient(100deg,#cba24d,#b58831)!important;color:#fff!important;border:1px solid #b58831!important}
.pil-booking .pil-purchase-actions .pil-whatsapp{background:#fff!important;color:#14724f!important;border:1px solid #4ca47d!important}
.pil-purchase-actions > *:hover{filter:brightness(.96);transform:none!important}
@media(max-width:500px){.pil-purchase-actions{gap:4px}.pil-booking .pil-purchase-actions>*{font-size:9px!important;padding:5px 3px!important}.pil-purchase-actions svg{width:13px;height:13px}.pil-purchase-line{gap:8px}}
@media(prefers-reduced-motion:reduce){.pil-gallery-main img{transform:none!important;transition:none!important}.pil-purchase-actions>*{transition:none!important}}

/* Canonical AREES 1200 x 1200 offer media: never crop customer artwork. */
.pil-gallery-main{width:100%;aspect-ratio:1/1!important;max-height:none!important;overflow:hidden!important;background:#fff!important}
.pil-gallery-main img#detailImage{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block;transform:scale(var(--pil-hover-zoom,1))!important}
.pil-gallery-main:hover{--pil-hover-zoom:1.012}
.pil-gallery-main #favoriteOffer{position:absolute;top:12px;left:12px;z-index:8;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #dfc2b7;background:rgba(255,255,255,.96);color:#d21d3e;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 3px 12px #1b282221}
.pil-gallery-main #favoriteOffer[aria-pressed=true]{background:#fff0f1;color:#bf1534}
.pil-share-below{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:9px;color:#0b5947;font-size:12px;font-weight:700}
.pil-share-below #shareOffer{width:35px;height:35px;display:grid;place-items:center;border:1px solid #0b7055;background:#fff;color:#086647;border-radius:50%;cursor:pointer}
.pil-share-below #shareOffer svg{width:19px;height:19px}
@media(min-width:901px){.pil-gallery{max-width:100%!important}.pil-gallery-main{max-height:none!important}}

/* Final approved 2-column offer geometry: right image and booking are EXACTLY the same width. */
@media(min-width:901px){
 .pil-detail-top{display:grid!important;direction:rtl!important;grid-template-columns:minmax(0,0.91fr) minmax(0,1.09fr)!important;column-gap:clamp(18px,2.5vw,32px)!important;row-gap:10px!important;align-items:start!important}
 .pil-detail-top>.pil-gallery{grid-column:1!important;grid-row:1!important;box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;justify-self:stretch!important}
 .pil-detail-top>.pil-booking{grid-column:1!important;grid-row:2!important;box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;justify-self:stretch!important}
 .pil-detail-top>.pil-program-summary{grid-column:2!important;grid-row:1/span 2!important;box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
 .pil-gallery-main{box-sizing:border-box;width:100%!important;max-width:none!important;aspect-ratio:1/1!important}
}
.pil-gallery,.pil-booking,.pil-program-summary{min-width:0;box-sizing:border-box}
.pil-booking .pil-purchase-actions{width:100%;box-sizing:border-box}

/* Catalog cards: heart above square media, understated green share below. */
.pil-card-image{position:relative}
.pil-card-image img{width:100%;height:100%;object-fit:contain!important;background:#fff}
.pil-card-heart{position:absolute;top:10px;left:10px;z-index:3;width:34px;height:34px;border-radius:50%;background:#fff!important;border:1px solid #ead7d5;color:#ca1638!important;font-size:23px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 12px #00000014}
.pil-card-heart[aria-pressed=true]{background:#fff0f1!important}
.pil-card-share{display:flex;justify-content:flex-start;padding:7px 13px 0}
.pil-card-share button{width:32px;height:32px;border-radius:50%;border:1px solid #22785b;background:#fff;color:#0e674e;display:grid;place-items:center;cursor:pointer}
.pil-card-share button:hover{background:#edf7f0}

/* Accessible premium interaction feedback for the three booking actions. */
.pil-booking .pil-purchase-actions > button,
.pil-booking .pil-purchase-actions > a{cursor:pointer!important;position:relative;user-select:none;touch-action:manipulation;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .14s ease,filter .2s ease!important}
.pil-booking .pil-purchase-actions .pil-primary:hover{background:#145b47!important;border-color:#145b47!important;box-shadow:0 5px 12px rgba(13,64,52,.22)!important;transform:translateY(-2px)!important;filter:none!important}
.pil-booking .pil-purchase-actions .pil-outline:hover{background:linear-gradient(100deg,#d7b562,#bb8a2c)!important;border-color:#bb8a2c!important;box-shadow:0 5px 12px rgba(171,121,36,.25)!important;transform:translateY(-2px)!important;filter:none!important}
.pil-booking .pil-purchase-actions .pil-whatsapp:hover{background:#edf8f1!important;color:#0b6243!important;border-color:#167d57!important;box-shadow:0 5px 12px rgba(15,102,72,.13)!important;transform:translateY(-2px)!important;filter:none!important}
.pil-booking .pil-purchase-actions > :active{transform:translateY(1px) scale(.97)!important;box-shadow:inset 0 2px 7px rgba(0,0,0,.13)!important;filter:brightness(.94)!important}
.pil-booking .pil-purchase-actions > :focus-visible{outline:3px solid #cfaa55!important;outline-offset:3px}
.pil-booking .pil-purchase-actions > :disabled{cursor:not-allowed!important;opacity:.56;transform:none!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){.pil-booking .pil-purchase-actions > *{transition:none!important}.pil-booking .pil-purchase-actions > :hover,.pil-booking .pil-purchase-actions > :active{transform:none!important}}

/* Restored approved pilgrimage banner: both holy cities, central original logo. */
.pil-returned-hero{min-height:clamp(190px,23vw,330px);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;isolation:isolate;overflow:hidden;background:url("https://static.wixstatic.com/media/ed7309_4f67f8a508704cdfa2e8647d2b688585~mv2.webp") center 50%/cover no-repeat;border-bottom:1px solid #d8b768}
.pil-returned-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,249,235,.18),rgba(255,248,230,.57) 50%,rgba(255,249,235,.18))}
.pil-returned-hero-inner{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 14px}
.pil-returned-logo{width:clamp(65px,8vw,105px);height:clamp(65px,8vw,105px);object-fit:contain}
.pil-returned-hero h1{margin:2px 0;color:#9a691d;font-size:clamp(26px,3vw,42px);line-height:1.25;text-shadow:0 2px 12px #fff9}
.pil-returned-hero p{margin:0;font-size:clamp(14px,1.4vw,20px);font-weight:700;color:#0c2938}
@media(max-width:600px){.pil-returned-hero{min-height:190px}.pil-returned-hero-inner{padding:12px}}

/* Same-page luxury glass login for protected cart/payment actions */
.pil-login-dialog{width:min(92vw,435px);max-height:calc(100dvh - 32px);border:1px solid #e6d3a3;border-radius:24px;background:rgba(255,253,246,.91);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#162a26;padding:26px;box-shadow:0 22px 65px #071b1b45}
.pil-login-dialog::backdrop{background:rgba(12,26,25,.48);backdrop-filter:blur(4px)}
.pil-login-dialog form{display:grid;gap:15px}.pil-login-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pil-login-head h2{font-size:22px;margin:0}.pil-login-head button{cursor:pointer;font-size:27px;background:transparent;border:0;color:#56411f}
.pil-login-dialog p{font-size:13px;color:#586a60;margin:0}.pil-login-dialog label{font-weight:700;font-size:13px;display:grid;gap:7px}
.pil-login-dialog input{height:45px;box-sizing:border-box;padding:10px 13px;border:1px solid #dac69a;background:#fffcf6;border-radius:10px;font:inherit;direction:ltr}
.pil-login-submit{cursor:pointer;background:linear-gradient(100deg,#b38432,#e1ba62,#aa7625);border:0;color:#fff;border-radius:11px;min-height:43px;font-weight:800}
.pil-login-submit:disabled{opacity:.6;cursor:wait}.pil-login-dialog a{color:#84611f;font-size:13px;text-align:center}
.pil-login-dialog [role=alert]{color:#a32d2d;background:#fff1ef;padding:9px;border-radius:8px}
.pil-cart-toast{position:fixed;z-index:9999;top:105px;left:50%;transform:translateX(-50%);padding:14px 22px;background:rgba(249,255,251,.96);color:#0e503d;border:1px solid #accdb6;border-radius:15px;box-shadow:0 14px 35px #173b2629;backdrop-filter:blur(14px);font-weight:700;max-width:90vw;text-align:center}
.pil-cart-toast[hidden]{display:none!important}

/* Approved low panoramic service header: no extra empty vertical hero area */
@media(min-width:1100px){
  body>.header{min-height:66px!important;height:66px!important;padding-top:4px!important;padding-bottom:4px!important;align-items:center!important}
  body>.header .brand{max-height:57px!important;width:auto!important;object-fit:contain!important}
  .pil-hero{height:320px!important;min-height:320px!important;max-height:320px!important}
  .pil-hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 96%!important}
  .pil-hero-center{top:3%!important}
  .pil-hero-brand-mark{width:clamp(175px,16vw,230px)!important;height:52px!important}
  .pil-hero h1{font-size:clamp(22px,2.2vw,34px)!important}
  .pil-hero p{font-size:clamp(13px,1.2vw,17px)!important}
}
@media(min-width:641px) and (max-width:1099px){.pil-hero{height:200px!important;min-height:200px!important;max-height:200px!important}.pil-hero-photo img{object-position:center 94%!important}.pil-hero-center{top:3%!important}}
@media(max-width:640px){.pil-hero{height:170px!important;min-height:170px!important;max-height:170px!important}.pil-hero-photo img{object-position:center 92%!important}.pil-hero-center{top:2%!important}.pil-hero-brand-mark{height:42px!important;width:150px!important}.pil-hero h1{font-size:23px!important}.pil-hero p{font-size:12px!important}}


/* Approved clean pilgrim banner: image remains dominant; minimal title at the right. */
.pil-hero .pil-hero-inner{display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:right!important;padding-inline:clamp(20px,5vw,100px)!important}
.pil-hero .pil-hero-center{position:relative!important;top:auto!important;left:auto!important;transform:none!important;max-width:min(480px,46vw)!important;width:auto!important;display:flex!important;align-items:flex-start!important;gap:6px!important;padding:0!important;text-align:right!important}
.pil-hero .pil-hero-brand-mark{display:none!important}
.pil-hero .pil-hero-center h1{font-size:clamp(34px,3.2vw,53px)!important;white-space:normal!important;text-align:right!important;line-height:1.25!important}
.pil-hero .pil-hero-center p{font-size:clamp(14px,1.15vw,18px)!important;text-align:right!important}
.pil-haramain-icons{display:flex;gap:8px;font-size:clamp(21px,2vw,30px);line-height:1.2;filter:drop-shadow(0 1px 2px white)}
@media(max-width:1099px){.pil-hero .pil-hero-inner{padding-inline:24px!important}.pil-hero .pil-hero-center{max-width:66vw!important}.pil-hero .pil-hero-center h1{font-size:clamp(26px,3vw,35px)!important}}
@media(max-width:640px){.pil-hero .pil-hero-inner{padding-inline:14px!important}.pil-hero .pil-hero-center{max-width:73vw!important;gap:3px!important}.pil-hero .pil-hero-center h1{font-size:clamp(20px,5vw,26px)!important}.pil-hero .pil-hero-center p{font-size:12px!important}.pil-haramain-icons{font-size:21px}}

/* Compact ivory glass identity above pilgrimage listings: no banner photograph. */
.pil-glass-intro{position:relative;isolation:isolate;overflow:hidden;min-height:186px;display:grid;place-items:center;padding:18px 20px;background:linear-gradient(135deg,#fffdf9 0%,#f6f9fa 45%,#fffcf6 100%);border-bottom:1px solid rgba(187,151,82,.18)}
.pil-glass-intro::before,.pil-glass-intro::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:60%;height:180%;border:1px solid rgba(255,255,255,.8);border-radius:50%;transform:rotate(-12deg);background:linear-gradient(130deg,transparent 25%,rgba(255,255,255,.55) 42%,rgba(203,173,116,.075) 53%,transparent 72%);box-shadow:inset 0 0 30px rgba(255,255,255,.75),0 0 36px rgba(204,185,144,.07)}
.pil-glass-intro::before{right:-17%;top:-88%}.pil-glass-intro::after{left:-24%;bottom:-115%;transform:rotate(13deg)}
.pil-glass-intro-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;position:relative}
.pil-glass-intro h1{font-family:"El Messiri","IBM Plex Sans Arabic",sans-serif;font-size:clamp(23px,2.5vw,34px);line-height:1.3;margin:0;color:#9b702b;font-weight:800}
.pil-glass-agency-logo{display:block;width:clamp(140px,16vw,198px);height:65px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(87,70,42,.11))}
.pil-glass-intro p{margin:0;font-size:clamp(13px,1.4vw,17px);font-weight:750;color:#1d3645}
@media(max-width:640px){.pil-glass-intro{min-height:158px;padding:15px 12px}.pil-glass-agency-logo{height:58px}}

/* AREES Taiba: refined Islamic geometry within white-glass waves, no photo banner. */
.pil-glass-intro{min-height:222px!important;padding:21px 18px!important;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.98),rgba(250,250,247,.94) 58%,rgba(248,244,234,.84)),linear-gradient(125deg,#fbfdff,#fffaf1)!important}
.pil-glass-intro::before,.pil-glass-intro::after{width:52%;height:185%;border-color:rgba(195,164,107,.19)!important;background:
repeating-linear-gradient(45deg,transparent 0 19px,rgba(188,157,93,.085) 20px,transparent 22px 42px),
repeating-linear-gradient(-45deg,transparent 0 19px,rgba(188,157,93,.085) 20px,transparent 22px 42px),
linear-gradient(125deg,rgba(255,255,255,.12),rgba(255,255,255,.72) 52%,rgba(215,188,139,.06))!important;
box-shadow:inset 0 0 42px #ffffffc9,0 0 30px #e3cfab10!important;opacity:.65}
.pil-glass-intro-content{gap:6px!important}
.pil-glass-intro h1{font-size:clamp(26px,2.9vw,40px)!important}
.pil-glass-agency-logo{width:clamp(220px,26vw,360px)!important;height:100px!important;max-width:85vw;object-fit:contain!important}
.pil-glass-intro p{font-size:clamp(17px,1.7vw,23px)!important;font-weight:800!important}
@media(max-width:640px){.pil-glass-intro{min-height:194px!important;padding:16px 12px!important}.pil-glass-agency-logo{width:min(260px,83vw)!important;height:79px!important}.pil-glass-intro h1{font-size:27px!important}.pil-glass-intro p{font-size:17px!important}}

/* Compact agency-only identity: no duplicate heading above the logo. */
.pil-glass-intro{min-height:0!important;height:auto!important;padding:12px 18px 10px!important}
.pil-glass-intro-content{gap:0!important}
.pil-glass-agency-logo{height:82px!important;width:clamp(220px,26vw,340px)!important}
.pil-glass-intro p{margin:-1px 0 0!important;font-size:clamp(16px,1.55vw,21px)!important;line-height:1.4!important}
@media(max-width:640px){.pil-glass-intro{padding:9px 12px 10px!important}.pil-glass-agency-logo{height:72px!important;width:min(285px,83vw)!important}.pil-glass-intro p{font-size:16px!important}}

/* Compact category chips — All services selected on entry. */
#pilFilters{gap:5px!important;margin-bottom:13px!important}
#pilFilters .pil-filter{font-size:11px!important;line-height:1.2!important;padding:5px 9px!important;min-height:25px!important;border-radius:14px!important;font-weight:650!important}
@media(max-width:580px){#pilFilters .pil-filter{font-size:10px!important;padding:5px 7px!important;min-height:24px!important}}


/* 2026-10-29 Preview-only: original Haramain photo visible edge-to-edge, no crop or duplicate heading. */
.pil-restored-banner{position:relative;width:100%;margin:0;overflow:hidden;isolation:isolate;background:#f9f5ed}
.pil-restored-banner-photo{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.pil-restored-banner-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(14px,3.4vw,55px);text-align:center;pointer-events:none}
.pil-restored-banner-brand img{display:block;width:clamp(155px,18vw,255px);height:clamp(51px,6.2vw,89px);object-fit:contain;filter:drop-shadow(0 1px 6px #fff9)}
.pil-restored-banner-brand p{font-family:"El Messiri","IBM Plex Sans Arabic",Tahoma,sans-serif;font-size:clamp(14px,1.65vw,24px);font-weight:850;line-height:1.25;color:#13354a;text-shadow:0 1px 5px #fff,0 1px 14px #fffe;margin:0}
#catalogView .pil-catalog-heading{margin:0 0 11px!important;padding:0!important}
#catalogView .pil-catalog-heading h2{margin:0!important}
#catalogView .pil-illustration-badge{display:none!important}
.pil-main .pil-shell{padding-top:17px!important}
@media(max-width:640px){.pil-restored-banner-brand{padding-top:6px}.pil-restored-banner-brand img{width:125px;height:43px}.pil-restored-banner-brand p{font-size:12px}.pil-main .pil-shell{padding-top:11px!important}}


/* Banner correction: fixed panoramic height instead of image natural height. */
.pil-restored-banner{height:clamp(250px,21.5vw,390px)!important;min-height:0!important;max-height:390px!important}
.pil-restored-banner-photo{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center 63%!important}
.pil-restored-banner-brand{padding-top:clamp(12px,2.5vw,32px)!important}
@media(max-width:640px){.pil-restored-banner{height:220px!important;max-height:220px!important}.pil-restored-banner-photo{object-position:center 65%!important}.pil-restored-banner-brand{padding-top:9px!important}}
/* Soft luxury interaction for clickable pilgrimage cards only. */
#pilCards .pil-card{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease;will-change:transform}
#pilCards .pil-card-image{overflow:hidden}
#pilCards .pil-card-image img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover) and (pointer:fine){
 #pilCards .pil-card:hover{transform:translateY(-5px) scale(1.012);box-shadow:0 17px 38px #27394b1c;border-color:#dbbb82}
 #pilCards .pil-card:hover .pil-card-image img{transform:scale(1.035)}
 #pilCards .pil-card-button:hover{filter:brightness(1.06);transform:translateY(-1px)}
}
@media(prefers-reduced-motion:reduce){#pilCards .pil-card,#pilCards .pil-card-image img{transition:none!important;transform:none!important}}