@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap');

:root{
  --bg:#06131f;
  --bg2:#091a2a;
  --card:#0b1c2b;
  --line:rgba(206,157,80,.28);
  --gold:#d1a05a;
  --gold2:#f1c77d;
  --ivory:#f6f0e7;
  --muted:#b9c0c8;
  --white:#fff;
  --shadow:0 24px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:linear-gradient(180deg,#04101a 0%,#081723 45%,#06131f 100%);
  color:var(--ivory);
  font-family:Inter,Arial,sans-serif;
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.container{width:min(1180px,calc(100% - 40px));margin:auto}

.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(4,14,24,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}
.brand{
  font-family:"Cormorant Garamond",serif;
  font-size:2.2rem;letter-spacing:.16em;
  color:var(--gold2);font-weight:600;white-space:nowrap;
}
.nav{display:flex;gap:24px;margin-left:auto}
.nav a{font-size:.92rem;color:#f4efe6;opacity:.9;transition:.2s}
.nav a:hover{color:var(--gold2)}
.lang-switcher{display:flex;align-items:center;gap:7px;font-size:.8rem;color:#7e8a95}
.lang-switcher button{border:0;background:none;color:#dce2e8;cursor:pointer;padding:3px}
.lang-switcher button.active{color:var(--gold2)}
.menu-btn{display:none;background:none;border:0;padding:4px}
.menu-btn span{display:block;width:24px;height:2px;background:#fff;margin:5px}

.hero{position:relative;min-height:760px;display:flex;align-items:flex-end;overflow:hidden}
.hero-bg{
  position:absolute;inset:0;
  background-image:url("assets/aymivo-hero-fhd.jpg");
  background-size:cover;background-position:center;
  transform:scale(1.01);
}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,9,16,.84) 0%,rgba(2,9,16,.54) 31%,rgba(2,9,16,.08) 68%,rgba(2,9,16,.10) 100%),linear-gradient(0deg,rgba(6,19,31,.90) 0%,transparent 28%);
}
.hero-content{position:relative;z-index:2;padding-bottom:185px}
.hero-copy{max-width:590px}
.eyebrow{font-size:.78rem;letter-spacing:.22em;color:var(--gold2);font-weight:600;margin-bottom:18px}
.hero h1,.section-heading h2,.contact h2{
  font-family:"Cormorant Garamond",serif;
  font-weight:600;line-height:.95;margin:0;
}
.hero h1{font-size:clamp(3.4rem,6vw,6.2rem);max-width:820px}
.lead{font-size:1.05rem;color:#e7e2db;max-width:580px;margin:26px 0 30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{
  min-height:54px;padding:0 24px;border-radius:11px;display:inline-flex;
  align-items:center;justify-content:center;gap:10px;font-weight:600;transition:.25s;
}
.btn-gold{background:linear-gradient(135deg,#b77a32,#efc77f);color:#101418;box-shadow:0 12px 30px rgba(209,160,90,.2)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(209,160,90,.3)}
.btn-outline{border:1px solid var(--gold);background:rgba(5,16,26,.7);color:#fff}
.btn-outline:hover{background:rgba(209,160,90,.12)}
.ico{font-size:1.15rem}

.trust-strip{position:absolute;left:0;right:0;bottom:0;z-index:3;background:rgba(5,15,25,.88);backdrop-filter:blur(18px);border-top:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.trust-item{display:flex;gap:13px;align-items:center;padding:22px 18px;border-right:1px solid var(--line)}
.trust-item:last-child{border-right:0}
.trust-icon{font-size:1.7rem;color:var(--gold2)}
.trust-item b{display:block;font-size:.9rem}
.trust-item small{display:block;color:var(--muted);margin-top:3px;font-size:.73rem}

.section{padding:92px 0}
.section-heading{text-align:center;margin-bottom:44px}
.section-heading.left{text-align:left}
.section-heading>span{font-size:.75rem;letter-spacing:.2em;color:var(--gold2);font-weight:600}
.section-heading h2{font-size:clamp(2.4rem,4vw,4.1rem);margin-top:8px}
.section-heading p{color:var(--muted);margin:14px auto 0;max-width:600px}

.services{border-top:1px solid var(--line)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{
  background:linear-gradient(180deg,#0b1d2d,#081824);
  border:1px solid rgba(209,160,90,.18);border-radius:18px;overflow:hidden;
  box-shadow:var(--shadow);transition:.25s;
}
.service-card:hover{transform:translateY(-5px);border-color:rgba(209,160,90,.5)}
.service-media{height:175px;display:flex;align-items:flex-end;padding:18px;position:relative;overflow:hidden}
.service-media::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 25% 20%,rgba(235,192,122,.22),transparent 25%),
  linear-gradient(145deg,#24384a,#0a1723 55%,#5d4a31);
}
.service-media span{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold2);background:rgba(3,11,18,.75)}
.s-hotel::before{background:linear-gradient(140deg,#a48663,#3c4d55 42%,#172637)}
.s-car::before{background:linear-gradient(140deg,#1b2731,#0b1016 48%,#6d573b)}
.s-dental::before{background:linear-gradient(140deg,#d9e0e4,#6f8796 45%,#162838)}
.s-hair::before{background:linear-gradient(140deg,#7a5d4b,#182634 55%,#c29b72)}
.s-aesthetic::before{background:linear-gradient(140deg,#d9c4b6,#526777 50%,#1a2837)}
.service-body{padding:20px 20px 22px;position:relative}
.service-body h3{margin:0 0 8px;font-size:1.16rem}
.service-body p{margin:0;color:var(--muted);font-size:.9rem;min-height:66px}
.service-body a{position:absolute;right:20px;bottom:18px;color:var(--gold2);font-size:1.5rem}

.why{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.split{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center}
.why-grid{display:grid;gap:14px}
.why-item{display:flex;gap:18px;padding:18px;border:1px solid rgba(209,160,90,.18);border-radius:14px;background:rgba(11,28,43,.62)}
.why-item>span{font-size:1.6rem}
.why-item h4{margin:0 0 4px}
.why-item p{margin:0;color:var(--muted)}
.quote-card{
  min-height:360px;border-radius:22px;padding:42px;
  display:flex;flex-direction:column;justify-content:center;
  background:
    radial-gradient(circle at 70% 20%,rgba(222,173,96,.18),transparent 28%),
    linear-gradient(145deg,#0e2437,#081722);
  border:1px solid var(--line);box-shadow:var(--shadow)
}
.quote-mark{font-family:serif;color:var(--gold2);font-size:5rem;line-height:.6}
.quote-card p{font-family:"Cormorant Garamond",serif;font-size:2.2rem;line-height:1.05;margin:24px 0}
.quote-card small{color:var(--muted);letter-spacing:.08em}

.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review{padding:26px;border-radius:16px;background:#0a1a29;border:1px solid rgba(209,160,90,.18)}
.stars{color:var(--gold2);letter-spacing:.15em}
.review p{color:#e3e0da}
.review footer{color:var(--muted);font-size:.85rem}

.contact{background:linear-gradient(135deg,#0b2032,#06131f 60%)}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.contact h2{font-size:clamp(2.8rem,5vw,5rem)}
.contact p{color:var(--muted);max-width:580px}
.contact-points{display:grid;gap:8px;margin-top:24px;color:#f1e8dc}
.contact-points a:hover{color:var(--gold2)}
.contact-form{display:grid;gap:12px;padding:26px;border:1px solid var(--line);border-radius:18px;background:rgba(4,14,24,.55)}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.12);
  background:#071522;color:#fff;padding:15px 16px;font:inherit;outline:none
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold)}
.contact-form select option{background:#071522}

.footer{border-top:1px solid var(--line);padding-top:44px;background:#040d15}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.footer-grid>div{display:grid;align-content:start;gap:8px}
.footer-grid p,.footer-grid span,.footer-grid a{color:var(--muted);font-size:.88rem}
.footer-grid b{color:#f4eee6;margin-bottom:4px}
.footer-bottom{text-align:center;padding:24px;color:#7f8a93;border-top:1px solid rgba(255,255,255,.06);margin-top:36px;font-size:.82rem}
.floating-wa{
  position:fixed;right:22px;bottom:22px;z-index:30;width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;background:linear-gradient(135deg,#c18b43,#f2ca82);color:#091018;font-size:1.55rem;
  box-shadow:0 16px 35px rgba(0,0,0,.35)
}

html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .nav{margin-left:0;margin-right:auto}
html[dir="rtl"] .section-heading.left{text-align:right}

@media (max-width:1050px){
  .lang-switcher{margin-left:auto}
  .menu-btn{display:block;order:3}
  .nav{
    position:absolute;top:78px;left:20px;right:20px;display:none;flex-direction:column;
    background:#071522;border:1px solid var(--line);padding:20px;border-radius:14px;box-shadow:var(--shadow)
  }
  .nav.open{display:flex}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .trust-strip{position:relative}
  .hero{min-height:auto;display:block;padding-top:0}
  .hero-bg,.hero-overlay{bottom:0}
  .hero-content{padding-top:180px;padding-bottom:120px;min-height:650px;display:flex;align-items:center}
  .hero h1{font-size:4.2rem}
  .split,.contact-wrap{grid-template-columns:1fr}
}
@media (max-width:720px){
  .container{width:min(100% - 28px,1180px)}
  .nav-wrap{height:70px}
  .brand{font-size:1.7rem}
  .lang-switcher{gap:3px;font-size:.68rem}
  .lang-switcher span{display:none}
  .nav{top:70px}
  .hero-bg{background-position:64% center}
  .hero-overlay{background:linear-gradient(90deg,rgba(2,9,16,.97),rgba(2,9,16,.7))}
  .hero-content{padding-top:130px;padding-bottom:90px;min-height:620px}
  .hero h1{font-size:3.15rem}
  .lead{font-size:.95rem}
  .hero-actions{flex-direction:column;align-items:stretch}
  .btn{width:100%}
  .trust-grid{grid-template-columns:1fr}
  .trust-item{border-right:0;border-bottom:1px solid var(--line)}
  .service-grid,.review-grid{grid-template-columns:1fr}
  .service-body p{min-height:auto;padding-right:30px}
  .section{padding:70px 0}
  .quote-card{min-height:280px}
  .quote-card p{font-size:1.8rem}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  .footer-grid{grid-template-columns:1fr}
  .hero h1{font-size:2.7rem}
  .lang-switcher button{font-size:.64rem;padding:2px}
}


/* AYMIVO V2 — Full HD / vivid premium tuning */
.hero-bg{
  filter:saturate(1.16) contrast(1.08) brightness(1.06);
  image-rendering:auto;
  will-change:transform;
}
.hero h1{
  color:#fffaf2;
  text-shadow:0 3px 22px rgba(0,0,0,.50);
}
.lead{
  color:#fffaf3;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.brand,.eyebrow,.section-heading>span,.trust-icon,.stars{
  filter:saturate(1.15);
}
:root{
  --gold:#dea956;
  --gold2:#ffd18a;
  --ivory:#fffaf2;
  --muted:#cbd2d8;
}
.site-header{
  background:rgba(3,13,23,.84);
}
.service-card,.review,.why-item,.contact-form{
  border-color:rgba(222,169,86,.30);
}
.service-card{
  box-shadow:0 28px 80px rgba(0,0,0,.40);
}
.section-heading h2,.contact h2{
  color:#fffaf2;
  text-shadow:0 2px 16px rgba(0,0,0,.22);
}
.btn-gold{
  background:linear-gradient(135deg,#c98c37,#ffd38b);
  box-shadow:0 12px 32px rgba(222,169,86,.30);
}
.trust-strip{
  background:rgba(4,14,24,.82);
}
@media (min-width:1400px){
  .container{width:min(1320px,calc(100% - 64px))}
  .hero{min-height:820px}
}


/* =========================
   AYMIVO V2 PREMIUM OVERRIDES
   ========================= */

:root{
  --bg:#071622;
  --bg2:#0b2030;
  --gold:#d7a65d;
  --gold2:#f4cf8c;
  --ivory:#fffaf2;
  --muted:#cbd4dc;
}

body{
  background:
    radial-gradient(circle at 50% -10%, rgba(46,91,123,.18), transparent 34%),
    linear-gradient(180deg,#06131e 0%,#0a1b29 48%,#07141e 100%);
  color:var(--ivory);
}

.site-header{
  background:rgba(4,14,24,.80);
  border-bottom:1px solid rgba(226,180,105,.34);
}

.hero{
  min-height:820px;
  align-items:center;
}

.hero-bg{
  background-image:url("assets/aymivo-hero-v2.jpg");
  background-size:cover;
  background-position:center 42%;
  filter:saturate(1.12) contrast(1.08) brightness(1.04);
  transform:none;
}

.hero-overlay{
  background:
    linear-gradient(90deg,
      rgba(2,10,17,.92) 0%,
      rgba(2,10,17,.76) 28%,
      rgba(2,10,17,.30) 52%,
      rgba(2,10,17,.10) 72%,
      rgba(2,10,17,.18) 100%),
    linear-gradient(0deg,rgba(5,17,27,.90) 0%,rgba(5,17,27,.35) 22%,transparent 46%);
}

.hero-content{
  padding-top:150px;
  padding-bottom:215px;
}

.hero-copy{
  max-width:610px;
  padding:26px 26px 28px 0;
}

.hero h1{
  font-size:clamp(3rem,5vw,5.2rem);
  line-height:.98;
  letter-spacing:-.018em;
  text-shadow:0 3px 28px rgba(0,0,0,.42);
}

.lead{
  max-width:570px;
  color:#f3eee6;
  font-size:1.03rem;
  text-shadow:0 2px 12px rgba(0,0,0,.34);
}

.eyebrow{
  color:#f1c77d;
  text-shadow:0 2px 14px rgba(0,0,0,.35);
}

.trust-strip{
  background:rgba(4,15,24,.82);
  border-top:1px solid rgba(225,179,104,.42);
}

.trust-item{
  padding:24px 18px;
}

.trust-item b{
  color:#fffaf2;
}

.trust-item small{
  color:#cbd4dc;
}

.services{
  padding-top:105px;
}

.section-heading h2{
  color:#fffaf2;
  text-shadow:0 2px 20px rgba(0,0,0,.24);
}

.service-card{
  border-color:rgba(219,171,94,.26);
  background:linear-gradient(180deg,#0d2334,#091a28);
  box-shadow:0 22px 55px rgba(0,0,0,.30);
}

.service-media{
  height:210px;
  background-size:cover !important;
  background-position:center !important;
  position:relative;
}

.service-media::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(4,13,21,.72) 0%,rgba(4,13,21,.16) 52%,rgba(4,13,21,.04) 100%);
}

.service-media span{
  position:relative;
  z-index:2;
}

.s-transfer{background-image:url("assets/service-transfer.jpg") !important;}
.s-hotel{background-image:url("assets/service-hotel.jpg") !important;}
.s-car{background-image:url("assets/service-car.jpg") !important;}
.s-dental{background-image:url("assets/service-dental.jpg") !important;}
.s-hair{background-image:url("assets/service-hair.jpg") !important;}
.s-aesthetic{background-image:url("assets/service-aesthetic.jpg") !important;}

.service-body h3{
  color:#fffaf2;
  font-size:1.2rem;
}

.service-body p{
  color:#cbd4dc;
}

.why{
  background:
    radial-gradient(circle at 80% 30%,rgba(219,171,94,.07),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,0));
}

.why-item,
.review,
.contact-form,
.quote-card{
  border-color:rgba(219,171,94,.26);
}

.review{
  background:linear-gradient(180deg,#0d2131,#0a1926);
}

.contact{
  background:
    radial-gradient(circle at 80% 15%,rgba(215,166,93,.10),transparent 28%),
    linear-gradient(135deg,#0c2436,#07151f 64%);
}

.contact-form input,
.contact-form select,
.contact-form textarea{
  background:#0a1a27;
  border-color:rgba(255,255,255,.16);
}

.btn-gold{
  background:linear-gradient(135deg,#b97f36,#f4cf8c);
  box-shadow:0 12px 30px rgba(211,162,88,.28);
}

@media (max-width:1050px){
  .hero{min-height:720px}
  .hero-content{padding-top:150px;padding-bottom:135px}
  .hero h1{font-size:3.8rem}
}

@media (max-width:720px){
  .hero{min-height:680px}
  .hero-bg{background-position:62% center}
  .hero-overlay{
    background:
      linear-gradient(90deg,rgba(2,10,17,.94),rgba(2,10,17,.64)),
      linear-gradient(0deg,rgba(5,17,27,.88),transparent 48%);
  }
  .hero-content{padding-top:130px;padding-bottom:90px}
  .hero h1{font-size:2.9rem}
  .service-media{height:200px}
}


/* =====================================================
   AYMIVO V3.1 — MINIMAL HERO TUNING
   Keeps V3 layout, only refines hero typography/position
   ===================================================== */

.hero-content{
  padding-top:138px !important;
  padding-bottom:205px !important;
}

.hero-copy{
  max-width:570px !important;
  transform:translate(-10px,-8px);
}

.hero h1{
  font-size:clamp(2.85rem,4.45vw,4.55rem) !important;
  line-height:1.00 !important;
  max-width:565px !important;
  margin-bottom:18px !important;
  letter-spacing:-0.018em !important;
  text-shadow:0 3px 26px rgba(0,0,0,.46) !important;
}

.hero .lead{
  max-width:555px !important;
  line-height:1.56 !important;
}

@media (max-width:1100px){
  .hero-content{
    padding-top:132px !important;
    padding-bottom:145px !important;
  }

  .hero-copy{
    transform:translate(-4px,-4px);
  }

  .hero h1{
    font-size:clamp(2.7rem,5.8vw,3.8rem) !important;
  }
}

@media (max-width:720px){
  .hero-content{
    padding-top:122px !important;
    padding-bottom:88px !important;
  }

  .hero-copy{
    transform:none;
    max-width:94% !important;
  }

  .hero h1{
    font-size:clamp(2.45rem,11vw,3rem) !important;
    line-height:1.02 !important;
    max-width:94% !important;
  }
}


/* =====================================================
   AYMIVO V3.2 FINAL — MICRO ADJUSTMENTS ONLY
   ===================================================== */

/* Main hero title: slightly smaller and a touch higher */
.hero-copy{
  transform: translate(-10px,-18px) !important;
}

.hero h1{
  font-size: clamp(2.7rem, 4.1vw, 4.2rem) !important;
  line-height: 1.00 !important;
  margin-bottom: 20px !important;
}

/* Move the "All-in-One Premium Services" label/heading down
   without moving service cards themselves */
.hero .section-heading,
.hero .services-heading,
.hero .hero-services-title,
.hero .services-title{
  transform: translateY(28px) !important;
}

/* If the heading is the first heading immediately before hero service cards */
.hero h2{
  position: relative;
  top: 28px;
}

/* Keep cards in their original V3.1 placement */
.hero .service-card,
.hero .mini-card,
.hero .service-mini{
  transform: none !important;
}

@media (max-width:1100px){
  .hero-copy{
    transform: translate(-4px,-12px) !important;
  }

  .hero h1{
    font-size: clamp(2.55rem,5.4vw,3.6rem) !important;
  }

  .hero h2{
    top: 20px;
  }
}

@media (max-width:720px){
  .hero-copy{
    transform: none !important;
  }

  .hero h1{
    font-size: clamp(2.35rem,10.5vw,2.85rem) !important;
  }

  .hero h2{
    top: 14px;
  }
}