/* SyaTrav site-wide visual refresh — keeps existing catalog, forms and admin data flow intact. */
:root{--navy:#082b53;--navy2:#0c3d75;--blue:#1858b4;--aqua:#28c5c1;--ink:#162a45;--muted:#64778d;--line:#dce7ed;--bg:#f6f8f7;--white:#fff;--shadow:0 18px 50px rgba(9,43,85,.09);--radius:14px}
body{background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.6}
.container{width:min(1200px,calc(100% - 48px))}
.site-header{background:rgba(7,35,67,.97);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1e;box-shadow:0 6px 25px #00162815}
.header-inner{height:78px;position:relative}.logo{font-size:29px;letter-spacing:-1.5px}.logo small{font-size:7px;letter-spacing:.21em}.main-nav{gap:30px;font-size:14px}.main-nav a{transition:color .18s,opacity .18s}.main-nav a:hover{color:#7ce7dc}.lang{border-radius:8px;padding:9px 12px;background:#ffffff12}
.hero{position:relative;min-height:530px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(5,27,53,.92),rgba(5,27,53,.68) 47%,rgba(5,27,53,.23)),url('/assets/egypt-hero.webp');background-size:cover;background-position:center 47%;padding:96px 0 112px}
.hero .inner{max-width:805px}.hero h1{max-width:760px;font-size:clamp(46px,6.8vw,78px);line-height:1.03;letter-spacing:-2.6px;text-wrap:balance}.hero p{font-size:clamp(18px,2vw,22px);max-width:690px;color:#e1edf2;line-height:1.55}.hero .eyebrow{font-size:12px;letter-spacing:.2em;color:#7be2dc}.hero-actions{gap:13px}.button{border-radius:8px;padding:13px 20px;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #001b3026}.button.ghost{background:#ffffffed;color:var(--navy)}
.section{padding:72px 0}.section-head{align-items:end;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(31px,4vw,45px);letter-spacing:-1.3px;line-height:1.1}.section-head p{max-width:560px;line-height:1.55}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.category-card{min-height:100%;border-radius:var(--radius);border-color:#e4e9e7;box-shadow:0 8px 26px #092b5509;transition:transform .24s,box-shadow .24s,border-color .24s}.category-card:hover{transform:translateY(-5px);border-color:#bbd9d7;box-shadow:0 20px 42px #092b5518}.category-media{aspect-ratio:1.38}.category-image{transition:transform .5s}.category-card:hover .category-image{transform:scale(1.04)}.category-body{padding:19px;gap:0}.category-body h3{font-size:20px;letter-spacing:-.3px}.category-body p{font-size:14px;line-height:1.5}.category-body .button{border-radius:7px;padding:11px 15px}
.feature-strip{background:#e9f4f1;border-block:1px solid #dcebe6}.feature-grid{gap:16px}.feature{border-radius:12px;border:1px solid #d4e8e3;box-shadow:0 8px 22px #092b5507}.feature b{font-size:18px}.feature p{font-size:14px;line-height:1.55}
.services-hero{position:relative;overflow:hidden;padding:64px 0 52px;background-image:linear-gradient(90deg,rgba(5,27,53,.91),rgba(7,59,90,.76)),url('/assets/egypt-hero.webp');background-size:cover;background-position:center 50%;color:#fff}.services-hero .eyebrow{color:#7be2dc}.services-hero h1{font-size:clamp(38px,5.4vw,62px);max-width:850px;letter-spacing:-1.8px;text-wrap:balance}.services-hero p{max-width:740px;font-size:18px;line-height:1.55;color:#deebf1}
.catalog{padding:32px 0 78px}.catalog-controls{top:77px;margin-inline:-12px;padding:14px 12px;background:rgba(246,248,247,.95);border-bottom:1px solid #dce7edaa}.search{border-radius:10px;padding:14px 16px;box-shadow:0 4px 18px #092b5509}.tabs{gap:9px;margin-top:12px}.tab{border-radius:8px;padding:9px 14px;font-size:13px;transition:background .18s,color .18s}.tab:not(.active):hover{border-color:#9dc9c5;background:#eef8f6}.catalog-title{margin:30px 0 19px}.catalog-title h2{font-size:clamp(29px,3.7vw,42px);letter-spacing:-1.2px}.catalog-title span{font-size:13px}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{border-radius:13px;border-color:#e2e9e7;box-shadow:0 7px 26px #092b5509;transition:transform .22s,box-shadow .22s}.service-card:hover{transform:translateY(-4px);box-shadow:0 17px 36px #092b5517}.service-photo{aspect-ratio:1.5}.service-photo img{transition:transform .5s}.service-card:hover .service-photo img{transform:scale(1.04)}.tag{left:13px;top:13px;border-radius:6px;padding:6px 9px;font-size:10px;letter-spacing:.06em}.service-body{padding:18px}.status-chip{border-radius:99px;font-size:10px}.code{font-size:10px;letter-spacing:.1em}.service-body h3{font-size:21px;line-height:1.25;letter-spacing:-.35px}.summary{font-size:14px;line-height:1.5;-webkit-line-clamp:3}.offer{border-radius:8px;font-size:13px}.tour-prices.compact{margin-top:auto}.tier-prices{gap:7px}.tier-price{border-radius:9px;padding:9px 10px}.card-foot{border-top:1px solid #e9efed;padding-top:13px;margin-top:12px}.price strong{font-size:16px}.card-foot .button{border-radius:7px}
.modal{padding:24px}.modal-card{border-radius:18px;overflow:hidden;box-shadow:0 30px 90px #00162755}.modal-close{top:14px;right:14px;border-radius:50%;width:40px;height:40px;background:#092b55e8;color:white;box-shadow:0 3px 12px #0003}.modal-cover{max-height:360px;object-fit:cover}.modal-content{padding:30px}.modal-content h2{font-size:clamp(27px,4vw,38px);line-height:1.17}.modal-content>p{color:var(--muted);font-size:15px}.modal-content section{border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.modal-content section h3{font-size:18px}.modal-actions{position:sticky;bottom:-30px;background:#fff;padding:16px 0 0;border-top:1px solid var(--line)}.modal-actions .button{border-radius:8px}.form-grid label{font-size:13px;font-weight:750}.form-grid input,.form-grid textarea,.form-grid select{border-radius:8px;border-color:#d7e2e5;padding:11px 12px}.form-grid input:focus,.form-grid textarea:focus{outline:2px solid #22aeb0;border-color:transparent}.newsletter{border-radius:16px;padding:clamp(24px,4vw,40px);background:linear-gradient(120deg,#092b55,#0c657a);box-shadow:0 16px 38px #092b551c}.newsletter h2{font-size:clamp(25px,3.5vw,36px)}.newsletter p{color:#d7e8ed}.newsletter-form input:not([type=checkbox]),.newsletter-form select{border-radius:8px}.newsletter-form button{border-radius:8px}.site-footer{background:#061d38}.footer-grid{gap:34px}.footer-links a:hover{color:#62d9d2}.whatsapp{box-shadow:0 8px 28px #031b3d48;border:2px solid #ffffffaa}
.menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #ffffff35;border-radius:8px;background:#ffffff12;color:#fff;font-size:19px;line-height:1}
[dir=rtl] .tag{left:auto;right:13px}.consent{line-height:1.4}
@media(max-width:1050px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.header-inner{gap:13px}.menu-btn{display:inline-flex;order:2}.header-inner>.lang{order:3}.main-nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:55;padding:13px;gap:5px;align-items:stretch;flex-direction:column;background:#082b53;border:1px solid #ffffff24;border-radius:0 0 12px 12px;box-shadow:0 15px 28px #03172b55}.main-nav.open{display:flex}.main-nav a{padding:12px;border-radius:7px}.main-nav a:hover{background:#ffffff12}.hero{min-height:490px}}
@media(max-width:650px){.container{width:calc(100% - 28px)}.header-inner{height:67px}.logo{font-size:25px}.main-nav{font-size:14px}.hero{min-height:520px;padding:66px 0 78px;background-position:57% center}.hero h1{font-size:clamp(39px,11vw,50px);line-height:1.04;letter-spacing:-1.55px}.hero p{font-size:16px;line-height:1.55}.hero-actions{gap:9px}.hero-actions .button{padding:12px 15px;font-size:13px}.section{padding:53px 0}.section-head{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:21px}.section-head h2{font-size:34px}.category-grid,.service-grid,.feature-grid{grid-template-columns:1fr;gap:14px}.category-media{aspect-ratio:1.68}.category-card{min-height:0}.category-body{padding:17px}.category-body h3{font-size:21px}.services-hero{padding:44px 0 35px;background-position:58% center}.services-hero h1{font-size:clamp(34px,10vw,44px);line-height:1.08;letter-spacing:-1.15px}.services-hero p{font-size:15px}.catalog{padding:18px 0 55px}.catalog-controls{top:66px;margin-inline:-6px;padding:10px 6px}.search{padding:12px 13px}.tabs{gap:7px}.tab{font-size:12px;padding:8px 11px}.catalog-title{margin:23px 0 15px}.catalog-title h2{font-size:30px}.service-photo{aspect-ratio:1.65}.service-body{padding:16px}.service-body h3{font-size:21px}.modal{padding:0}.modal-card{width:100%;max-width:100%;margin-top:4vh;border-radius:18px 18px 0 0;max-height:96vh}.modal-content{padding:23px 18px}.modal-actions{bottom:-23px}.newsletter{padding:23px;border-radius:12px}.footer-grid{gap:18px}.whatsapp{width:54px;height:54px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v4.0.1 — reliable touch scrolling for long service details on iOS and Android */
.modal{height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}
.modal.open{display:flex;align-items:flex-start;justify-content:center}
.modal-card{max-height:none;height:auto;overflow:visible;margin:20px auto 40px}
.modal-actions{position:static;bottom:auto}
@media(max-width:650px){
  .modal{height:100vh;height:100dvh;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}
  .modal.open{display:block}
  .modal-card{width:100%;max-width:100%;min-height:0;max-height:none;height:auto;margin:0 auto 28px;border-radius:18px 18px 0 0;overflow:visible}
  .modal-actions{position:static;display:flex;align-items:stretch;flex-direction:column;padding-bottom:22px}
  .modal-actions .button{width:100%}
}