/* Shared header, menu and landmark presentation. */
.flight-options-grid .fare-enquire,.flight-options-grid .fare-call{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border-radius:6px;font-weight:600;font-size:12px;background:var(--gold);color:var(--gold-foreground);box-shadow:var(--shadow-button-gold)}.flight-options-grid .fare-call{background:var(--background);color:var(--primary);border:1px solid var(--border);box-shadow:var(--shadow-button-call)}
:root{--header-translucent:var(--background);--landmark-gold:var(--gold);--landmark-stone:var(--muted-foreground);--landmark-dark:var(--foreground);--landmark-green:var(--whatsapp);--payment-visa:oklch(.38 .15 270);--payment-red:oklch(.59 .23 28);--payment-yellow:oklch(.8 .17 75);}
.site-header{position:sticky!important;top:0;z-index:50!important;background:var(--header-translucent)!important;backdrop-filter:blur(12px);transition:background .2s,box-shadow .2s;}
.site-header.is-scrolled{background:var(--background)!important;box-shadow:var(--shadow-soft);}
.brand .brand-logo,.site-header .brand .brand-logo{width:92px!important;height:64px!important;object-fit:contain;background:var(--background);border-radius:3px;}
.brand .brand-name{font-size:17px;line-height:1.25;white-space:nowrap;}
.site-footer .brand{width:auto!important;padding:0!important;background:transparent!important;flex-direction:column;align-items:flex-start;gap:10px!important;border-radius:0;}
.site-footer .brand .brand-logo{width:66px!important;height:50px!important;object-fit:contain;background:transparent!important;border-radius:0;padding:0;}
.site-footer .brand-name{display:inline-block!important;background:var(--primary)!important;color:#fff!important;font-size:15px!important;font-weight:700;line-height:1.2;padding:9px 16px!important;border-radius:6px;text-align:center;white-space:nowrap;}
.mega-menu .mega-close{position:absolute;right:24px;top:12px;}
.umrah-menu-grid{display:grid;columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:34px;row-gap:20px;align-items:start;padding-top:10px;}
.umrah-menu-grid .menu-group{margin:0;}
.menu-city-packages{grid-column:1;grid-row:1;}
.menu-daywise-packages{grid-column:1;grid-row:2;}
.menu-special-packages{grid-column:2;grid-row:1;}
.menu-ramadan-packages{grid-column:2;grid-row:2;}
.menu-monthly-packages{grid-column:3;grid-row:1 / span 2;}
.menu-madinah{float:right;width:92px;height:82px;object-fit:cover;object-position:center;border-radius:5px;margin:8px 0 10px 12px;}
.package-hotels>div>.holy-city-icon{width:40px;height:46px;padding:0;background:transparent;border-radius:0;flex-shrink:0;stroke:none;}
.holy-city-icon .city-minaret{fill:none;stroke:var(--landmark-gold);stroke-width:2;}
.holy-city-icon .kaaba-wall{fill:var(--landmark-dark);}
.holy-city-icon .kaaba-edge{fill:none;stroke:var(--landmark-stone);stroke-width:1;}
.holy-city-icon .city-gold{fill:var(--landmark-gold);}
.holy-city-icon .dome-base{fill:var(--landmark-stone);}
.holy-city-icon .green-dome{fill:var(--landmark-green);}
.holy-city-icon .dome-detail{fill:none;stroke:var(--background);stroke-width:2;}
@media(max-width:1100px){.brand .brand-name{font-size:14px;}.header-inner{gap:12px;}.main-nav{gap:12px;}}
@media(max-width:900px){.umrah-menu-grid{grid-template-columns:1fr;gap:22px;}.umrah-menu-grid .menu-group{grid-column:auto;grid-row:auto;}.mega-menu .mega-close{position:static;margin-left:auto;}.site-header:has(.mobile-open){max-height:100dvh;overflow-y:auto;}}
@media(max-width:600px){.brand{gap:7px;}.brand .brand-logo{width:78px!important;height:54px!important;}.site-footer .brand-name{font-size:14px;}.header-inner{gap:8px;}.site-footer .brand .brand-logo{width:60px!important;height:46px!important;}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none;}}
@media(max-width:900px){.site-header .header-inner{flex-wrap:wrap;height:auto;min-height:72px;padding-block:12px}.site-header .main-nav.mobile-open{position:static;flex:0 0 100%;order:5;width:100%;box-shadow:none}.site-header .mega-menu{position:static!important;max-height:55dvh!important;overflow:auto;transform:none; width:100%;padding:20px}.site-header .mega-close{display:flex!important}.site-header:has(.mobile-open){overflow:visible;max-height:none}.site-header .umrah-menu-grid{padding-top:0}}
.footer-payment-marks{display:flex;align-items:center;gap:20px;padding-block:12px 24px}.payment-visa{display:inline-flex;align-items:center;justify-content:center;width:64px;height:40px;background:var(--background);color:var(--payment-visa);font-weight:800;font-style:italic;font-size:22px;border-radius:4px}.payment-mastercard{position:relative;display:block;width:72px;height:48px}.payment-mastercard i{position:absolute;top:0;width:30px;height:30px;border-radius:50%;background:var(--payment-red);left:10px}.payment-mastercard i+i{left:30px;background:var(--payment-yellow);opacity:.9}.payment-mastercard small{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:var(--primary-foreground);font-size:10px}
.flight-detail-layout:has(.flight-options-grid){display:block}.flight-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.flight-options-grid .fare-card{min-width:0}.pyuf-detail:has(.flight-options-grid){display:block}.flight-options-grid .fare-top{flex-wrap:wrap;gap:12px}.flight-options-grid .fare-actions{grid-template-columns:1fr}.flight-option-route{display:flex;align-items:center;justify-content:space-between;gap:12px;border-block:1px solid var(--border);padding-block:20px;color:var(--primary);font-weight:600}.flight-option-route span{overflow-wrap:anywhere}.flight-options-grid .fare-note{margin-top:16px}@media(max-width:1000px){.flight-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.flight-options-grid{grid-template-columns:1fr}}
