*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth}
body{background:#f6f3ec;color:#191919;overflow-x:hidden}
.hero{min-height:100vh;color:white;position:relative;overflow:hidden}
.hero-slider,.hero-slide,.hero-overlay{position:absolute;inset:0}
.hero-slide{background-size:cover;background-position:center;opacity:0;animation:heroFade 24s infinite;transform:scale(1.08)}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:6s}.hero-slide:nth-child(3){animation-delay:12s}.hero-slide:nth-child(4){animation-delay:18s}
@keyframes heroFade{0%{opacity:0;transform:scale(1.08)}8%{opacity:1}28%{opacity:1;transform:scale(1)}36%{opacity:0}100%{opacity:0}}
.hero-overlay{background:radial-gradient(circle at 72% 20%,rgba(212,175,55,.22),transparent 28%),linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.84));z-index:1}
.navbar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:26px 8%}
.logo{font-size:30px;font-weight:900;letter-spacing:1px}.logo span,.badge,.vehicle-card h3{color:#d4af37}
.nav-links a{color:white;text-decoration:none;margin-left:26px;font-weight:700;opacity:.92}.nav-links a:hover{color:#d4af37}
.hero-content{position:relative;z-index:2;max-width:850px;padding:140px 8% 0}
.badge{display:inline-block;margin-bottom:18px;border:1px solid rgba(212,175,55,.9);padding:9px 16px;border-radius:40px;background:rgba(212,175,55,.11);font-weight:800}
.hero-content h1{font-size:64px;line-height:1.05;margin-bottom:22px}.hero-content p{font-size:20px;line-height:1.65;margin-bottom:32px;color:#eee}
.btn{display:inline-block;padding:15px 26px;border-radius:10px;text-decoration:none;margin-right:12px;font-weight:900}.primary,.gold-button{background:#d4af37!important;color:#111!important}.secondary{border:1px solid white;color:white}
.section{padding:90px 8%;text-align:center}.section h2{font-size:40px;margin-bottom:14px}.subtext{margin-bottom:38px;color:#666;font-size:17px}.subtext.light{color:#ddd}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px}.card{background:white;padding:38px;border-radius:22px;box-shadow:0 14px 40px rgba(0,0,0,.08);border:1px solid rgba(212,175,55,.18);transition:transform .35s ease}.card:hover{transform:translateY(-8px)}.card h3{margin-bottom:15px;color:#111}
.dark{background:#111;color:white}.vehicle-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.vehicle-card{background:#1a1a1a;border:1px solid rgba(212,175,55,.22);border-radius:24px;overflow:hidden;text-align:left;box-shadow:0 18px 55px rgba(0,0,0,.22);transition:transform .35s ease}.vehicle-card:hover{transform:translateY(-8px)}.vehicle-card img{width:100%;height:330px;object-fit:cover;display:block}.vehicle-card div{padding:24px}.vehicle-card h3{font-size:24px;margin-bottom:10px}.vehicle-card p{color:#ddd;line-height:1.6}
.gallery-section{background:#f6f3ec;overflow:hidden}.gallery-marquee{width:100%;overflow:hidden;border-radius:26px}.gallery-track{display:flex;gap:18px;width:max-content;animation:galleryMove 70s linear infinite}.gallery-track:hover{animation-play-state:paused}.gallery-track img{width:280px;height:390px;object-fit:cover;border-radius:22px;box-shadow:0 14px 40px rgba(0,0,0,.16);border:1px solid rgba(212,175,55,.25)}
@keyframes galleryMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.reservation-section{background:linear-gradient(180deg,#f6f3ec,#fff);overflow:hidden}.reservation-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:stretch}.contact-form{display:grid;gap:15px;background:white;padding:28px;border-radius:24px;box-shadow:0 18px 55px rgba(0,0,0,.1);border:1px solid rgba(212,175,55,.22)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form textarea,.contact-form select{padding:15px;border:1px solid #ddd;border-radius:10px;font-size:15px;width:100%;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#d4af37;box-shadow:0 0 0 3px rgba(212,175,55,.15)}.contact-form textarea{min-height:92px}.contact-form button{padding:16px;background:#111;color:white;border:none;border-radius:10px;font-size:16px;cursor:pointer;font-weight:900}.price-result{background:#111;color:white;padding:18px;border-radius:12px;line-height:1.8;text-align:left}.small-note{font-size:12px;color:#666;text-align:left}.map-panel{display:grid;grid-template-rows:1fr auto}#map{min-height:630px;border-radius:24px 24px 0 0;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.1);background:#ddd}.map-info{background:#111;color:white;padding:18px;border-radius:0 0 24px 24px;text-align:left;border-top:1px solid rgba(212,175,55,.3)}
footer{background:#111;color:white;text-align:center;padding:30px;line-height:1.8}footer strong{color:#d4af37}.whatsapp{position:fixed;right:20px;bottom:20px;background:#25d366;color:white;padding:14px 18px;border-radius:50px;text-decoration:none;font-weight:bold;box-shadow:0 8px 25px rgba(0,0,0,.25);z-index:10}
.loop-reveal{opacity:0;transform:translateY(55px);transition:opacity .8s ease,transform .8s ease}.loop-reveal.active{opacity:1;transform:translateY(0)}
.slide-up{opacity:0;transform:translateY(90px) scale(.98);transition:opacity .9s ease,transform .9s ease}.loop-reveal.active .slide-up,.slide-up.active{opacity:1;transform:translateY(0) scale(1)}
.slide-card{opacity:0;transform:translateX(-35px)}.loop-reveal.active .slide-card{animation:cardSlide .75s ease forwards}.loop-reveal.active .slide-card:nth-child(2){animation-delay:.12s}.loop-reveal.active .slide-card:nth-child(3){animation-delay:.24s}
@keyframes cardSlide{to{opacity:1;transform:translateX(0)}}
@media(max-width:900px){.nav-links{display:none}.hero-content{padding-top:125px}.hero-content h1{font-size:40px}.cards,.vehicle-cards,.reservation-box,.form-grid{grid-template-columns:1fr}.section{padding:64px 6%}#map{min-height:370px}.gallery-track img{width:230px;height:320px}.vehicle-card img{height:300px}}


/* PREMIUM REZERVASYON MODELİ */
.reservation-header{max-width:850px;margin:0 auto 36px}
.premium-reservation{background:linear-gradient(135deg,rgba(17,17,17,.05),rgba(212,175,55,.09));padding:18px;border-radius:34px;border:1px solid rgba(212,175,55,.25);box-shadow:0 28px 80px rgba(0,0,0,.12)}
.premium-form{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.91)),radial-gradient(circle at top right,rgba(212,175,55,.22),transparent 30%);padding:30px}
.form-top{display:flex;align-items:center;justify-content:space-between;text-align:left;margin-bottom:4px}
.mini-title{color:#d4af37;font-size:13px;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.form-top h3{font-size:28px;margin-top:4px;color:#111}
.secure-badge{width:58px;height:58px;border-radius:18px;background:#111;color:#d4af37;display:grid;place-items:center;font-weight:900;box-shadow:inset 0 0 0 1px rgba(212,175,55,.35),0 12px 28px rgba(0,0,0,.18)}
.field{text-align:left}.field label{display:block;margin-bottom:7px;font-size:13px;font-weight:800;color:#555}.field.full{width:100%}
.premium-form input,.premium-form textarea,.premium-form select{background:#fafafa;border:1px solid #e1ded6;min-height:52px}
.premium-form input:hover,.premium-form textarea:hover,.premium-form select:hover{border-color:rgba(212,175,55,.75)}
.route-card{background:#111;border-radius:22px;padding:18px;box-shadow:inset 0 0 0 1px rgba(212,175,55,.25)}
.route-card label{color:#d4af37}.route-card input{background:#1b1b1b;color:white;border-color:rgba(255,255,255,.12)}.route-card input::placeholder{color:#aaa}
.route-line{display:flex;align-items:center;gap:14px}
.route-dot{width:16px;height:16px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 6px rgba(212,175,55,.12)}
.route-dot.start{background:#25d366}.route-dot.end{background:#d4af37}
.route-divider{height:28px;width:2px;background:linear-gradient(#25d366,#d4af37);margin:5px 0 5px 7px;opacity:.7}
.black-button{background:linear-gradient(135deg,#090909,#242424)!important;border:1px solid rgba(212,175,55,.25)!important}
.premium-price{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#111,#1f1f1f);border:1px solid rgba(212,175,55,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.price-icon{width:48px;height:48px;border-radius:16px;background:#d4af37;color:#111;display:grid;place-items:center;font-weight:900;font-size:24px;flex:0 0 auto}
.premium-price span{display:block;margin-top:5px;color:#ddd;font-size:14px}
.premium-map{border-radius:26px;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.14);background:#111}
.map-cover{position:relative;min-height:630px;background:linear-gradient(135deg,rgba(17,17,17,.88),rgba(17,17,17,.45)),url('assets/boss-vip-04.jpg');background-size:cover;background-position:center}
.map-cover #map{position:absolute;inset:0;min-height:100%;border-radius:0;box-shadow:none;background:transparent}
.map-loading{pointer-events:none;position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center;padding:30px;color:white;background:linear-gradient(rgba(17,17,17,.35),rgba(17,17,17,.48));transition:opacity .4s ease,visibility .4s ease}
.map-loading .map-pin{width:72px;height:72px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:rgba(212,175,55,.95);font-size:30px;box-shadow:0 18px 45px rgba(0,0,0,.3)}
.map-loading strong{font-size:26px;margin-bottom:8px}.map-loading span{color:#eee}
.premium-map .map-info{border-radius:0;background:linear-gradient(135deg,#111,#1b1b1b);border-top:1px solid rgba(212,175,55,.35);font-weight:700}
body.maps-ready .map-loading{opacity:.88}body.route-ready .map-loading{opacity:0;visibility:hidden}
.gm-err-container{background:linear-gradient(rgba(17,17,17,.82),rgba(17,17,17,.82)),url('assets/boss-vip-04.jpg') center/cover!important;color:white!important}.gm-err-content{color:white!important}
@media(max-width:900px){.premium-reservation{padding:10px;border-radius:26px}.premium-form{padding:22px}.form-top h3{font-size:24px}.map-cover{min-height:390px}}


/* TARİH / SAAT VE SONUÇ KARTI GELİŞTİRMESİ */
input[type="date"],
input[type="time"] {
  color-scheme: light;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: .2px;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  background-color: #d4af37;
  padding: 7px;
  border-radius: 10px;
  filter: none;
  opacity: 1;
}

input[type="date"]:focus,
input[type="time"]:focus {
  background: linear-gradient(135deg, #fff, #fff9e8);
}

.result-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.result-card {
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(212,175,55,.22);
  border-radius: 14px;
  padding: 13px 12px;
  min-height: 92px;
}

.result-card .result-icon {
  font-size: 21px;
  margin-bottom: 7px;
}

.result-card .result-label {
  color: #d4af37;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .7px;
  margin-bottom: 7px;
}

.result-card .result-value {
  color: white;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.25;
}

.result-card.price {
  background: linear-gradient(135deg, rgba(212,175,55,.95), rgba(174,132,23,.95));
}

.result-card.price .result-label,
.result-card.price .result-value,
.result-card.price .result-icon {
  color: #111;
}

.result-pop {
  animation: resultPop .35s ease;
}

@keyframes resultPop {
  0% { transform: scale(.97); opacity: .65; }
  100% { transform: scale(1); opacity: 1; }
}

.date-warning {
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,.25) !important;
}

@media(max-width:900px) {
  .result-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:480px) {
  .result-grid {
    grid-template-columns: 1fr;
  }
}


/* ARAÇ MÜSAİTLİK KONTROLÜ */
.availability-box {
  background: linear-gradient(135deg, #111, #1f1f1f);
  color: white;
  padding: 17px;
  border-radius: 14px;
  border: 1px solid rgba(212,175,55,.25);
  text-align: left;
  line-height: 1.6;
}

.availability-title {
  color: #d4af37;
  font-weight: 900;
  margin-bottom: 10px;
  font-size: 15px;
}

.car-status-list {
  display: grid;
  gap: 9px;
}

.car-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  background: rgba(255,255,255,.06);
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.08);
}

.car-status strong {
  font-size: 15px;
}

.car-status span {
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.car-status.available span {
  background: rgba(37,211,102,.18);
  color: #25d366;
}

.car-status.busy span {
  background: rgba(255,75,75,.16);
  color: #ff6b6b;
}

.availability-note {
  margin-top: 10px;
  color: #ddd;
  font-size: 13px;
}


/* MINIMAL DÜZELTME: Logo büyütme */
.logo {
  font-size: 46px !important;
  font-weight: 950 !important;
  letter-spacing: 1.5px !important;
  line-height: 1 !important;
}

.logo span {
  color: #d4af37 !important;
}

.logo::after {
  content: "B";
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  margin-top: 8px;
  border: 2px solid #d4af37;
  border-radius: 50%;
  color: #d4af37;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 44px;
  font-weight: 900;
  box-shadow: 0 0 24px rgba(212,175,55,.22);
}

@media(max-width:900px) {
  .logo {
    font-size: 34px !important;
  }
  .logo::after {
    width: 54px;
    height: 54px;
    font-size: 34px;
  }
}

/* MINIMAL DÜZELTME: Fiyat yerine mesafe/süre kartları */
.route-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.route-result-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(212,175,55,.24);
  border-radius: 14px;
  padding: 14px;
  min-height: 96px;
  text-align: left;
}

.route-result-icon {
  font-size: 22px;
  margin-bottom: 6px;
}

.route-result-label {
  color: #d4af37;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .6px;
  margin-bottom: 7px;
}

.route-result-value {
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.25;
}

@media(max-width:600px) {
  .route-result-grid {
    grid-template-columns: 1fr;
  }
}


/* BOSS VIP KANATLI LOGO - KODLA EKLENDİ */
.logo::after,
.boss-main-logo::after,
.brand-logo::after,
.boss-logo-emblem {
  content: none !important;
  display: none !important;
}

.logo.boss-brand-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
  line-height: 1 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.boss-brand-text {
  font-size: 46px !important;
  font-weight: 950 !important;
  letter-spacing: 1.2px !important;
  color: #ffffff !important;
  text-shadow: 0 8px 24px rgba(0,0,0,.55);
}

.boss-brand-text span {
  color: #d4af37 !important;
}

.boss-wing-logo {
  width: 230px !important;
  max-width: 230px !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: -2px !important;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.65));
}

.navbar {
  align-items: flex-start !important;
}

@media(max-width:900px) {
  .boss-brand-text {
    font-size: 32px !important;
  }

  .boss-wing-logo {
    width: 160px !important;
    max-width: 160px !important;
  }
}


/* Yeni araçlar - sabit ve hemen görünür */
.new-cars-title {
  margin: 26px 0 20px;
  text-align: center;
}

.new-cars-title h3 {
  font-size: 30px;
  margin-bottom: 8px;
  color: #111;
}

.new-cars-title p {
  color: #666;
}

.new-cars-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 38px;
}

.new-car-card {
  overflow: hidden;
  border-radius: 18px;
  background: #111;
  border: 1px solid rgba(212,175,55,.28);
  box-shadow: 0 16px 38px rgba(0,0,0,.14);
  transition: transform .3s ease, box-shadow .3s ease;
}

.new-car-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 48px rgba(0,0,0,.22);
}

.new-car-card img {
  width: 100%;
  height: 230px;
  display: block;
  object-fit: cover;
}

.new-car-name {
  padding: 14px 12px;
  color: #d4af37;
  font-weight: 900;
  font-size: 15px;
  text-align: center;
}

@media(max-width:1100px) {
  .new-cars-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media(max-width:700px) {
  .new-cars-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .new-car-card img {
    height: 200px;
  }
}

@media(max-width:480px) {
  .new-cars-grid {
    grid-template-columns: 1fr;
  }
}