/* Approved sky / coastal arch composition. Keep the existing Almarai font.
   Type has explicit upper bounds. Motion is a single CSS entrance, never a loop. */
.public-site-body.is-public-home:not(.is-travel-package-view){--sky-ink:#08375d;--sky-orange:#ff7417;margin-top:0!important;background:#fff;color:var(--sky-ink)}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-header{position:relative;inset:auto;min-height:0;background:#fff;color:var(--sky-ink);border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-header::before{display:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:32px;width:100%;max-width:1920px;min-height:84px;margin:auto;padding:4px 4.15%;box-sizing:border-box}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-brand{display:flex;flex-direction:row;align-items:center;align-self:center;justify-self:start;gap:16px;width:max-content;max-width:100%;margin:0;transform:none;color:var(--sky-ink)}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-mark{display:block;flex:none;width:76px;min-width:76px;height:76px;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-mark img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;transform:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-copy{display:block;margin:0}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-copy strong{max-width:none;color:var(--sky-ink);font-size:28px;font-weight:800;line-height:1.3;white-space:nowrap;letter-spacing:0;text-shadow:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-copy small{display:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-navigation{display:block;align-self:center;margin:0;transform:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-menu{display:flex;justify-content:center;gap:48px;width:auto;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-menu a{min-height:44px;padding:0;color:var(--sky-ink);background:none;border-radius:0;font-size:16px;font-weight:800;text-shadow:none;white-space:nowrap}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-menu>li>a::before{display:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-menu>li:has(>a[href='./?app=bookings.request']){display:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-menu a:hover{color:#b64400}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools{grid-column:auto;display:flex;align-self:center;justify-content:flex-end;gap:14px;min-width:0;margin:0}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-search-slot{display:none!important}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-guide-action,
.public-site-body.is-public-home:not(.is-travel-package-view) .public-booking-action{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;min-height:52px;margin:0;padding:0 22px;border:1px solid var(--sky-ink);border-radius:10px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--sky-ink);background:#fff;font-size:15px;font-weight:800;line-height:1.4;white-space:nowrap;transform:none;text-shadow:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-admin-action{display:inline-flex!important;order:-1}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools .material-icons{display:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-booking-action:not(.public-admin-action){color:#fff;background:var(--sky-orange);border-color:var(--sky-orange)}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-guide-action:hover,
.public-site-body.is-public-home:not(.is-travel-package-view) .public-admin-action:hover{background:#f1f7fa;transform:none;box-shadow:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-booking-action:not(.public-admin-action):hover{background:#e95e08;border-color:#e95e08;transform:none;box-shadow:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-menu-toggle{display:none;color:var(--sky-ink);background:#fff;border:1px solid #ced9e2;box-shadow:none}
.public-site-body.is-public-home:not(.is-travel-package-view) .public-menu-toggle-lines i{background:var(--sky-ink)}

.akko-sky-hero{position:relative;isolation:isolate;width:100%;max-width:1920px;aspect-ratio:1859/438;min-height:280px;margin:0 auto;overflow:hidden;background:#fff;color:#08375d}
/* Artwork retains the reference canvas; the white header area is outside the hero. */
.akko-sky-art{position:absolute;inset:0;z-index:-1;display:block;pointer-events:none;animation:akkoSkyArrival .85s cubic-bezier(.2,.7,.2,1) both}
.akko-sky-art img{position:absolute;top:0;left:0;display:block;width:100%;max-width:none;height:auto;margin-top:-4.51856%;object-fit:contain}
/* The reference preview contains navigation and cards. Paint only the clean artwork image. */
.akko-sky-art::before{display:none;content:none}
.akko-sky-art::after{content:'';position:absolute;right:0;bottom:0;width:38%;height:44px;background:linear-gradient(0deg,#fff,rgba(255,255,255,0));pointer-events:none}
.akko-sky-copy{position:absolute;top:23%;right:4.15%;width:26%;text-align:right;animation:akkoSkyCopy .6s ease-out both}
.akko-sky-brand{margin:0;color:inherit;font-family:inherit;font-size:clamp(32px,3.44271vw,64px);font-weight:800;line-height:1.3;letter-spacing:0}
.akko-sky-lead{margin:18px 0 0;color:inherit;font-family:inherit;font-size:clamp(18px,1.72135vw,32px);font-weight:800;line-height:1.5;white-space:nowrap}
.akko-sky-actions{display:flex;gap:18px;margin-top:34px;direction:rtl}
.akko-sky-actions a{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:18px;min-width:0;min-height:62px;padding:10px 12px;border:1.5px solid #08375d;border-radius:10px;box-sizing:border-box;color:#08375d;background:rgba(255,255,255,.93);font-family:inherit;font-size:17px;font-weight:800;line-height:1.4;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,transform .18s ease}
.akko-sky-actions .akko-sky-primary{color:#fff;background:#ff7417;border-color:#ff7417}
.akko-sky-actions svg{width:25px;height:25px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.akko-sky-primary:hover{background:#e95e08;border-color:#e95e08}
.akko-sky-primary:hover svg{transform:translateX(-3px)}
.akko-sky-secondary:hover{background:#edf6fc}
.akko-sky-actions a:focus-visible,.public-site-body.is-public-home .public-header a:focus-visible{outline:3px solid #137eae;outline-offset:4px}
html[dir=ltr] .akko-sky-copy{text-align:left}
html[dir=ltr] .akko-sky-brand{font-size:clamp(30px,2.7vw,50px)}
html[dir=ltr] .akko-sky-lead{font-size:clamp(15px,1.15vw,21px);white-space:normal}
html[dir=ltr] .akko-sky-actions{direction:ltr}
html[dir=ltr] .akko-sky-actions svg{transform:rotate(180deg)}

.public-site-body.is-public-home .sp-home-packages{--sp-home-overlap:0;max-width:1920px;margin:0 auto;padding:8px 4.15% 60px;background:#fff;color:#08375d;scroll-margin-top:18px}
.public-site-body.is-public-home .sp-home-packages::before{display:none}
.public-site-body.is-public-home .sp-home-packages>header{display:block;max-width:none;margin-bottom:18px;text-align:center}
.public-site-body.is-public-home .sp-home-packages>header h2{display:block;width:auto;margin:0;padding:0;color:#08375d;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:24px;font-weight:800;line-height:1.5}
.public-site-body.is-public-home .sp-home-packages>header::after{content:'';display:block;width:102px;height:3px;margin:12px auto 0;background:#ff7417}
.public-site-body.is-public-home .sp-home-packages>.sp-public-grid{max-width:none;gap:22px}
.public-site-body.is-public-home .sp-home-packages .sp-public-card{border-color:#e5ebf0;border-radius:12px;box-shadow:0 3px 8px rgba(8,47,83,.07)}
.public-site-body.is-public-home .sp-home-packages .sp-card-gallery-main{height:clamp(165px,9.8vw,188px)}


@keyframes akkoSkyArrival{from{opacity:.65;transform:translate3d(-9px,5px,0) scale(.995)}to{opacity:1;transform:none}}
@keyframes akkoSkyCopy{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

@media(max-width:1320px) and (min-width:761px){
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-inner{grid-template-columns:auto minmax(0,1fr) auto;min-height:76px;gap:24px;padding-inline:3%}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-brand{gap:10px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-mark{width:64px;min-width:64px;height:64px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-copy strong{font-size:24px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-menu{gap:24px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-menu a{font-size:14px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools{gap:10px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-guide-action,
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-booking-action{min-height:46px;padding-inline:14px;font-size:13px}
 .akko-sky-copy{top:18%;width:30%;right:3%}
 .akko-sky-lead{margin-top:12px}
 .akko-sky-actions{gap:12px;margin-top:24px}
 .akko-sky-actions a{min-height:50px;padding-inline:8px;gap:9px;font-size:14px}
 .akko-sky-actions svg{width:21px;height:21px}
}
/* Scale the approved desktop proportions together, including at browser zoom.
   Explicit widths prevent the compiled travelMethods theme's 238px rule leaking in. */
@media(min-width:1321px){
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-inner{min-height:clamp(60px,4.51856vw,84px);padding-block:min(.21517vw,4px);gap:min(1.72135vw,32px)}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-brand{gap:min(.86067vw,16px)}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-mark{width:min(4.08822vw,76px);min-width:0;height:min(4.08822vw,76px)}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-copy strong{font-size:clamp(24px,1.82894vw,34px)}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-menu{gap:min(2.58203vw,48px)}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-menu a{font-size:clamp(14px,1.07585vw,20px);min-height:min(2.36686vw,44px)}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools{gap:min(.75309vw,14px)}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools>a{min-height:min(2.7972vw,52px);padding-inline:min(1.18343vw,22px);font-size:clamp(14px,1.02152vw,19px)}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools>.public-guide-action{width:min(11.18881vw,208px)}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools>.public-admin-action{width:min(11.83432vw,220px)}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools>.public-booking-action:not(.public-admin-action){width:min(8.283vw,154px)}
 .akko-sky-lead{margin-top:min(.96826vw,18px)}
 .akko-sky-actions{gap:min(.96826vw,18px);margin-top:min(1.50619vw,28px)}
 .akko-sky-actions a{min-height:min(3.44271vw,64px);font-size:clamp(15px,1.18343vw,22px);gap:min(.96826vw,18px)}
 .akko-sky-actions svg{width:min(1.3448vw,25px);height:min(1.3448vw,25px)}
 .public-site-body.is-public-home .sp-home-packages{padding-top:min(.43034vw,8px)}
 .public-site-body.is-public-home .sp-home-packages>header h2{font-size:clamp(20px,1.50619vw,28px)}
 .public-site-body.is-public-home .sp-home-packages>header{margin-bottom:min(.53792vw,10px)}
 .public-site-body.is-public-home .sp-home-packages>header::after{width:min(5.48682vw,102px);margin-top:min(.64551vw,12px)}
}
@media(max-width:1100px) and (min-width:761px){
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-inner{grid-template-columns:auto minmax(0,1fr)}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-navigation{display:none}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-menu-toggle{display:grid;flex:none}
 .akko-sky-hero{min-height:210px}
 .akko-sky-copy{top:13%;width:32%;right:2.5%}
 .akko-sky-lead{font-size:16px;white-space:normal}
 .akko-sky-actions{gap:9px;margin-top:18px}
 .akko-sky-actions a{min-height:46px;font-size:12px}
}
@media(max-width:920px) and (min-width:761px){
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools>.public-guide-action{display:none}
}
@media(max-width:760px){
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-inner{grid-template-columns:minmax(0,1fr) auto;min-height:70px;gap:8px;padding:8px 16px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-brand{gap:9px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-mark{width:50px;min-width:50px;height:50px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-copy strong{font-size:21px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-navigation{display:none}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools{grid-column:2;gap:8px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools>.public-guide-action,
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools>.public-booking-action:not(.public-admin-action){display:none}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools>.public-admin-action{position:relative;width:42px;min-width:42px;min-height:42px;height:42px;padding:0;gap:0;border-color:#ced9e2}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools>.public-admin-action .material-icons{display:block;font-size:23px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-tools>.public-admin-action span:last-child{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-menu-toggle{display:grid;flex:none;width:42px;height:42px;border-radius:10px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-drawer-action{display:grid;gap:12px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-drawer-action a{width:100%;min-width:0;white-space:normal;box-sizing:border-box;font-size:14px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-drawer-action .public-booking-action{display:inline-flex!important}
 .akko-sky-hero{height:calc(208px + 36vw);min-height:0;aspect-ratio:auto;background:linear-gradient(#edf7fe,#fff 65%)}
 .akko-sky-art{top:auto;height:36vw;bottom:0}
 .akko-sky-art img{width:150%;margin-top:-6.77784%;max-width:none}
 .akko-sky-art::after{display:none}
 .akko-sky-art::before{display:none}
 .akko-sky-copy{top:20px;right:20px;width:calc(100% - 40px);text-align:center}
 .akko-sky-brand{font-size:32px;line-height:1.3}
 .akko-sky-lead{margin-top:8px;font-size:18px;line-height:1.7;white-space:normal}
 .akko-sky-actions{gap:12px;max-width:420px;margin:20px auto 0}
 .akko-sky-actions a{min-height:46px;padding:9px 8px;gap:9px;font-size:14px}
 .akko-sky-actions svg{width:21px;height:21px}
 .public-site-body.is-public-home .sp-home-packages{padding:18px 16px 44px}
 .public-site-body.is-public-home .sp-home-packages>header{margin-bottom:18px}
 .public-site-body.is-public-home .sp-home-packages>header h2{font-size:20px;line-height:1.6}
 .public-site-body.is-public-home .sp-home-packages>header::after{width:72px;margin-top:10px}
 .public-site-body.is-public-home .sp-home-packages>.sp-public-grid{gap:18px}
 .public-site-body.is-public-home .sp-home-packages .sp-card-gallery-main{height:190px}
 html[dir=ltr] .akko-sky-copy{text-align:center}
 html[dir=ltr] .akko-sky-brand{font-size:32px}
 html[dir=ltr] .akko-sky-lead{font-size:16px}
}
@media(max-width:360px){
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-header-inner{padding-inline:12px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-copy strong{font-size:19px}
 .public-site-body.is-public-home:not(.is-travel-package-view) .public-brand-mark{width:44px;min-width:44px;height:44px}
 .akko-sky-copy{right:14px;width:calc(100% - 28px)}
 .akko-sky-lead{font-size:16px}
 .akko-sky-actions{gap:8px}
 .akko-sky-actions a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .akko-sky-art,.akko-sky-copy{animation:none}
 .akko-sky-actions a,.akko-sky-actions svg{transition:none}
}

/* Published destinations replace the two hero calls to action. The copy stays in
   normal flow so additional rows grow the hero instead of covering the artwork. */
.akko-sky-hero--destinations{aspect-ratio:auto;min-height:clamp(280px,23.561vw,452px)}
.akko-sky-copy--destinations{position:relative;inset:auto;margin-inline:4.15% auto;padding-block:clamp(34px,5.4vw,100px) 30px}
.akko-sky-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;margin-top:24px;padding:6px;border:1px solid #d2e0e9;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 9px 26px rgba(8,55,93,.08),0 1px 2px rgba(8,55,93,.03);direction:inherit}
.akko-sky-destinations button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;max-width:100%;min-height:82px;margin:0;padding:12px 6px 14px;border:1px solid transparent;border-radius:12px;color:#36566f;background:transparent;box-shadow:none;font-family:inherit;font-size:14px;font-weight:800;line-height:1.55;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.akko-sky-destinations button svg{display:block;flex:none;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.akko-sky-destinations button span{display:block;max-width:100%;color:inherit;font:inherit}
.akko-sky-destinations button::after{position:absolute;inset-inline:0;bottom:6px;width:22px;height:3px;margin-inline:auto;border-radius:3px;background:#ff7417;content:'';opacity:0;transition:opacity .18s ease}
.akko-sky-destinations button:hover{color:#08375d;background:#eef5fa}
.akko-sky-destinations button.is-active{color:#fff;background:#083f60;border-color:#083f60;box-shadow:0 3px 8px rgba(8,55,93,.13)}
.akko-sky-destinations button.is-active::after{opacity:1}
.akko-sky-destinations button:focus-visible{outline:3px solid #137eae;outline-offset:2px}
.sp-public-card[hidden]{display:none!important}
@media(min-width:761px) and (max-width:1320px){
 .akko-sky-copy--destinations{margin-inline-start:3%;padding-top:4.2vw}
 .akko-sky-destinations{margin-top:18px}
 .akko-sky-destinations button{font-size:13px}
}
@media(min-width:761px) and (max-width:1100px){
 .akko-sky-copy--destinations{margin-inline-start:2.5%;padding-top:3.4vw}
}
@media(max-width:760px){
 .akko-sky-hero--destinations{height:auto;min-height:calc(208px + 36vw);padding-bottom:36vw}
 .akko-sky-copy--destinations{margin-inline:20px;padding-block:20px 18px}
 .akko-sky-destinations{margin:18px auto 0;max-width:540px}
 .akko-sky-destinations button{min-height:80px;font-size:13px}
}
@media(max-width:360px){
 .akko-sky-copy--destinations{margin-inline:14px}
 .akko-sky-destinations{gap:3px;padding:5px}
 .akko-sky-destinations button{padding-inline:4px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.akko-sky-destinations button,.akko-sky-destinations button::after{transition:none}}