
:root{--bg:#030303;--panel:#090909;--panel2:#111;--gold:#d9a143;--gold2:#f6c96c;--text:#fff;--muted:#b7b7b7;--line:rgba(218,161,67,.34)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at top,#101010,#030303 55%);color:var(--text);font-family:Inter,Arial,sans-serif} a{color:inherit;text-decoration:none} img{display:block;max-width:100%} .container{width:min(1180px,92%);margin:auto} .gold{color:var(--gold)}
header{position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(3,3,3,.76);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)} .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px} .logo{display:flex;gap:12px;align-items:center} .vmark{font:58px/1 Georgia,serif;color:var(--gold);text-shadow:0 0 24px rgba(217,161,67,.28)} .brand{font:24px Georgia,serif;letter-spacing:7px} .brand small{display:block;font:10px Arial;letter-spacing:4px;color:var(--gold);margin-top:2px} .links{display:flex;gap:22px;align-items:center;font-size:14px} .links a:hover{color:var(--gold)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:12px;font-weight:800;border:1px solid var(--gold);background:linear-gradient(135deg,var(--gold),var(--gold2));color:#080808;box-shadow:0 10px 30px rgba(217,161,67,.16)} .btn.ghost{background:rgba(255,255,255,.04);color:#fff} .menu{display:none;color:var(--gold);font-size:28px}
.hero{min-height:900px;padding:142px 0 58px;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.78) 32%,rgba(0,0,0,.28) 70%),url("../images/img-001.webp") center/cover no-repeat} .eyebrow{color:var(--gold);letter-spacing:5px;text-transform:uppercase;font-weight:800;font-size:13px} h1{font-family:Georgia,serif;font-size:82px;line-height:.96;margin:14px 0} h2{font-family:Georgia,serif;font-size:42px;margin:8px 0 28px} .hero p{max-width:520px;color:#e8e8e8;font-size:18px;line-height:1.65} .actions{display:flex;gap:18px;flex-wrap:wrap;margin:30px 0}
.booking{margin-top:44px;border:1px solid var(--line);border-radius:22px;background:rgba(9,9,9,.75);padding:22px;box-shadow:0 25px 90px rgba(0,0,0,.55)} .booking-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 180px;gap:14px} label{font-size:12px;color:#eee;display:block;margin-bottom:7px} select,input{width:100%;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12);color:#eee;border-radius:12px;padding:14px;outline:0} option{background:#111} .result{margin-top:16px;color:var(--gold2);font-weight:800;display:none}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid rgba(255,255,255,.08);margin-top:22px;padding-top:22px} .feature{display:flex;gap:12px;align-items:flex-start;color:#e5e5e5} .ico{color:var(--gold);font-size:26px} .feature small{display:block;color:#999;margin-top:4px}
section{padding:72px 0} .center{text-align:center} .fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .card{border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:.25s} .card:hover,.route-img:hover,.price-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 18px 70px rgba(217,161,67,.12)} .card img{height:245px;width:100%;object-fit:cover;filter:brightness(.85)} .body{padding:22px} .meta{color:#ccc;display:flex;gap:16px;flex-wrap:wrap}
.route-images{display:grid;grid-template-columns:repeat(2,1fr);gap:22px} .route-img{min-height:290px;border-radius:18px;border:1px solid var(--line);overflow:hidden;position:relative;background-size:cover;background-position:center;transition:.25s} .route-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.56))} .route-img div{position:absolute;z-index:2;left:30px;top:28px} .route-img h3{font-size:42px;margin:12px 0;font-family:Georgia,serif} .viewall{margin-top:28px;text-align:center}
.cta{border:1px solid var(--line);border-radius:24px;overflow:hidden;min-height:330px;background:linear-gradient(90deg,rgba(0,0,0,.1),#060606 63%),url("../images/img-002.webp") left center/cover no-repeat;display:flex;justify-content:flex-end;align-items:center} .cta-content{width:min(520px,92%);padding:45px} .ticks{line-height:2;color:#ddd}
.toolbar{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:26px} .search{max-width:420px} .prices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px} .price-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#090909,#050505);padding:22px;transition:.25s;overflow:hidden} .route-head{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;font-family:Georgia,serif;font-size:26px;letter-spacing:2px} .route-head strong,.route-head b,.pin{color:var(--gold)} .vehicle-row{display:grid;grid-template-columns:150px 1fr 135px;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-top:14px;padding:12px;background:rgba(255,255,255,.025)} .vehicle-row img{height:82px;width:150px;object-fit:cover;border-radius:10px;filter:brightness(.75)} .vehicle-row small{color:var(--gold);letter-spacing:4px} .vehicle-row h3{font-family:Georgia,serif;font-size:28px;margin:4px 0} .amount{font-family:Georgia,serif;color:var(--gold2);font-size:42px;font-weight:800;text-align:right} .mini-wa{display:block;margin-top:14px;border:1px dashed var(--gold);border-radius:12px;text-align:center;padding:13px;color:var(--gold)}
footer{padding:45px 0;border-top:1px solid var(--line);background:#030303} .foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;color:#aaa} footer h4{color:var(--gold);margin-top:0} .sticky{position:fixed;right:18px;bottom:18px;z-index:101} .mobile-cta{display:none}
@media(max-width:980px){.links{display:none}.menu{display:block}.booking-grid,.features,.fleet-grid,.route-images,.prices-grid,.foot{grid-template-columns:1fr} h1{font-size:56px} h2{font-size:34px} .hero{min-height:auto;padding-top:116px} .booking-grid{gap:10px} .route-img{min-height:250px} .route-head{grid-template-columns:1fr;gap:8px;font-size:21px} .vehicle-row{grid-template-columns:92px 1fr;gap:12px} .vehicle-row img{width:92px;height:62px} .amount{grid-column:1/-1;text-align:left;font-size:38px} .cta{background:linear-gradient(180deg,rgba(0,0,0,.35),#060606 62%),url("../images/img-002.webp") center top/cover no-repeat;align-items:flex-end} .cta-content{padding:230px 22px 28px} .sticky{display:none} .mobile-cta{display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:102} .mobile-cta .btn{width:100%}}

.socials{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.socials a{width:38px;height:38px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold);background:rgba(255,255,255,.03);font-weight:900}.socials a:hover{border-color:var(--gold);box-shadow:0 0 20px rgba(217,161,67,.18)}


/* Cemal requested fixes */
header .btn:hover{color:#fff !important;background:linear-gradient(135deg,#c58b28,#f6c96c) !important;border-color:#f6c96c !important;}
input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.8) !important;opacity:1;cursor:pointer;}
#check{padding:11px 17px !important;font-size:13px !important;min-height:44px !important;border-radius:10px !important;white-space:nowrap;}
.booking-grid{grid-template-columns:1fr 1fr 1fr 1fr 150px !important;align-items:end;}
.fleet-grid .card:nth-child(2) img{object-fit:contain !important;object-position:center center !important;background:#050505 !important;padding:10px !important;}
.fleet-grid .card:nth-child(3) img{object-fit:contain !important;object-position:center center !important;background:#050505 !important;padding:10px !important;}
.route-img{background-size:contain !important;background-repeat:no-repeat !important;background-position:center center !important;background-color:#050505 !important;min-height:340px !important;}
.socials a svg{width:19px;height:19px;display:block;fill:currentColor;stroke:currentColor}.socials a{font-size:0}.socials a:hover{color:#fff;background:linear-gradient(135deg,#d9a143,#f6c96c);}
@media(max-width:900px){.booking-grid{grid-template-columns:1fr !important}#check{width:auto !important;justify-self:start}.route-img{min-height:280px !important}.fleet-grid .card img{height:230px}}


/* Final update requested by Cemal */
.hero{
  background-position:center center, 64% center !important;
  background-size:auto, cover !important;
}
.route-img div{display:none !important;}
.route-img:after{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18)) !important;}
.langbar{display:flex;align-items:center;gap:6px;margin-left:4px;white-space:nowrap}
.langbar button{cursor:pointer;border:1px solid rgba(217,161,67,.42);background:rgba(255,255,255,.035);color:#fff;border-radius:10px;padding:10px 11px;font-weight:800;font-size:12px;line-height:1;transition:.2s}
.langbar button:hover,.langbar button.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#070707;border-color:var(--gold2)}
.wa-btn:before{content:"☎";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid currentColor;font-size:11px;line-height:1;margin-right:2px}
.result .wa-result{display:inline-flex;align-items:center;gap:8px;margin-left:12px;color:white;text-decoration:none;border:1px solid rgba(217,161,67,.55);border-radius:10px;padding:8px 11px;background:rgba(217,161,67,.16);font-weight:900}
.result .wa-result:hover{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#080808}
.result .wa-result:before{content:"☎";display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;font-size:10px}
@media(max-width:900px){
  .hero{background-position:center center, 66% center !important;}
  .langbar{width:100%;justify-content:center;order:8;margin:8px 0}
  .langbar button{flex:1;max-width:92px;padding:11px 8px}
  .route-images{grid-template-columns:1fr !important;}
  .route-img{min-height:250px !important;background-size:cover !important;background-position:center center !important;}
  .result .wa-result{margin-left:0;margin-top:10px;width:100%;justify-content:center}
}
@media(max-width:560px){
  .hero{background-position:center center, 70% center !important; padding-top:118px !important;}
  h1{font-size:52px !important;}
  .booking{padding:16px !important;}
}



:root{--wa:#25D366}
/* Hero görselini hafif sola al: Airport yazısındaki T görünür kalır */
.hero{background-position:58% center !important;}
/* Ana rota kartlarında HTML üst yazılarını kaldır */
#routes .route-img div{display:none !important;}
#routes .route-img:after{background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.18)) !important;}
/* Araç fotoğrafları tam kareye otursun */
.card img{object-fit:contain !important;background:#050505 !important;padding:10px !important;height:270px !important;}
.card img[alt*="Sprinter"]{object-position:center center !important;transform:scale(.94);}
.card img[alt*="Vito"]{object-position:center center !important;transform:scale(.92);}
.card img[alt*="Maybach"]{object-position:center center !important;transform:scale(.94);}
.vehicle-row img{object-fit:contain !important;background:#050505 !important;object-position:center center !important;}
.vehicle-row img[alt*="Maybach"]{transform:scale(.92);}
/* Check Price butonu bir tık daha kompakt */
#check{padding:13px 18px !important;min-height:50px !important;font-size:14px !important;}
/* WhatsApp buton hover yazısı beyaz */
.btn:hover,.wa-btn:hover,.mini-wa:hover,.wa-result:hover{color:#fff !important;}
/* Takvim ikonunu beyaz yap */
input[type="date"]{color-scheme:dark;}
input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(2) !important;opacity:1 !important;}
/* Dil barı bayraklı ve dokunmatik */
.langbar{display:flex !important;gap:8px;align-items:center;flex-wrap:wrap;}
.langbar button{min-height:38px;border:1px solid rgba(217,161,67,.45);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;padding:8px 12px;font-weight:700;cursor:pointer;}
.langbar button.active{background:linear-gradient(135deg,#c58b28,#f6c96c);color:#070707;border-color:#f6c96c;}
/* Contact & Social Media ayrı blok gibi durmasın, contact alanıyla birleşsin */
footer .viano-contact-update{grid-column:4 / 5 !important;margin-top:12px !important;padding:0 !important;border:0 !important;background:transparent !important;}
footer .viano-contact-update h3{font-size:16px !important;margin:0 0 8px !important;}
footer .socials a{width:34px;height:34px;}
/* WhatsApp ikonları */
.wa-icon{width:18px;height:18px;display:inline-block;vertical-align:-4px;margin-right:8px;fill:currentColor;}
.wa-btn,.mini-wa,.wa-result,.sticky,.mobile-cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;}
/* Mobil düzeltmeler */
@media (max-width: 900px){
  header{position:sticky;top:0;z-index:999;background:rgba(0,0,0,.94);backdrop-filter:blur(12px)}
  .nav{height:auto !important;min-height:74px;align-items:flex-start;padding:12px 0;}
  .menu{display:block !important;margin-left:auto;padding:8px 0;}
  .links{display:none;position:absolute;top:74px;left:0;right:0;background:rgba(0,0,0,.98);padding:18px 20px;flex-direction:column;align-items:stretch;gap:12px;border-top:1px solid rgba(217,161,67,.28);}
  .links.open{display:flex !important;}
  .links a,.links .btn{width:100%;justify-content:center;text-align:center;}
  .langbar{justify-content:center;width:100%;}
  .hero{min-height:auto !important;padding:108px 0 34px !important;background-position:63% center !important;background-size:cover !important;}
  .hero h1{font-size:clamp(48px,14vw,72px) !important;line-height:.96 !important;}
  .hero p{font-size:15px !important;max-width:96% !important;}
  .actions{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}
  .actions .btn{width:100%;}
  .booking{margin-top:26px !important;padding:14px !important;border-radius:18px !important;}
  .booking-grid{grid-template-columns:1fr !important;gap:12px !important;}
  .booking select,.booking input,.booking button{width:100% !important;min-height:52px !important;}
  #check{width:100% !important;}
  .features{grid-template-columns:1fr 1fr !important;gap:10px !important;}
  .feature{padding:12px !important;}
  .fleet-grid,.route-images,.prices-grid{grid-template-columns:1fr !important;gap:16px !important;}
  .card img{height:240px !important;padding:8px !important;}
  .route-img{min-height:235px !important;background-size:cover !important;background-position:center !important;}
  .price-card{padding:13px !important;border-radius:18px !important;}
  .route-head{display:grid !important;grid-template-columns:auto 1fr auto !important;gap:8px !important;font-size:15px !important;align-items:center;}
  .route-head span:not(.pin){font-size:15px !important;}
  .route-head strong{font-size:22px !important;text-align:right !important;}
  .vehicle-row{grid-template-columns:96px 1fr auto !important;gap:10px !important;padding:10px !important;}
  .vehicle-row img{width:96px !important;height:64px !important;}
  .vehicle-row h3{font-size:20px !important;}
  .amount{font-size:30px !important;white-space:nowrap;}
  .cta{min-height:360px !important;background-position:42% center !important;}
  .cta-content{padding:34px 18px !important;max-width:100% !important;}
  .foot{grid-template-columns:1fr !important;gap:24px !important;text-align:left;}
  footer .viano-contact-update{grid-column:auto !important;}
  .mobile-cta{display:block !important;position:fixed;left:12px;right:12px;bottom:12px;z-index:1000;}
  .mobile-cta .btn{width:100%;min-height:52px;}
  body{padding-bottom:76px;}
}
@media (max-width:520px){
  .container{width:min(100% - 24px,1180px) !important;}
  .features{grid-template-columns:1fr !important;}
  .hero{background-position:66% center !important;}
  .vehicle-row{grid-template-columns:86px 1fr !important;}
  .vehicle-row .amount{grid-column:2;text-align:left;font-size:32px !important;}
  .route-head{grid-template-columns:1fr !important;}
  .route-head b{display:none;}
  .route-head strong{text-align:left !important;}
}


/* V5: remove duplicate phone icon and keep only one WhatsApp icon */
.wa-btn::before,
.btn.wa-btn::before,
a[href*="wa.me"]::before,
a[href*="whatsapp"]::before,
.mobile-cta .btn::before,
.sticky::before,
.wa-result::before,
.mini-wa::before{display:none!important;content:none!important;width:0!important;height:0!important;margin:0!important;border:0!important;}
.wa-icon{width:18px!important;height:18px!important;min-width:18px!important;display:inline-block!important;fill:currentColor!important;vertical-align:-3px!important;}
a[href*="wa.me"]{gap:8px!important;}
a[href*="wa.me"] .wa-icon:not(:first-child){display:none!important;}

/* V5: force the date/calendar icon to be white by using a visible white SVG and hiding the native black glyph */
.date-field{position:relative!important;}
.date-field input[type="date"],
.booking input[type="date"]{position:relative!important;color:#fff!important;background:#0d0d0d!important;color-scheme:dark!important;padding-right:48px!important;}
.date-field::after{content:""!important;position:absolute!important;right:16px!important;bottom:17px!important;width:19px!important;height:19px!important;z-index:1!important;pointer-events:none!important;background-repeat:no-repeat!important;background-size:19px 19px!important;background-position:center!important;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>')!important;}
.date-field input[type="date"]::-webkit-calendar-picker-indicator,
.booking input[type="date"]::-webkit-calendar-picker-indicator{opacity:0!important;filter:none!important;position:absolute!important;right:0!important;top:0!important;width:48px!important;height:100%!important;cursor:pointer!important;z-index:3!important;}

/* V5: extra mobile stabilisation */
@media(max-width:980px){
  .hero{background-position:center center, 62% center!important;}
  .booking-grid{grid-template-columns:1fr!important;}
  .date-field::after{right:16px!important;bottom:18px!important;}
  a[href*="wa.me"],.btn{min-height:46px!important;}
}
@media(max-width:520px){
  .hero{background-position:center center, 65% center!important;}
  .date-field::after{bottom:18px!important;}
}


  /* 1) Price / route cards: 3 columns on desktop, 2 on tablet, 1 on mobile */
  .routes-grid,
  .all-routes-grid,
  .price-grid,
  .route-price-grid,
  .cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }

  @media (max-width: 1024px) {
    .routes-grid,
    .all-routes-grid,
    .price-grid,
    .route-price-grid,
    .cards-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width: 768px) {
    .routes-grid,
    .all-routes-grid,
    .price-grid,
    .route-price-grid,
    .cards-grid {
      grid-template-columns: 1fr !important;
      gap: 18px !important;
    }
  }

  /* 2) Hero image position: keep ANTALYA AIRPORT text fully visible */
  .hero,
  .hero-section,
  .home-hero,
  .main-hero {
    background-position: 58% center !important;
    background-size: cover !important;
  }

  .hero img,
  .hero-section img,
  .home-hero img,
  .main-hero img {
    object-position: 58% center !important;
  }

  @media (max-width: 768px) {
    .hero,
    .hero-section,
    .home-hero,
    .main-hero {
      background-position: 62% center !important;
    }

    .hero img,
    .hero-section img,
    .home-hero img,
    .main-hero img {
      object-position: 62% center !important;
    }
  }


/* V4 fixes: language-specific WhatsApp forms, single WhatsApp icon, white date icon, stronger mobile layout */
:root{--wa:#25D366}
.wa-icon{width:18px!important;height:18px!important;display:inline-block!important;flex:0 0 18px!important;fill:currentColor!important;stroke:none!important;margin-right:0!important}
.btn .wa-icon,.wa-btn .wa-icon,.mini-wa .wa-icon,.wa-result .wa-icon,.sticky .wa-icon{color:inherit!important}
.wa-btn span,.btn span,.mini-wa span,.wa-result span{display:inline-block!important}
/* hide any old duplicate phone/whatsapp icons inside WhatsApp buttons, keep our injected svg */
a[href*="wa.me"] > svg:not(.wa-icon), a[href*="whatsapp"] > svg:not(.wa-icon), .wa-btn > i, .wa-btn > .phone-icon{display:none!important}
input[type="date"], .booking input[type="date"]{color-scheme:dark!important;color:#fff!important;background:#0d0d0d!important}
input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(2.5)!important;opacity:1!important;cursor:pointer!important}
.booking svg, .booking .date svg, .booking .field svg, .booking i{color:#fff!important;fill:#fff!important;stroke:#fff!important}
.hero{background-position:center center, 61% center!important}
.langbar button{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
@media(max-width:980px){
  body{overflow-x:hidden!important}
  .container{width:min(94%,680px)!important}
  header{position:sticky!important;top:0!important}
  .nav{height:auto!important;min-height:70px!important;flex-wrap:wrap!important;padding:10px 0!important;gap:10px!important}
  .brand{font-size:18px!important;letter-spacing:4px!important}.vmark{font-size:42px!important}
  .menu{display:block!important;margin-left:auto!important}
  .links{display:none!important;width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;background:rgba(0,0,0,.98)!important;border-top:1px solid var(--line)!important;padding:14px 0!important;position:static!important}
  .links.open{display:flex!important}
  .links a{padding:12px 14px!important;border:1px solid rgba(218,161,67,.18)!important;border-radius:10px!important}
  .links .btn{width:100%!important}
  .langbar{order:3!important;width:100%!important;display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:4px!important}
  .langbar button{flex:0 0 auto!important;font-size:12px!important;padding:8px 10px!important}
  .hero{min-height:auto!important;padding:92px 0 32px!important;background-position:center center, 64% center!important;background-size:auto, cover!important}
  .hero .container,.hero-content,.hero-grid{display:block!important}
  .hero h1{font-size:clamp(42px,13vw,66px)!important;line-height:.98!important;max-width:100%!important}
  .hero p{font-size:15px!important;max-width:100%!important}
  .actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.actions .btn{width:100%!important}
  .booking,.search-box,.booking-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;padding:14px!important}
  .booking label,.booking select,.booking input,.booking .field{width:100%!important;min-width:0!important}
  #check{width:100%!important;justify-self:stretch!important;padding:12px 16px!important;font-size:13px!important}
  .feature-grid,.features{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .fleet-grid,.routes-grid,.route-grid,.all-routes-grid,.cards,.grid{grid-template-columns:1fr!important;display:grid!important;gap:16px!important}
  .card,.route-card,.price-card{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .fleet-grid .card img,.card img.vehicle-img{height:220px!important;object-fit:contain!important;object-position:center!important;background:#050505!important;padding:8px!important}
  .route-img,.route-card img{height:auto!important;min-height:220px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;background-color:#050505!important;object-fit:contain!important}
  .price-card img{max-width:100%!important;height:auto!important;object-fit:contain!important}
  .price-row,.route-row{grid-template-columns:110px 1fr auto!important;gap:8px!important;align-items:center!important}
  .price-row img{width:100px!important;height:auto!important;object-fit:contain!important}
  .amount{font-size:clamp(28px,9vw,44px)!important;white-space:nowrap!important}
  footer .foot, .footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;text-align:left!important}
  .mobile-cta{display:block!important;position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;z-index:999!important}.mobile-cta .btn{width:100%!important}
}
@media(max-width:520px){
  .price-row,.route-row{grid-template-columns:82px 1fr!important}.price-row .amount,.route-row .amount{grid-column:1/-1;text-align:right!important}
  .price-row img{width:78px!important}.amount{font-size:34px!important}
  .hero{background-position:center center, 68% center!important}
}


  /* Footer temizliği: sosyal medya sadece Contact içinde ikon olarak kalsın */
  footer .viano-contact-update,
  footer .contact-social,
  footer [class*="contact-social"],
  footer [class*="social-media"]{
    display:none !important;
  }
  footer .foot{align-items:start !important;}
  footer .socials.clean-contact-icons{
    display:flex !important;
    gap:12px !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    margin-top:12px !important;
  }
  footer .socials.clean-contact-icons a{
    width:42px !important;
    height:42px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#d9a143 !important;
    border:1px solid rgba(217,161,67,.45) !important;
    background:rgba(255,255,255,.035) !important;
    text-decoration:none !important;
    font-size:20px !important;
    line-height:1 !important;
  }
  footer .socials.clean-contact-icons a:hover{
    color:#050505 !important;
    background:linear-gradient(135deg,#c58b28,#f6c96c) !important;
    border-color:#f6c96c !important;
  }
  footer .socials.clean-contact-icons svg{width:21px !important;height:21px !important;display:block !important;fill:currentColor !important;}
  /* Mobil Check Price sonucu görünür ve dokunmatik olsun */
  #check{touch-action:manipulation !important;pointer-events:auto !important;position:relative !important;z-index:20 !important;}
  #result.result,
  .result#result{
    width:100% !important;
    margin-top:14px !important;
    position:relative !important;
    z-index:30 !important;
    pointer-events:auto !important;
  }
  #result.result:not(:empty),
  .result#result:not(:empty){
    display:block !important;
    padding:16px !important;
    border:1px solid rgba(217,161,67,.45) !important;
    border-radius:16px !important;
    background:rgba(0,0,0,.72) !important;
    color:#fff !important;
    box-shadow:0 14px 35px rgba(0,0,0,.35) !important;
  }
  #result .wa-result{margin-top:12px !important;width:max-content !important;max-width:100% !important;}
  @media(max-width:768px){
    #check{width:100% !important;min-height:48px !important;}
    #result .wa-result{width:100% !important;display:flex !important;}
    footer .foot{grid-template-columns:1fr !important;text-align:left !important;}
    footer .socials.clean-contact-icons{justify-content:flex-start !important;}
    .mobile-cta{z-index:80 !important;}
    .booking,.booking-grid{overflow:visible !important;}
  }


  .clean-contact-icons{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:10px!important}
  .clean-contact-icons a{width:42px!important;height:42px!important;border:1px solid rgba(217,161,67,.55)!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#d9a143!important;background:rgba(255,255,255,.035)!important;text-decoration:none!important;overflow:hidden!important;font-size:0!important;line-height:0!important}
  .clean-contact-icons svg{width:20px!important;height:20px!important;fill:currentColor!important;display:block!important;flex:0 0 auto!important}
  .footer-contact-clean p,.footer-contact-clean span:not(.keep),.footer-contact-clean .text{display:none!important}
  #result.result, .result#result{position:relative!important;z-index:50!important;margin-top:14px!important}
  #result.result:not(:empty), .result#result:not(:empty){display:block!important;padding:16px!important;border:1px solid rgba(217,161,67,.45)!important;border-radius:16px!important;background:rgba(0,0,0,.82)!important;color:#fff!important;box-shadow:0 14px 35px rgba(0,0,0,.35)!important}
  #result .wa-result{margin-top:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#fff!important;text-decoration:none!important;border:1px solid rgba(217,161,67,.55)!important;border-radius:12px!important;padding:11px 14px!important;background:rgba(217,161,67,.18)!important;font-weight:900!important}
  #result .wa-result svg{width:18px!important;height:18px!important;fill:currentColor!important}
  .langbar button{min-width:48px!important;text-align:center!important}
  input[type="date"], .date-input{color-scheme:dark!important;color:#fff!important;background:rgba(255,255,255,.04)!important}
  input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(2)!important;opacity:1!important}
  @media(max-width:768px){
    .booking,.booking-grid{overflow:visible!important}
    #check{width:100%!important;min-height:52px!important;touch-action:manipulation!important;position:relative!important;z-index:60!important}
    #result .wa-result{width:100%!important}
    footer .foot{grid-template-columns:1fr!important;text-align:left!important;gap:26px!important}
    .clean-contact-icons{justify-content:flex-start!important}
  }


  @media (min-width: 769px) {
    #viano-mobile-price-result { display: none !important; }
  }
  @media (max-width: 768px) {
    #viano-mobile-price-result {
      display: none;
      width: 100%;
      margin-top: 14px;
      padding: 15px;
      border: 1px solid rgba(217,161,67,.55);
      border-radius: 18px;
      background: rgba(0,0,0,.88);
      color: #fff;
      box-sizing: border-box;
      position: relative;
      z-index: 999999;
    }
    #viano-mobile-price-result.show {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
    }
    #viano-mobile-price-result .vm-title {
      color: #d9a143;
      font-weight: 900;
      margin-bottom: 8px;
      font-size: 16px;
    }
    #viano-mobile-price-result .vm-line {
      font-size: 18px;
      line-height: 1.45;
      font-weight: 800;
    }
    #viano-mobile-price-result .vm-line b {
      color: #f5c96e;
    }
    #viano-mobile-price-result .vm-wa {
      margin-top: 14px;
      min-height: 54px;
      width: 100%;
      display: flex !important;
      align-items: center;
      justify-content: center;
      gap: 9px;
      border-radius: 14px;
      background: linear-gradient(135deg,#d9a143,#f5cf75);
      color: #080808 !important;
      text-decoration: none !important;
      font-weight: 950;
      border: 1px solid rgba(255,255,255,.25);
      box-sizing: border-box;
      pointer-events: auto !important;
      touch-action: manipulation !important;
    }
    #viano-mobile-price-result .vm-wa svg {
      width: 20px;
      height: 20px;
      fill: currentColor;
    }
    #check, button, .btn, [class*="check"] {
      touch-action: manipulation !important;
    }
  }

/* Viano performance/mobile fixes */
.sticky,.mobile-cta{display:none!important;visibility:hidden!important;pointer-events:none!important}
body{padding-bottom:0!important}
.price-card.route-hidden{display:none!important}
.price-card img,.card img,.vehicle-row img{content-visibility:auto;contain-intrinsic-size:300px 220px}
@media(max-width:980px){.mobile-cta{display:none!important}.prices-grid{grid-template-columns:1fr!important}.price-card{padding:16px!important}.vehicle-row{gap:10px!important}}
