:root{
  --sea-dark:#052f37; --sea-deeper:#041e26; --sea:#0d6670; --teal:#2ec4b6; --teal-2:#38d6c8;
  --gold:#d8ae74; --sand:#f0c989; --white:#ffffff; --text:#f7ffff; --muted:#b9d0d5;
  --glass:rgba(255,255,255,.075); --glass-2:rgba(255,255,255,.115); --line:rgba(255,255,255,.16);
  --shadow:0 24px 60px rgba(0,0,0,.28); --soft:0 14px 32px rgba(0,0,0,.18); --radius:28px; --radius-lg:42px; --container:1180px;
}
[data-theme="light"]{--sea-dark:#0b5b63;--sea-deeper:#073b4c;--text:#ffffff;--muted:#d6e8eb;--glass:rgba(255,255,255,.11);--glass-2:rgba(255,255,255,.18);--line:rgba(255,255,255,.2)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;direction:rtl;overflow-x:hidden;text-align:right;background:radial-gradient(circle at 18% 8%,rgba(46,196,182,.22),transparent 26%),linear-gradient(180deg,#0b5961 0%,#073f49 42%,#052a34 100%);color:var(--text);font-family:"Tajawal","Cairo","Noto Kufi Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.9} body.menu-open{overflow:hidden} img,video,svg{max-width:100%;display:block} a{color:inherit;text-decoration:none} button,input,select{font:inherit} button{cursor:pointer} p{color:var(--muted);font-size:clamp(1rem,1.4vw,1.16rem);margin:0 0 18px} h1,h2,h3{color:var(--text);line-height:1.22;margin:0 0 18px;font-weight:950;letter-spacing:-.04em} h1{font-size:clamp(3.15rem,8.5vw,6.8rem)} h2{font-size:clamp(2.15rem,5.2vw,4.4rem)} h3{font-size:clamp(1.28rem,2.2vw,1.7rem)} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(46,196,182,.75);outline-offset:4px}.container{width:min(var(--container),calc(100% - 42px));margin-inline:auto}.section{position:relative;overflow:hidden;padding:92px 0}.scroll-progress{position:fixed;top:0;right:0;height:5px;width:0%;z-index:9999;background:linear-gradient(90deg,var(--teal),var(--gold))}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(5,47,55,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(22px)}.navbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:clamp(1.45rem,3.4vw,2.7rem);font-weight:1000;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:14px;order:2}.brand{order:1}.icon-btn,.menu-toggle{width:58px;height:58px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#06343b;box-shadow:var(--soft);transition:.22s ease;font-size:1.35rem}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;background:transparent;border-color:transparent;box-shadow:none}.menu-toggle span{width:34px;height:4px;border-radius:999px;background:#fff;transition:.2s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(11px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.icon-btn:hover,.menu-toggle:hover{transform:translateY(-2px)}.nav-links{position:fixed;top:110px;right:5vw;left:5vw;z-index:1001;list-style:none;margin:0;padding:24px;display:flex;flex-direction:column;gap:8px;align-items:stretch;border:1px solid rgba(255,255,255,.15);border-radius:34px;background:rgba(5,56,67,.92);backdrop-filter:blur(24px);box-shadow:var(--shadow);transform:translateY(-125%);opacity:0;pointer-events:none;transition:.25s ease}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links a{display:flex;justify-content:center;padding:13px 18px;border-radius:18px;color:rgba(255,255,255,.78);font-weight:850;font-size:1.08rem}.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(46,196,182,.16)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);background:rgba(216,174,116,.18);border:1px solid rgba(216,174,116,.32);padding:8px 18px;border-radius:999px;font-weight:900;margin-bottom:18px}.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--teal)}.greeting{display:inline-flex;margin-bottom:14px;color:#dff7f7;background:rgba(255,255,255,.08);border:1px solid var(--line);padding:8px 14px;border-radius:999px}.lead{font-size:clamp(1.18rem,2.2vw,1.55rem);max-width:850px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border:0;border-radius:20px;padding:14px 28px;font-weight:950;transition:.22s ease}.btn.primary{background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#082d35;box-shadow:0 18px 34px rgba(46,196,182,.2)}.btn.secondary,.btn.ghost,.btn.details-btn{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.18);color:#fff}.btn:hover{transform:translateY(-3px);box-shadow:var(--soft)}.hero-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero{min-height:calc(100vh - 96px);display:grid;align-items:center;padding:110px 0 80px}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,30,38,.25),rgba(4,30,38,.82)),url('../assets/images/hero-red-sea.jpg') center/cover no-repeat;opacity:.45;mix-blend-mode:screen}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.hero-card,.feature-panel,.island-visual,.contact-form,.phone-mockup,.assistant-box,.resort-card,.experience-card,.offer-card,.route-card,.highlight-card{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.055));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--soft);overflow:hidden}.hero-video{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:32px;background:#000}.hero-card{padding:14px}.floating-note{position:absolute;right:28px;bottom:28px;background:rgba(6,48,56,.88);border:1px solid var(--line);border-radius:24px;padding:14px 18px}.floating-note span{display:block;color:var(--muted);font-size:.9rem}.hero-stats,.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}.hero-stats article,.mini-stats article{padding:22px 16px;text-align:center;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid var(--line)}.hero-stats strong,.mini-stats strong{display:block;color:var(--teal);font-size:clamp(2rem,4vw,3rem);line-height:1}.hero-stats strong:before,.mini-stats strong:before{content:"+"}.hero-stats span,.mini-stats span{color:var(--muted);font-weight:750}
.section-head{max-width:880px;margin:0 auto 44px;text-align:center}.section-copy{max-width:850px}.two-col,.shura-grid,.app-grid,.contact-grid{display:grid;grid-template-columns:1fr .92fr;gap:46px;align-items:center}.feature-panel img{height:390px;width:100%;object-fit:cover}.panel-card,.resort-card div,.highlight-card div{padding:24px}.reason-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.reason-strip article{background:var(--glass);border:1px solid var(--line);border-radius:24px;padding:18px;transition:.22s}.reason-strip article:hover{transform:translateY(-6px)}.reason-strip span{display:block;font-size:2rem}.reason-strip b{display:block;color:#fff}.reason-strip small{color:var(--muted)}.visual-highlights,.experiences,.plan{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(46,196,182,.05))}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.highlight-card img{width:100%;height:300px;object-fit:cover}.highlight-card span,.resort-card span,.offer-card span{display:inline-flex;color:var(--gold);font-weight:900;margin-bottom:8px}.shura:before{content:"";position:absolute;inset:auto -10% 8% -10%;height:170px;background:radial-gradient(ellipse,rgba(46,196,182,.18),transparent 70%);animation:waveFloat 9s ease-in-out infinite}.island-visual{position:relative;min-height:420px;padding:16px}.island-visual img{width:100%;height:420px;object-fit:cover;border-radius:32px}.island-line{position:absolute;inset:32px;width:calc(100% - 64px);height:calc(100% - 64px);pointer-events:none}.island-line path{fill:none;stroke:rgba(240,201,137,.95);stroke-width:5;stroke-dasharray:18 13;animation:dash 8s linear infinite}.timeline{list-style:none;margin:20px 0 26px;padding:0;display:grid;gap:14px}.timeline li{background:var(--glass);border:1px solid var(--line);border-radius:24px;padding:18px}.timeline b{display:block;color:#fff}.timeline span{color:var(--muted)}.filter-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:32px}.filter-btn{border:1px solid var(--line);background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);padding:12px 22px;border-radius:999px;font-weight:950;transition:.22s}.filter-btn.active,.filter-btn:hover{background:var(--teal);color:#08343b}.card-grid,.resort-grid,.experience-grid,.offers-grid,.route-grid,.gallery-grid{display:grid;gap:24px}.resort-grid{grid-template-columns:repeat(3,1fr)}.resort-card,.experience-card,.offer-card,.route-card{transition:.22s}.resort-card:hover,.experience-card:hover,.offer-card:hover,.route-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.resort-card img{height:250px;width:100%;object-fit:cover}.card-hidden{display:none!important}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.experience-card{padding:28px}.experience-card .icon{font-size:2.6rem;width:74px;height:74px;display:grid;place-items:center;background:rgba(46,196,182,.1);border-radius:24px;margin-bottom:24px}.experience-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.experience-meta span,.offer-meta{background:rgba(46,196,182,.12);color:var(--teal-2);border-radius:999px;padding:7px 12px;font-size:.9rem;font-weight:850}.offers-grid{grid-template-columns:repeat(4,1fr)}.offer-card{padding:28px}.offer-card .btn{width:100%;margin-top:18px}.steps{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.steps h3{margin:0}.steps div{color:var(--muted);font-weight:800}.steps span{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--teal);color:#08343b;border-radius:50%;margin-left:8px}.route-grid{grid-template-columns:repeat(5,1fr)}.route-card{padding:28px}.route-card b{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--line);border-radius:50%;font-size:1.55rem;margin-bottom:18px}.app-grid{grid-template-columns:1fr 380px}.assistant-box{padding:24px;margin-top:24px}.assistant-box button{display:inline-flex;margin:6px 0 6px 8px;border:1px solid var(--line);background:rgba(46,196,182,.12);color:#fff;border-radius:999px;padding:9px 14px}.phone-mockup{max-width:380px;min-height:540px;padding:28px;border:12px solid #031b22;border-radius:46px;background:linear-gradient(180deg,rgba(46,196,182,.18),rgba(255,255,255,.055))}.phone-top{width:110px;height:8px;background:#031b22;border-radius:999px;margin:0 auto 26px}.phone-mockup ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}.phone-mockup li{padding:12px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid var(--line)}.gallery-section{background:linear-gradient(180deg,#04232c,#031a21)}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.gallery-item{margin:0;position:relative;border-radius:32px;overflow:hidden;background:#031a21;box-shadow:var(--soft);cursor:zoom-in}.gallery-item img{width:100%;height:310px;object-fit:cover;transition:.45s}.gallery-item:hover img{transform:scale(1.08)}.gallery-item figcaption{position:absolute;right:14px;left:14px;bottom:14px;color:#fff;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);border-radius:18px;padding:10px 14px;font-weight:850}.contact-grid{align-items:start}.contact-form{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:20px;padding:16px}.contact-form input::placeholder{color:rgba(255,255,255,.48)}.contact-form select{grid-column:1/-1}.contact-form .btn{grid-column:1/-1}.form-message{grid-column:1/-1;font-weight:900}.form-message.success{color:#69e6b0}.form-message.error{color:#ff9a9a}.site-footer{background:#031820;color:#fff;padding:66px 0 26px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:30px}.site-footer p{color:rgba(255,255,255,.72)}.site-footer a{display:block;color:rgba(255,255,255,.72);margin:8px 0}.site-footer a:hover{color:var(--sand)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;color:rgba(255,255,255,.62);font-size:.95rem}.back-to-top{position:fixed;left:22px;bottom:22px;z-index:950;width:66px;height:66px;border-radius:50%;border:1px solid var(--teal);background:rgba(46,196,182,.12);color:var(--teal);font-size:2rem;box-shadow:var(--soft);opacity:0;transform:translateY(20px);pointer-events:none;transition:.22s}.back-to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}.lightbox,.modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.lightbox.open,.modal.open{display:flex}.lightbox img{max-height:78vh;border-radius:32px;box-shadow:var(--shadow)}.lightbox p{color:#fff;text-align:center;margin-top:14px}.modal-card{width:min(540px,100%);background:#07343d;color:#fff;border:1px solid var(--line);border-radius:34px;padding:32px;box-shadow:var(--shadow);position:relative}.modal-close{position:absolute;top:18px;left:18px;width:42px;height:42px;border:0;border-radius:50%;background:var(--teal);color:#062d34;font-size:1.6rem;display:grid;place-items:center}.reveal{opacity:0;transform:translateY(28px);transition:opacity .72s ease,transform .72s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes dash{to{stroke-dashoffset:-300}}@keyframes waveFloat{0%,100%{transform:translateX(0)}50%{transform:translateX(42px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(min-width:1040px){.menu-toggle{display:none}.nav-links{position:static;transform:none;opacity:1;pointer-events:auto;flex-direction:row;background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:0;gap:2px;order:3}.nav-links a{font-size:.9rem;padding:8px 10px}.header-actions{order:2}.brand{order:1}.icon-btn{width:48px;height:48px}.navbar{gap:12px}}
@media(max-width:1039px){.navbar{min-height:92px}.brand{margin-inline-start:auto}.hero-grid,.two-col,.shura-grid,.app-grid,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:82px}.hero-card{max-width:720px}.hero-stats,.mini-stats,.reason-strip{grid-template-columns:repeat(2,1fr)}.highlight-grid,.resort-grid,.offers-grid,.route-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.phone-mockup{margin-inline:auto}.nav-links{max-height:calc(100vh - 130px);overflow:auto}}
@media(max-width:700px){.container{width:min(100% - 34px,var(--container))}.section{padding:68px 0}.navbar{min-height:84px}.brand{font-size:1.65rem}.icon-btn,.menu-toggle{width:52px;height:52px}.menu-toggle span{width:30px;height:4px}.nav-links{top:96px;right:18px;left:18px}.hero{text-align:right;padding-top:62px}.hero-actions,.inline-actions{flex-direction:column}.btn{width:100%;border-radius:18px}.hero-stats,.mini-stats,.reason-strip,.highlight-grid,.resort-grid,.offers-grid,.route-grid,.footer-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.hero-card{display:none}.feature-panel img,.island-visual img,.highlight-card img{height:280px}.steps{flex-direction:column;align-items:stretch}.filter-bar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.filter-btn{white-space:nowrap}.back-to-top{width:58px;height:58px}.gallery-item img{height:270px}}
@media(max-width:430px){.container{width:min(100% - 28px,var(--container))}h1{font-size:3.05rem}h2{font-size:2.15rem}.section{padding:58px 0}.brand{font-size:1.42rem}.icon-btn,.menu-toggle{width:48px;height:48px}.header-actions{gap:8px}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats article{padding:16px 10px}.hero-stats strong{font-size:2.2rem}.nav-links a{font-size:1.04rem;padding:12px}.phone-mockup{min-height:430px;border-width:8px}.site-footer{text-align:right}}

body.menu-open{overflow:hidden}.nav-links.open{display:flex;visibility:visible}.trip-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.trip-option{border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;border-radius:18px;padding:14px 10px;font-weight:900;cursor:pointer;transition:.22s ease}.trip-option:hover,.trip-option.selected{background:var(--teal);color:#07343b;transform:translateY(-2px)}.contact-form select option{background:#fff;color:#07343b}@media(max-width:700px){.nav-links{z-index:3000;box-shadow:0 30px 80px rgba(0,0,0,.45)}.trip-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.trip-options{grid-template-columns:1fr}.trip-option{min-height:52px}}

/* Hostinger final polish */
.footer-grid-clean a { color: rgba(255,255,255,.78); }
.footer-grid-clean a:hover { color: var(--teal); }
@media(max-width:700px){.nav-links.open{transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important;}}