:root{--t50:#effafa;--t100:#d6f4f4;--t400:#33c4c4;--t500:#00B1B1;--t700:#006e6e;--t800:#004f4f;--t900:#003636;--bg:#f6fcfc;--ink:#0a2b2b;--mut:#4a6666;--r:18px;--sh:0 6px 20px rgba(0,80,80,.12)}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:Tajawal,"Segoe UI",Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.8;overflow-x:clip}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--t500);outline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.skip{position:absolute;top:0;inset-inline-start:0;transform:translateY(-200%);background:#fff;padding:8px;z-index:30}.skip:focus{transform:none}
.hd{background:#fff;border-bottom:1px solid var(--t100);position:sticky;top:0;z-index:20}
.hd-in{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-family:Montserrat,"Segoe UI",sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;color:var(--t800)}.logo span{color:var(--t500)}
.burger{width:44px;height:44px;border:0;background:none;font-size:1.6rem;cursor:pointer;color:var(--t800)}
.nav{display:none;position:absolute;top:60px;inset-inline:0;background:#fff;flex-direction:column;padding:4px 20px 12px;box-shadow:var(--sh)}
.nav.open{display:flex}.nav a{padding:12px 4px;border-bottom:1px solid var(--t50)}.nav a:hover,.nav a[aria-current]{color:var(--t700)}.nav a[aria-current]{font-weight:700}
.crumbs ol{list-style:none;padding:12px 0;display:flex;flex-wrap:wrap;gap:2px 6px;font-size:.85rem;color:var(--mut)}
.crumbs li+li::before{content:"/";margin-inline-end:6px}.crumbs a:hover{color:var(--t700)}
.hero{position:relative;min-height:220px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--t700)}
.hero.lg{min-height:340px;justify-content:center;text-align:center}
.hero>img,.hero>.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,40,40,.82),rgba(0,40,40,0) 65%)}
.hero.lg::after{background:linear-gradient(to top,rgba(0,40,40,.85),rgba(0,40,40,0) 50%)}
.hero-t{position:relative;z-index:1;padding:24px 20px;max-width:1120px;margin:0 auto;width:100%}
.hero h1{font-size:2rem;line-height:1.3;font-weight:800}.hero p{max-width:34rem;margin:4px 0 16px;opacity:.95}.hero.lg p{margin-inline:auto}
.btn{display:inline-block;background:#fff;color:var(--t700);font-weight:700;padding:11px 26px;border-radius:99px}
.btn.dk{background:var(--t500);color:var(--t900)}.btn:hover{background:var(--t100)}.btn.dk:hover{background:var(--t400)}
.ph{background:linear-gradient(135deg,var(--t500),var(--t700));aspect-ratio:4/3;width:100%}
.sec{padding-block:22px}.sec h1{font-size:1.6rem;line-height:1.4;color:var(--t700)}.sec h2{font-size:1.25rem;color:var(--t700);margin:0 0 10px}
.sand{background:var(--t100)}.lead{color:var(--mut);margin:4px 0 20px}
.grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;transition:transform .2s}
.card:hover{transform:translateY(-3px)}
.card img,.card .ph{aspect-ratio:3/2;width:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.04)}
.card-b{padding:8px 10px 10px;display:flex;flex-direction:column;gap:2px;flex:1}.card h3{font-size:1rem;line-height:1.5;color:var(--t700)}
.card small{color:var(--mut);font-size:.78rem}.card p{font-size:.82rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.more{margin-top:auto;padding-top:4px;color:var(--t700);font-weight:700;font-size:.82rem}
.cc{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;color:#fff;box-shadow:var(--sh);background:var(--t700)}
.cc>img,.cc>.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;transition:transform .4s}.cc:hover>img{transform:scale(1.04)}
.cc::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,40,40,.85),rgba(0,40,40,0) 65%)}
.cc-t{position:absolute;z-index:1;inset-inline:0;bottom:0;padding:10px}.cc h3{font-size:1rem;line-height:1.4}.cc p{display:none;font-size:.92rem;opacity:.92}.cc span{font-weight:700;display:inline-block;margin-top:2px;font-size:.82rem}
.dimg img,.dimg .ph{display:block;width:100%;height:50vh;min-height:280px;max-height:640px;aspect-ratio:auto;object-fit:cover}
.loc{color:var(--mut);margin-bottom:16px}article h2{margin-top:22px}article .wrap>p,article .info{max-width:48rem}
.info{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;background:#fff;padding:16px;border-radius:var(--r);box-shadow:var(--sh)}.info dt{color:var(--mut)}.info dd{font-weight:700;margin:0}
.map{width:100%;height:320px;border:0;border-radius:var(--r);box-shadow:var(--sh);margin-bottom:14px}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gal img,.gal .ph{aspect-ratio:1;object-fit:cover;border-radius:12px}
.next{margin-top:24px}
.ft{background:var(--t900);color:#bfe9e9;padding:28px 0;margin-top:32px}.ft .logo{color:#fff;font-size:1.3rem}.ft .logo span{color:var(--t400)}.ft p{margin:4px 0 12px}.ft ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}.ft a:hover{color:#fff;text-decoration:underline}.ft small{display:block;margin-top:14px;opacity:.7}
@media(min-width:640px){.grid{gap:16px}.card img,.card .ph{aspect-ratio:4/3}.card-b{padding:10px 14px 12px}.card h3{font-size:1.15rem}.card small{font-size:.875rem}.card p{font-size:.92rem}.more{font-size:1rem;padding-top:8px}.cc-t{padding:14px}.cc h3{font-size:1.35rem}.cc p{display:block}.cc span{font-size:1rem}.trip{padding:10px 14px 12px}.trip h3{font-size:1.1rem}.trip p{font-size:.92rem}.hero h1{font-size:2.6rem}.gal{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.burger{display:none}.nav{display:flex;position:static;flex-direction:row;gap:22px;padding:0;box-shadow:none}.nav a{border:0;padding:0}
.grid{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.hero{min-height:360px}.hero.lg{min-height:540px}.hero h1{font-size:3rem}.dimg img,.dimg .ph{height:560px}.sec{padding-block:40px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.trip{display:block;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:8px 10px 10px;border-inline-start:5px solid var(--t500);transition:transform .2s}.trip:hover{transform:translateY(-3px)}.trip h3{font-size:1rem;color:var(--t700)}.trip p{font-size:.82rem}.trip .more{display:block;padding-top:6px}
@media(max-width:339px){.grid{grid-template-columns:1fr}}
.lnk{color:var(--t700);font-weight:700;text-decoration:underline}