:root{
  --bg:#0b0b0b;
  --bg2:#111;
  --text:#111;
  --muted:#5b5b5b;
  --white:#fff;
  --gold:#d4af37;
  --gold2:#9b7a1c;
  --card:#ffffff;
  --shadow: 0 18px 50px rgba(0,0,0,.10);
  --radius: 18px;
  --radius2: 26px;
  --max: 1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:#f7f7f7;
}
body.rtl{direction:rtl}
body.rtl .nav__list{gap:18px}
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}

.container{width:min(var(--max), 92vw); margin:0 auto}
.skip-link{position:absolute; left:-999px; top:auto; width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px; top:16px; width:auto; height:auto; background:#fff; padding:10px 14px; border-radius:10px; z-index:9999}

.topbar{background:#0b0b0b; color:#fff; font-size:13px}
.topbar__inner{display:flex; align-items:center; justify-content:space-between; padding:10px 0; gap:14px}
.topbar__left{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.topbar__item{opacity:.9}
.topbar__item:hover{opacity:1}
.topbar__sep{opacity:.5}

.lang{position:relative}
.lang__btn{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.08); border:1px solid rgba(212,175,55,.35);
  color:#fff; padding:8px 10px; border-radius:12px; cursor:pointer;
}
.lang__btn:hover{background:rgba(255,255,255,.12)}
.lang__list{
  position:absolute; right:0; top:44px;
  list-style:none; margin:0; padding:8px;
  background:#0f0f0f; border:1px solid rgba(212,175,55,.35);
  border-radius:14px; min-width:190px;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
  display:none;
  z-index:1000;
}
.lang__list.open{display:block}
.lang__list li{
  padding:10px 10px; border-radius:10px; cursor:pointer; color:#fff; opacity:.9;
}
.lang__list li:hover{background:rgba(212,175,55,.12); opacity:1}

.header{position:sticky; top:0; z-index:800; background:rgba(255,255,255,.80); backdrop-filter: blur(10px); border-bottom:1px solid rgba(0,0,0,.06)}
.header__inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0; gap:14px}
.brand{
  display:flex; flex-direction:column; line-height:1;
  letter-spacing:.08em;
}
.brand__mark{font-weight:800; font-size:22px; color:#0b0b0b}
.brand__vip{font-weight:800; font-size:22px; color:var(--gold)}
.brand__sub{font-weight:700; font-size:11px; color:#333; margin-top:4px; letter-spacing:.22em}
.brand--footer .brand__mark, .brand--footer .brand__sub{color:#fff}

.nav{display:flex; align-items:center; gap:10px}
.nav__toggle{
  width:44px; height:44px; border-radius:14px; border:1px solid rgba(0,0,0,.10);
  background:#fff; cursor:pointer; display:none;
  align-items:center; justify-content:center; flex-direction:column; gap:5px;
}
.nav__toggle span{width:18px; height:2px; background:#111; display:block; border-radius:99px}
.nav__list{list-style:none; margin:0; padding:0; display:flex; gap:22px; align-items:center}
.nav__list a{font-weight:600; font-size:14px; opacity:.85}
.nav__list a:hover{opacity:1; color:#000}
.header__cta{display:inline-flex}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:13px 16px; border-radius:14px; font-weight:700; border:1px solid transparent;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.btn--sm{padding:10px 12px; border-radius:12px; font-size:13px}
.btn--gold{
  background:linear-gradient(135deg, var(--gold), var(--gold2));
  color:#0b0b0b; box-shadow: 0 16px 35px rgba(212,175,55,.28);
}
.btn--gold:hover{transform: translateY(-1px); box-shadow: 0 22px 45px rgba(212,175,55,.34)}
.btn--ghost{
  background:rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.28);
  color:#fff;
}
.section--light .btn--ghost{
  background:#fff; border-color: rgba(0,0,0,.12); color:#111;
}
.btn--ghost:hover{transform: translateY(-1px)}
.hero{
  position:relative; min-height: 86vh; display:flex; align-items:center; color:#fff;
  background:#000; overflow:hidden;
}
.hero__video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter: contrast(1.04) saturate(1.06);}
.hero__overlay{position:absolute; inset:0; background: radial-gradient(900px 400px at 20% 35%, rgba(212,175,55,.22), transparent 60%),
linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.72));}
.hero__content{position:relative; padding:80px 0 56px}
.hero__badge{
  display:inline-flex; align-items:center; gap:10px;
  background: rgba(15,15,15,.50);
  border:1px solid rgba(212,175,55,.35);
  padding:10px 14px; border-radius:999px; font-weight:700; font-size:13px;
}
.hero__title{
  font-family: "Playfair Display", serif;
  font-size: clamp(34px, 4.2vw, 58px);
  margin:18px 0 12px;
  letter-spacing:.01em;
}
.hero__sub{max-width: 760px; font-size:16px; line-height:1.7; opacity:.92; margin:0 0 22px}
.hero__actions{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:26px}
.hero__trust{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; margin-top:22px}
.trust-card{
  background: rgba(12,12,12,.55);
  border:1px solid rgba(212,175,55,.22);
  border-radius: var(--radius);
  padding:14px;
  display:flex; gap:12px; align-items:flex-start;
}
.trust-card__icon{
  width:40px; height:40px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(212,175,55,.18);
  color: var(--gold);
}
.trust-card__title{font-weight:800; font-size:13px}
.trust-card__desc{font-size:13px; opacity:.9; line-height:1.55}

.section{padding:76px 0}
.section--light{background:#f7f7f7}
.section--dark{background: #0b0b0b; color:#fff}
.section__head{margin-bottom:26px}
.section__head--dark .section__sub{opacity:.85}
.section__title{
  font-family: "Playfair Display", serif;
  font-size: 34px; margin:0 0 8px;
}
.section__sub{color: #444; margin:0; max-width: 860px; line-height:1.7}
.section--dark .section__sub{color: rgba(255,255,255,.82)}

.grid{display:grid; gap:14px}
.grid--services{grid-template-columns: repeat(4, minmax(0,1fr))}
.card{
  background: var(--card);
  border-radius: var(--radius2);
  box-shadow: var(--shadow);
  padding:18px;
  border:1px solid rgba(0,0,0,.06);
}
.card--gold{
  border-color: rgba(212,175,55,.35);
  position:relative;
}
.card--gold::after{
  content:""; position:absolute; inset:0; border-radius: var(--radius2);
  pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(212,175,55,.18);
}

/* Dark section cards: keep premium black/gold look and avoid white-on-white */
.section--dark .card{
  background:#0f0f0f;
  color:#ffffff;
  border:1px solid rgba(212,175,55,.18);
}
.section--dark .card p,
.section--dark .card li,
.section--dark .card div{
  color: rgba(255,255,255,.88);
}
.section--dark .card--gold{
  border-color: rgba(212,175,55,.55);
}
.section--dark .pill--gold{
  background: rgba(212,175,55,.14);
  color:#d4af37;
  border:1px solid rgba(212,175,55,.55);
}
.card--dark{
  background: #0f0f0f;
  border-color: rgba(212,175,55,.25);
  color:#fff;
  box-shadow: 0 22px 60px rgba(0,0,0,.45);
}
.card__icon{
  width:44px; height:44px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(212,175,55,.16);
  color: var(--gold);
  margin-bottom:12px;
}
.card__title{margin:0 0 8px; font-size:16px; font-weight:900}
.card__text{margin:0; color:#444; line-height:1.7}
.section--dark .card__text{color: rgba(255,255,255,.82)}
.card__mini{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}

/* Make pills readable on dark cards (white background + dark text) */
.card--dark .pill{
  background:#fff;
  color:#111;
  border-color: rgba(255,255,255,.25);
}

.pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:999px;
  font-size:12px; font-weight:800;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
}
.pill--gold{
  background: rgba(212,175,55,.12);
  border-color: rgba(212,175,55,.35);
  color: #fff;
}
.section--light .pill--gold{color:#111}

.fleet{display:grid; grid-template-columns: 1.2fr .8fr; gap:16px}
.fleet__gallery{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px}
.fleet__item{
  border-radius: 22px; overflow:hidden;
  border:1px solid rgba(212,175,55,.25);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  background:#000;
}
.fleet__item img{width:100%; height:220px; object-fit:cover; opacity:.98}
.fleet__note{display:flex; flex-direction:column; gap:12px}
.note{
  display:flex; gap:12px; align-items:flex-start;
  padding:16px; border-radius: var(--radius2);
  border:1px solid rgba(212,175,55,.25);
  background: rgba(15,15,15,.55);
}
.note__icon{
  width:44px; height:44px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(212,175,55,.14);
  color: var(--gold);
}
.note__title{font-weight:900; margin:2px 0 6px}
.note__text{margin:0; opacity:.86; line-height:1.7; font-size:14px}

.counters{margin-top:26px; border-top:1px solid rgba(212,175,55,.16); padding-top:22px}
.counters__title{margin:0 0 12px; font-weight:900}
.counters__grid{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:12px}
.counter{
  background: rgba(15,15,15,.55);
  border:1px solid rgba(212,175,55,.18);
  border-radius: var(--radius);
  padding:16px;
}
.counter__num{font-size:34px; font-weight:950; color: var(--gold); letter-spacing:.02em}
.counter__label{opacity:.86; font-weight:700}

.split{display:grid; grid-template-columns: 1.1fr .9fr; gap:18px; align-items:start}
.form{padding:18px}
.form label{display:flex; flex-direction:column; gap:7px; font-weight:800; font-size:13px}
.form input,.form select,.form textarea{
  font:inherit; padding:12px 12px; border-radius:14px;
  border:1px solid rgba(0,0,0,.12); outline:none;
  background:#fff;
}
.form input:focus,.form select:focus,.form textarea:focus{border-color: rgba(212,175,55,.75); box-shadow:0 0 0 4px rgba(212,175,55,.15)}
.form__row{display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; margin-bottom:12px}
.form__row:nth-child(3){grid-template-columns: repeat(3, minmax(0,1fr))}
.form__full{margin-bottom:12px}
.form__actions{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.form__hint{margin:0; color:#666; font-size:13px; line-height:1.5}
.form__error{margin-top:10px; color:#b00020; font-weight:800}

.reviews__slider{display:grid; gap:12px}
.review__stars{color: var(--gold); letter-spacing:.08em; font-weight:900}
.review__text{margin:10px 0; line-height:1.7; color:#333}
.review__name{font-weight:900; color:#111}
.section--dark .review__text{color: rgba(255,255,255,.86)}
.section--dark .review__name{color:#fff}

.faq__title{margin:0 0 10px; font-weight:950}
details{border-top:1px solid rgba(0,0,0,.10); padding:10px 0}
details:first-of-type{border-top:none}
summary{cursor:pointer; font-weight:900}
details p{margin:10px 0 0; color:#444; line-height:1.7}
.section--dark details p{color: rgba(255,255,255,.84)}
.cta{padding:18px}
.cta__title{font-weight:950; font-size:18px; margin:0 0 6px}
.cta__text{opacity:.88; margin:0 0 12px; line-height:1.6}

.about{display:grid; grid-template-columns: 1fr 1fr; gap:16px; align-items:start}
.about__text p{margin:0; line-height:1.8; color:#222}
.section--dark .about__text p{color: rgba(255,255,255,.86)}
.about__badges{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
.about__media{display:grid; gap:12px}
.about__img{border-radius: var(--radius2); border:1px solid rgba(212,175,55,.25); height:260px; object-fit:cover; width:100%}
.about__cardTitle{font-weight:950; margin-bottom:10px}
.about__cardText{white-space:pre-line; line-height:1.75; color:#333}
.section--dark .about__cardText{color: rgba(255,255,255,.84)}

.contact{display:grid; grid-template-columns: .9fr 1.1fr; gap:14px}
.contact__row{display:flex; gap:12px; align-items:center; padding:12px 0; border-top:1px solid rgba(0,0,0,.08)}
.contact__row:first-child{border-top:none}
.contact__icon{
  width:44px; height:44px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(212,175,55,.16); color: var(--gold);
}
.contact__label{font-weight:900; font-size:13px; color:#444}
.contact__value{font-weight:800}
.contact__actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
.contact__map{padding:0; overflow:hidden}
.contact__map iframe{width:100%; height:100%; min-height:340px; border:0}

.footer{background:#0b0b0b; color:#fff}
.footer__inner{display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:34px 0}
.footer__desc{opacity:.85; margin:10px 0 0}
.footer__links{display:flex; flex-direction:column; gap:10px}
.footer__links a{opacity:.88}
.footer__links a:hover{opacity:1; color: var(--gold)}
.footer__bottom{border-top:1px solid rgba(212,175,55,.14); padding:14px 0; color:rgba(255,255,255,.78); font-size:13px}

.wa-float{
  position:fixed; right:18px; bottom:18px;
  width:56px; height:56px; border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, #25D366, #128C7E);
  color:#fff; box-shadow: 0 18px 45px rgba(0,0,0,.25);
  z-index:900;
}
.wa-float:hover{transform: translateY(-1px)}
.wa-float i{font-size:24px}

@media (max-width: 980px){
  .grid--services{grid-template-columns: repeat(2, minmax(0,1fr))}
  .hero__trust{grid-template-columns: 1fr}
  .fleet{grid-template-columns: 1fr}
  .fleet__gallery{grid-template-columns: repeat(2, minmax(0,1fr))}
  .split{grid-template-columns: 1fr}
  .about{grid-template-columns: 1fr}
  .contact{grid-template-columns: 1fr}
  .nav__toggle{display:flex}
  .nav__list{
    position:fixed; inset: 0 0 auto 0;
    top: 104px;
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(10px);
    border-bottom:1px solid rgba(0,0,0,.08);
    padding:14px 4vw;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    display:none;
  }
  .nav__list.open{display:flex}
  .header__cta{display:none}
}
@media (max-width: 520px){
  .form__row{grid-template-columns: 1fr}
  .form__row:nth-child(3){grid-template-columns: 1fr}
  .fleet__gallery{grid-template-columns: 1fr}
}


/* Responsive: counters (fix mobile overflow / messy layout) */
@media (max-width: 768px){
  .counters__grid{grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px}
  .counter{padding:14px; text-align:center}
  .counter__num{font-size: clamp(26px, 8vw, 34px)}
  .counter__label{font-size:12px; line-height:1.3}
}
@media (max-width: 420px){
  .counters__grid{grid-template-columns: 1fr}
}


/* --- Logo header (replace text brand) --- */
.brand-logo{display:flex; align-items:center; gap:10px; text-decoration:none;}
.brand-logo img{height:58px; width:auto; display:block; filter:drop-shadow(0 6px 18px rgba(212,175,55,.18));}
@media (max-width: 768px){
  .brand-logo img{height:46px;}
}


/* Mobile brand text */
.brand-text-mobile{display:none;}
@media (max-width:768px){
  .brand-logo{display:flex;align-items:center;gap:10px;}
  .brand-text-mobile{
    display:inline-block;
    color:#d4af37;
    font-weight:700;
    letter-spacing:1px;
    white-space:nowrap;
  }
}

/* === SERVICES: GOLD CARDS (EXCEPT BABY SEAT) === */
.grid--services .card.card--gold:not(.card--dark) {
  background: #d4af37 !important; /* dark gold */
  color: #000000 !important;
}

.grid--services .card.card--gold:not(.card--dark) .card__title,
.grid--services .card.card--gold:not(.card--dark) .card__text {
  color: #000000 !important;
}

/* NAVY ICONS */
.grid--services .card.card--gold:not(.card--dark) .card__icon i {
  color: #0b1c2d !important; /* lacivert */
}

/* === PREMIUM SHADOW FOR SERVICE CARDS === */
.grid--services .card.card--gold:not(.card--dark) {
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.grid--services .card.card--gold:not(.card--dark):hover {
  transform: translateY(-6px);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

/* === MICRO ICON ANIMATION (PREMIUM) === */
.grid--services .card.card--gold:not(.card--dark) .card__icon i {
  transition: transform 0.35s ease, color 0.35s ease;
}

.grid--services .card.card--gold:not(.card--dark):hover .card__icon i {
  transform: translateY(-4px) scale(1.08);
  color: #081424; /* deeper navy */
}


/* === SITE OPENING ANIMATION (VIP LOADER) === */
.site-loader {
  position: fixed;
  inset: 0;
  background: #0b0b0b;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.loader-inner {
  text-align: center;
}

.loader-inner img {
  width: 140px;
  margin-bottom: 18px;
}

.loader-line {
  display: block;
  width: 120px;
  height: 3px;
  background: linear-gradient(90deg, transparent, #d4af37, transparent);
  animation: loadingLine 1.2s infinite;
}

@keyframes loadingLine {
  0% { transform: translateX(-40px); opacity: .3; }
  50% { transform: translateX(40px); opacity: 1; }
  100% { transform: translateX(-40px); opacity: .3; }
}

body.loaded .site-loader {
  opacity: 0;
  pointer-events: none;
  transition: opacity .6s ease;
}

body {
  opacity: 0;
  transition: opacity .6s ease;
}

body.loaded {
  opacity: 1;
}


/* === BIG LOGO FOR OPENING LOADER === */
.site-loader .loader-inner img {
  width: 260px;
  max-width: 80vw;
}

@media (max-width: 768px) {
  .site-loader .loader-inner img {
    width: 220px;
  }
}


/* === LOADER FIX: PREVENT WHITE SCREEN === */
body {
  background: #0b0b0b;
}

body:not(.loaded) main,
body:not(.loaded) header,
body:not(.loaded) footer {
  visibility: hidden;
}

body.loaded main,
body.loaded header,
body.loaded footer {
  visibility: visible;
}

.site-loader {
  background: #0b0b0b !important;
}


/* === FINAL LOADER SYNC FIX === */
.site-loader {
  opacity: 1;
  visibility: visible;
  transition: opacity .6s ease, visibility .6s ease;
}

body.loaded .site-loader {
  opacity: 0;
  visibility: hidden;
}

/* Do NOT hide body, only content */
body {
  background:#0b0b0b;
}


/* === DISABLE OPENING LOADER (STABLE) === */
.site-loader { display: none !important; }


/* === BLOG SECTION === */
.grid--blog{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 900px){
  .grid--blog{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .grid--blog{ grid-template-columns: 1fr; }
}
.section--blog .section__cta{ margin-top: 18px; text-align:center; }
.blog-card{ text-decoration:none; }
.blog-card:hover{ transform: translateY(-4px); }


/* === FIX: BLOG PAGES BLACK SCREEN (CONTENT WAS HIDDEN WAITING FOR .loaded) === */
header, main, footer {
  visibility: visible !important;
}


/* === GLOBAL FIX: PREVENT BLACK SCREEN ON NON-HOMEPAGE PAGES === */
body:not(.loaded) header,
body:not(.loaded) main,
body:not(.loaded) footer{
  visibility: visible !important;
}


/* === FIX: BODY OPACITY WAS HIDING CONTENT ON BLOG PAGES === */
html, body { background: #f7f7f7; }
body { opacity: 1 !important; transition: none !important; }
body.loaded { opacity: 1 !important; }



/* === FINAL FIX: BLOG 'ANA SAYFA' BUTTON VISIBILITY === */
.blog-page .btn--ghost,
.blog-page a.btn--ghost,
header .btn--ghost {
  background: #111 !important;
  color: #d4af37 !important; /* gold */
  border: 1px solid #d4af37 !important;
}
.blog-page .btn--ghost:hover,
header .btn--ghost:hover {
  background: #000 !important;
  color: #fff !important;
}


/* === FOOTER UPGRADE (MORE PREMIUM) === */
.footer{
  background: radial-gradient(1200px 500px at 20% 0%, rgba(212,175,55,.10), transparent 60%),
              radial-gradient(900px 420px at 80% 20%, rgba(212,175,55,.08), transparent 55%),
              #070707;
  border-top: 1px solid rgba(212,175,55,.22);
}
.footer__inner{
  gap: 28px;
}
.footer__brand .brand--footer .brand__mark,
.footer__brand .brand--footer .brand__vip,
.footer__brand .brand--footer .brand__sub{
  letter-spacing: .04em;
}
.footer__desc{
  max-width: 420px;
  line-height: 1.5;
}

.footer__links{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  align-content: start;
}
.footer__links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(212,175,55,.28);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.92);
  text-decoration:none;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.footer__links a:hover{
  transform: translateY(-2px);
  background: rgba(212,175,55,.10);
  border-color: rgba(212,175,55,.55);
  color: #fff;
}
.footer__links a::after{
  content: "›";
  color: rgba(212,175,55,.9);
  margin-left: 12px;
}
.footer__bottom{
  border-top: 1px solid rgba(212,175,55,.18);
}

/* Responsive footer */
@media (max-width: 720px){
  .footer__inner{flex-direction:column;}
  .footer__links{grid-template-columns: 1fr;}
}

/* === FLOATING INSTAGRAM BUTTON (ABOVE WHATSAPP) === */
.ig-float{
  position:fixed; right:18px; bottom:88px;
  width:56px; height:56px; border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color:#fff;
  box-shadow: 0 18px 45px rgba(0,0,0,.25);
  z-index: 900;
  text-decoration:none;
}
.ig-float:hover{transform: translateY(-1px)}
.ig-float i{font-size:24px}

/* keep whatsapp at bottom */
.wa-float{ bottom:18px; }


/* === FIX: FOOTER TEXT + BUTTON VISIBILITY === */
.footer .brand__mark,
.footer .brand__vip,
.footer .brand__sub{
  color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.55);
}
.footer .brand__vip{ color:#d4af37 !important; }
.footer .footer__desc{ color: rgba(255,255,255,.85) !important; }

/* Footer CTA buttons: keep readable on dark background */
.footer .btn--gold{
  background: #d4af37 !important;
  color: #111 !important;
  border-color: #d4af37 !important;
}
.footer .btn--ghost{
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}
.footer .btn--ghost:hover{
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(212,175,55,.55) !important;
  color:#fff !important;
}

/* === REVIEWS CARDS: TURQUOISE === */
.reviews .review.card{
  background: #22c7c7 !important;   /* turquoise */
  color: #0b0f12 !important;        /* dark text */
  border: 1px solid rgba(0,0,0,.12) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.12) !important;
}
.reviews .review__stars{ color: #0b0f12 !important; opacity:.95; }
.reviews .review__name{ color: rgba(11,15,18,.9) !important; font-weight: 700; }
.reviews .review__text{ color: rgba(11,15,18,.92) !important; }



/* === HOTFIX: FOOTER TAG WAS BROKEN ON INDEX (MOBILE WHITE FOOTER) === */
/* Keep footer always dark and readable */
footer.footer, .footer{
  background:#070707 !important;
  color:#fff !important;
}
.footer__desc, .footer__links a, .footer__bottom{
  opacity: 1 !important;
}
.footer__links a{
  color: rgba(255,255,255,.92) !important;
}
.footer__bottom span, .footer__bottom a{
  color: rgba(255,255,255,.85) !important;
}


/* === RTL (ARABIC) HOTFIX: PREVENT LAYOUT SHIFT / HORIZONTAL SCROLL === */
html[dir="rtl"], html[dir="rtl"] body{
  overflow-x: hidden !important;
}
body.rtl{
  direction: rtl;
  text-align: right;
}

/* reverse main flex rows */
body.rtl .topbar__inner,
body.rtl .topbar__left,
body.rtl .nav__inner,
body.rtl .footer__inner{
  flex-direction: row-reverse;
}

/* navigation + language dropdown alignment */
body.rtl .nav__list{
  flex-direction: row-reverse;
}
body.rtl .lang__list{
  right: 0;
  left: auto;
  text-align: right;
}
body.rtl .lang__btn{
  flex-direction: row-reverse;
}

/* hero and buttons alignment */
body.rtl .hero__content,
body.rtl .section__head{
  text-align: right;
}
body.rtl .btn, body.rtl .pill{
  direction: rtl;
}

/* forms */
body.rtl input,
body.rtl textarea,
body.rtl select{
  text-align: right;
}
body.rtl .form__row{
  direction: rtl;
}

/* swap icon spacing in RTL (best effort) */
body.rtl i.fa-solid, body.rtl i.fa-brands{
  margin-left: 0;
}


/* === RTL FIX: MOBILE NAV SHOULD STAY VERTICAL (PREVENT HORIZONTAL SHIFT) === */
@media (max-width: 980px){
  body.rtl .nav__list{
    flex-direction: column !important;
    align-items: flex-end !important;
  }
}


/* === MOBILE TOP BAR: MAKE LOGO AREA BLACK === */
@media (max-width: 900px){
  header, .header, .topbar, .nav, .nav__bar, .nav__inner, .topbar__inner{
    background: #070707 !important;
  }
}

/* === FLOATING CALL BUTTON (BLUE) ABOVE WHATSAPP === */
.call-float{
  position: fixed;
  right: 18px;
  bottom: 88px; /* above WhatsApp */
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: #1e88ff;
  color: #fff;
  box-shadow: 0 18px 45px rgba(0,0,0,.25);
  z-index: 900;
  text-decoration:none;
}
.call-float i{ font-size: 22px; }
.call-float:hover{ transform: translateY(-1px); filter: brightness(1.05); }
.wa-float{ bottom: 18px !important; }
.ig-float{ display:none !important; }


/* === BLUE CALL BUTTON === */
.btn--call{
  background:#1e88ff !important;
  color:#fff !important;
  border:1px solid #1e88ff !important;
}
.btn--call i{ margin-right:6px; }
.btn--call:hover{
  background:#0f6fe0 !important;
  border-color:#0f6fe0 !important;
}