:root{
  --navy:#062e66;--blue:#0b63d8;--red:#e51f39;--ink:#10244c;--muted:#66738b;
  --bg:#f7f9fc;--white:#fff;--line:#e5e9f0;--shadow:0 12px 30px rgba(14,38,78,.12)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.65}
body[dir=ltr]{direction:ltr}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
img{max-width:100%;display:block}

.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #edf0f4}
.header-bar{max-width:1400px;margin:auto;padding:12px 26px;min-height:88px;display:flex;align-items:center;gap:34px}
.brand{order:1;display:flex;align-items:center;gap:12px;margin-right:auto}
.brand img{width:76px;height:76px;object-fit:contain;border-radius:50%;padding:3px;background:#fff}
.brand-copy{display:flex;flex-direction:column}
.brand-title{font-size:18px;font-weight:900}
.brand-subtitle{font-size:11px;color:#6f7890}
.main-nav{order:2;flex:0 1 auto}
.nav-links{display:flex;gap:5px;align-items:center}
.nav-links a{padding:18px 11px;font-size:15px;font-weight:800;position:relative;white-space:nowrap}
.nav-links a:first-child{color:var(--red)}
.nav-links a:first-child:after{content:"";position:absolute;bottom:5px;right:11px;left:11px;height:2px;background:var(--red)}
.header-actions{order:3;display:flex;align-items:center;gap:10px}
.auth-link{border:1px solid #e3e7ef;border-radius:25px;padding:11px 22px;font-weight:800;background:#fff}
.lang-dropdown{position:relative}
.lang-trigger{border:1px solid #dfe5ed;background:#fff;border-radius:25px;padding:11px 17px;color:var(--ink)}
.lang-menu{display:none;position:absolute;top:48px;right:0;width:150px;background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:8px;z-index:200}
.lang-dropdown.open .lang-menu{display:block}
.lang-option{display:block;width:100%;text-align:right;background:#fff;border:0;padding:10px 12px;border-radius:9px;color:var(--ink);cursor:pointer}
.lang-option:hover,.lang-option.active{background:#f1f5fb;color:var(--blue)}
.menu-toggle{display:none;background:#fff;border:1px solid #e1e6ee;border-radius:12px;padding:9px 12px;font-size:20px}

.hero{position:relative;min-height:505px;display:flex;align-items:center;overflow:hidden;color:#fff;background-image:url("../assets/hero-istanbul-night-hd.jpg");background-size:cover;background-position:center 58%;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,30,70,.18),rgba(4,30,70,.08) 55%,rgba(4,30,70,.2))}
.hero-inner{position:relative;z-index:2;width:min(1120px,92%);margin:auto;text-align:center}
.hero-copy{margin:0 auto;max-width:850px}
.hero-badge{display:inline-block;border:1px solid rgba(255,255,255,.6);padding:9px 22px;border-radius:30px;letter-spacing:.12em;font-size:13px;margin-bottom:20px;background:rgba(0,0,0,.08)}
.hero h1{font-size:clamp(42px,5.2vw,72px);line-height:1.2;margin:0;font-weight:900;text-shadow:0 4px 15px rgba(0,0,0,.35)}
.hero p{font-size:21px;margin:20px 0;color:#fff;text-shadow:0 2px 8px #0008}
.hero-buttons{display:flex;justify-content:center;gap:14px;margin-top:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;padding:13px 32px;font-weight:800}
.btn-primary{background:#0867dc;color:#fff;box-shadow:0 10px 24px #004ea94d}
.btn-secondary{border:1px solid #fff;color:#fff;background:#ffffff16}
.btn:hover{transform:translateY(-2px)}

.rates-wrap{width:min(1200px,94%);margin:-38px auto 0;position:relative;z-index:5;background:#fff;border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
.rate-card,.rate-update{min-height:150px;display:flex;align-items:center;justify-content:center;gap:17px;padding:22px;border-left:1px solid #edf0f4}
.rate-card strong{display:block;font-size:25px}
.rate-card span{display:block;font-weight:800;margin-top:4px}
.rate-card small{display:block;margin-top:7px}
.rate-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:900}
.rate-icon.gold{background:#fff0c2;color:#d99a00}.rate-icon.usd{background:#e5e8ee;color:#222}.rate-icon.tl{background:#e92138;color:#fff}
.up{color:#159447;font-weight:800}.rate-update{justify-content:flex-start}.clock{font-size:40px}.rate-update span{display:block;font-size:13px;margin-top:5px}

.section{width:min(1200px,94%);margin:0 auto;padding:55px 0}
.section-head{text-align:center;margin-bottom:25px}
.section-head h2{font-size:32px;margin:5px 0 0}
.section-line{color:#173f81;font-weight:900;font-size:19px}.section-line b{color:var(--red)}
.service-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:stretch}
.service-card{min-height:260px;border-radius:17px;padding:20px 12px 15px;text-align:center;box-shadow:0 8px 25px #183d6b12;border:1px solid #eef1f5;display:flex;flex-direction:column;align-items:center}
.service-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#1263d1;color:#fff;font-size:26px;font-weight:900;margin-bottom:12px}
.service-card h3{font-size:17px;margin:0 0 8px}.service-card p{font-size:12px;color:#3f4c66;min-height:58px;margin:0 0 12px}
.service-card a{margin-top:auto;width:100%;border-radius:25px;padding:9px 5px;background:#0b63d8;color:#fff;font-size:12px;font-weight:800}
.card-membership{background:#e8f7f9}.card-membership .service-icon{background:#147b8d}.card-membership a{background:#147b8d}
.card-sim{background:#ffeef3}.card-sim .service-icon{background:#e51f39}.card-sim a{background:#e51f39}
.card-bank{background:#fff0e7}.card-bank .service-icon{background:#ef620d}.card-bank a{background:#ef620d}
.card-exchange{background:#eaf2ff}.card-exchange .service-icon{background:#1169db}
.card-residence{background:#ecfaee}.card-residence .service-icon{background:#149c31}.card-residence a{background:#149c31}
.card-university{background:#f0eafa}.card-university .service-icon{background:#4e12a7}.card-university a{background:#4e12a7}
.card-flight{background:#fff1dc;position:relative}.card-flight:before{content:"جدید";position:absolute;top:8px;left:-3px;background:#ffc400;color:#3b2a00;padding:3px 10px;border-radius:0 15px 15px 0;font-size:10px;font-weight:900}.card-flight .service-icon{background:#1263d1}.card-flight a{background:#1263d1}

.section-perks{padding-top:0}.perk-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #edf0f4;border-radius:18px;box-shadow:0 7px 22px #173b6b0b;overflow:hidden}
.perk-card{display:flex;align-items:center;gap:15px;padding:22px;border-left:1px solid #edf0f4}.perk-icon{font-size:36px;color:#0d438d}.perk-card strong{font-size:17px}.perk-card p{margin:4px 0 0;font-size:12px;color:#59677d}

.about-panel{width:min(1200px,94%);margin:0 auto 50px;padding:32px;background:#fff;border:1px solid #edf0f4;border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.about-copy h2{font-size:30px;margin:7px 0}.about-copy p{color:#59677d;max-width:700px}.outline-btn{display:inline-block;border:1px solid #0b63d8;color:#0b63d8;border-radius:25px;padding:8px 20px;font-weight:800}.about-photo{height:220px;border-radius:15px;background:url("https://images.unsplash.com/photo-1524231757912-21f4fe3a7200?auto=format&fit=crop&w=1000&q=85") center/cover}

.contact-strip{width:min(1200px,94%);margin:0 auto 55px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.contact-strip>div{padding:22px;border-left:1px solid #edf0f4}.contact-strip strong{font-size:18px}.contact-strip p{color:#58667c;font-size:13px}

.site-footer{background:#062f68;color:#fff;padding-top:45px}.footer-top{width:min(1200px,94%);margin:auto;display:grid;grid-template-columns:1.25fr 1fr 1fr 1.2fr;gap:35px;padding-bottom:35px}.footer-top>div{border-left:1px solid #ffffff35;padding-left:30px}.footer-top h4{margin:0 0 10px;font-size:18px}.footer-top a{display:block;color:#eef5ff;margin:6px 0;font-size:13px}.footer-top p{font-size:12px;color:#e2eaff}.footer-brand img{width:74px;height:74px;object-fit:contain;margin-bottom:8px}.footer-brand strong{display:block;font-size:18px}.footer-brand small{display:block;color:#c6d5ec}.socials{display:flex;gap:10px;margin-top:12px}.socials span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e92b78}.socials span:nth-child(2){background:#2696e8}.socials span:nth-child(3){background:#1bb86a}.footer-bottom{text-align:center;border-top:1px solid #ffffff20;padding:13px;color:#dbe7f7;font-size:12px}

@media(max-width:1050px){
  .header-bar{gap:12px}.nav-links{gap:0}.nav-links a{padding:16px 7px;font-size:13px}
  .service-grid{grid-template-columns:repeat(4,1fr)}.rates-wrap{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .header-bar{padding:10px 14px;min-height:70px}.brand{order:1}.brand img{width:55px;height:55px}.brand-title{font-size:14px}.brand-subtitle{display:none}
  .header-actions{order:2;margin-left:auto}.main-nav{position:absolute;top:70px;left:0;right:0;background:#fff;display:none;padding:12px 15px;box-shadow:0 12px 20px #0001}.main-nav.open{display:block}.nav-links{display:grid;grid-template-columns:1fr 1fr}.nav-links a{text-align:center}
  .menu-toggle{display:block}.auth-link{padding:9px 12px;font-size:12px}.lang-trigger{padding:9px 12px;font-size:12px}
  .hero{min-height:500px}.hero h1{font-size:39px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;align-items:center}.btn{width:230px}
  .rates-wrap{grid-template-columns:1fr 1fr;margin-top:-28px}.rate-card,.rate-update{min-height:125px;padding:14px;gap:9px}.rate-card strong{font-size:19px}.rate-icon{width:44px;height:44px;font-size:22px}
  .service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:245px}.perk-grid{grid-template-columns:1fr 1fr}.perk-card{padding:14px}
  .about-panel{grid-template-columns:1fr}.about-photo{height:170px;grid-row:1}
  .contact-strip{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .lang-dropdown{display:none}.auth-link{display:none}.hero h1{font-size:32px}.hero-badge{font-size:10px}.rates-wrap{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.perk-grid,.contact-strip,.footer-top{grid-template-columns:1fr}.footer-top>div{border-left:0;border-bottom:1px solid #ffffff25;padding:15px 0}.rate-card,.rate-update{border-left:0;border-bottom:1px solid #edf0f4}
}

/* ===== Account / authentication / orders ===== */
.account-modal{display:none;position:fixed;inset:0;z-index:9999;direction:rtl}
.account-modal.open{display:block}
.account-backdrop{position:absolute;inset:0;background:rgba(4,19,46,.62);backdrop-filter:blur(4px)}
.account-panel{position:relative;z-index:2;width:min(560px,calc(100% - 28px));max-height:90vh;overflow:auto;margin:5vh auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.28);padding:30px}
.account-close{position:absolute;top:12px;left:15px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f4f8;font-size:27px;color:#24344f;cursor:pointer}
.account-logo{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#073d79;color:#fff;font-weight:900;font-size:18px;margin:0 auto 12px}
.auth-view{text-align:center;padding:8px 8px 16px}.account-muted{color:#69768b;font-size:13px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f1f4f8;padding:5px;border-radius:14px;margin:20px 0}
.auth-tab{border:0;background:transparent;border-radius:10px;padding:10px;cursor:pointer;font-weight:800;color:#52627b}
.auth-tab.active{background:#fff;color:#0b63d8;box-shadow:0 3px 12px #12355a12}
.account-form{display:grid;gap:12px;text-align:right}.account-form label{font-weight:800;font-size:13px;color:#273955}
.account-form input{width:100%;margin-top:6px;padding:12px 13px;border:1px solid #dce3ec;border-radius:12px;outline:0}
.account-form input:focus{border-color:#0b63d8;box-shadow:0 0 0 3px #0b63d81a}
.form-error{min-height:17px;color:#d91e38;font-size:12px}
.hidden{display:none!important}
.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #edf0f4;padding-bottom:18px}
.dashboard-head h2{margin:2px 0;font-size:22px}.dashboard-head p{margin:0;color:#66738b;font-size:12px}
.account-kicker{font-size:11px;color:#0b63d8;font-weight:900}
.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.dashboard-cards>div{background:#f5f8fc;border:1px solid #e7ebf2;border-radius:15px;padding:14px;text-align:center}
.dashboard-cards strong{display:block;font-size:25px;color:#073d79}.dashboard-cards span{font-size:11px;color:#64728a}
.orders-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:10px 0}
.orders-title h3{font-size:16px;margin:0}.orders-title span{font-size:11px;color:#748096}
.order-item{border:1px solid #e1e7ef;border-radius:15px;padding:15px;margin:10px 0;background:#fff}
.order-top{display:flex;justify-content:space-between;gap:10px}.order-service{font-weight:900}
.status{font-size:10px;border-radius:20px;padding:4px 9px;background:#fff1c8;color:#795b00;white-space:nowrap}
.status.done{background:#ddf7e4;color:#14713a}.status.cancelled{background:#ffe0e5;color:#a3132c}
.order-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;color:#64728a;font-size:11px}
.tracking-code{font-family:monospace;font-size:14px;font-weight:900;color:#0b63d8;background:#edf5ff;padding:5px 8px;border-radius:7px;direction:ltr;display:inline-block}
.empty-orders{text-align:center;color:#718096;padding:28px;border:1px dashed #d9e1eb;border-radius:15px}
@media(max-width:480px){.account-panel{padding:23px 16px}.dashboard-cards{grid-template-columns:1fr}.orders-title{display:block}.order-meta{grid-template-columns:1fr}}


/* V28 FINAL HEADER POSITION
   Right: logo first, text immediately to its left
   Center: navigation
   Left: login + language flags
*/
.header-bar{
  direction:ltr !important;
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
}
.header-bar .header-actions{
  order:1 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  direction:ltr !important;
  flex:0 0 auto !important;
}
.header-bar .main-nav{
  order:2 !important;
  flex:1 1 auto !important;
  display:flex !important;
  justify-content:center !important;
  min-width:0 !important;
}
.header-bar .brand{
  order:3 !important;
  margin-left:auto !important;
  margin-right:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:12px !important;
  direction:rtl !important;
  flex:0 0 auto !important;
}
.header-bar .brand img{
  order:1 !important;
  flex:0 0 auto !important;
}
.header-bar .brand-copy{
  order:2 !important;
  text-align:right !important;
  direction:rtl !important;
  white-space:nowrap !important;
}
.header-bar .nav-links{
  justify-content:center !important;
}
.header-bar .auth-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  white-space:nowrap !important;
}
.header-bar .auth-person{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:19px !important;
  height:19px !important;
}
.header-bar .auth-person svg{
  width:19px !important;
  height:19px !important;
}
.header-bar .lang-flags{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  order:0 !important;
}
.header-bar .lang-flag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:17px !important;
  padding:5px 7px !important;
  border:1px solid #dfe5ed !important;
  background:#fff !important;
  border-radius:8px !important;
  cursor:pointer !important;
  line-height:1 !important;
}

/* Mobile: keep the brand on the right and controls on the left. */
@media(max-width:900px){
  .header-bar{
    direction:ltr !important;
    gap:8px !important;
  }
  .header-bar .brand{
    order:3 !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }
  .header-bar .header-actions{
    order:1 !important;
    margin-left:0 !important;
  }
  .header-bar .main-nav{
    order:2 !important;
  }
}


/* V29 — visible person icon beside login/register */
.header-bar .auth-link .auth-person{
  display:inline-flex !important;
  width:20px !important;
  height:20px !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 20px !important;
  color:currentColor !important;
  visibility:visible !important;
  opacity:1 !important;
}
.header-bar .auth-link .auth-person svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* V30 — account icon + sharper hero image */
.header-bar .auth-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  white-space:nowrap !important;
}
.header-bar .auth-link .auth-person{
  display:inline-flex !important;
  position:relative !important;
  width:21px !important;
  height:21px !important;
  min-width:21px !important;
  align-items:center !important;
  justify-content:center !important;
  color:#173a68 !important;
  visibility:visible !important;
  opacity:1 !important;
}
.header-bar .auth-link .auth-person::before{
  content:"" !important;
  position:absolute !important;
  top:1px !important;
  left:7px !important;
  width:7px !important;
  height:7px !important;
  border:2px solid currentColor !important;
  border-radius:50% !important;
  box-sizing:border-box !important;
}
.header-bar .auth-link .auth-person::after{
  content:"" !important;
  position:absolute !important;
  bottom:1px !important;
  left:3px !important;
  width:15px !important;
  height:9px !important;
  border:2px solid currentColor !important;
  border-bottom:0 !important;
  border-radius:10px 10px 0 0 !important;
  box-sizing:border-box !important;
}
.header-bar .auth-link .auth-person svg{
  display:none !important;
}

/* High-resolution hero photo. Falls back to the bundled image if offline. */
.hero{
  background-image:
    linear-gradient(rgba(3,15,35,.20),rgba(3,15,35,.28)),
    url("../assets/hero-istanbul-night-hd.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}


/* V31 — force a visible person icon in the login button */
.header-bar .auth-link{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  direction:ltr !important;
  gap:9px !important;
}
.header-bar .auth-link .auth-person{
  position:relative !important;
  display:inline-block !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  flex:0 0 20px !important;
  color:#173a68 !important;
  visibility:visible !important;
  opacity:1 !important;
}
.header-bar .auth-link .auth-person::before,
.header-bar .auth-link .auth-person::after{
  content:none !important;
}
.header-bar .auth-link .auth-person svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  color:#173a68 !important;
  stroke:#173a68 !important;
  fill:none !important;
  visibility:visible !important;
  opacity:1 !important;
}
.header-bar .auth-link .auth-label{
  display:inline-block !important;
  line-height:1.2 !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* V45 authentication header */
.auth-link.logged-in{width:42px;height:42px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;gap:0;text-decoration:none}
.auth-link.logged-in .auth-person{margin:0;display:inline-flex;align-items:center;justify-content:center}
.auth-link.logged-in .auth-person svg{width:20px;height:20px}
.auth-link .auth-label[hidden]{display:none!important}

/* V46 — logged-in account icon must remain visible on every viewport. */
.auth-link.logged-in{display:inline-flex !important;width:42px !important;height:42px !important;padding:0 !important;border-radius:50% !important;align-items:center !important;justify-content:center !important;gap:0 !important;}
.auth-link.logged-in .auth-label{display:none !important;}
.auth-link.logged-in .auth-person{display:inline-flex !important;width:20px !important;height:20px !important;align-items:center !important;justify-content:center !important;}
.auth-link.logged-in .auth-person svg{display:block !important;width:20px !important;height:20px !important;}

/* V50 RESTORED DESIGN — rates section added without changing the original layout */
.rates-section{margin-top:-38px;position:relative;z-index:5;padding-bottom:30px}
.rates-section .rates-wrap{margin:0 auto}
.rates-note{width:min(1200px,94%);margin:12px auto 0;background:#f7f9fc;border:1px solid #e9edf3;border-radius:15px;padding:13px 18px;display:flex;align-items:center;gap:22px;justify-content:center;font-size:12px;color:#53627a}
.rates-note>div{display:flex;flex-direction:column;gap:4px;min-width:230px}.rates-note b{color:#10244c;font-size:13px}.rates-note .btn{margin-right:auto;white-space:nowrap}
.rate-card span{line-height:1.5}.rate-card span small{font-size:10px;color:#6b778b;font-weight:500;margin-right:3px}.rate-card small{color:#6b778b}
@media(max-width:760px){.rates-note{flex-direction:column;align-items:stretch}.rates-note>div{min-width:0}.rates-note .btn{margin:0;text-align:center}.rates-section{margin-top:-28px}}