:root{--green:#0b7a4b;--green2:#075f3a;--orange:#ff7100;--ink:#172026;--muted:#68727d;--line:#e7eaed;--soft:#f7f9fa;--footer:#071720;--shadow:0 10px 30px rgba(0,0,0,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:68px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #eee}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{min-width:165px;line-height:.9}.brand span{font-size:27px;font-weight:800;letter-spacing:-1px}.brand b{color:var(--green)}.brand em{color:var(--orange);font-style:normal}.brand small{display:block;color:#2a5c48;font-size:14px;font-weight:700;margin-left:38px;margin-top:5px}.main-nav{display:flex;align-items:center;gap:25px;flex:1;justify-content:center;font-size:14px}.main-nav>a,.dropdown>button{padding:25px 0 21px;border:0;background:none;font:inherit;cursor:pointer;white-space:nowrap}.main-nav>a.active{border-bottom:3px solid var(--green);font-weight:700}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:58px;left:-10px;background:#fff;box-shadow:var(--shadow);border-radius:8px;padding:8px;width:160px}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px;border-radius:6px}.dropdown-menu a:hover{background:var(--soft)}.header-actions{display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.lang-switch{display:flex;gap:5px}.lang-switch .sel{font-weight:700}.wa-icon{font-size:25px;color:#08a44f}.phone{font-weight:600}.btn{border:0;border-radius:8px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green2)}.btn-outline{border:1px solid var(--green);color:var(--green);background:#fff}.btn-orange{background:var(--orange);color:white}.mobile-menu-btn{display:none;border:0;background:#f2f4f5;border-radius:50%;width:42px;height:42px;font-size:22px}.home-hero,.page-hero{background-image:linear-gradient(90deg,rgba(4,20,18,.78),rgba(4,20,18,.15)),url('/assets/img/hero-desktop.jpg');background-size:cover;background-position:center;height:320px;color:#fff;display:flex;align-items:center}.home-hero h1,.page-hero h1{font-size:48px;line-height:1.03;margin:0 0 12px;max-width:610px}.home-hero p,.page-hero p{font-size:20px;margin:0;max-width:560px}.hero-search-wrap{margin-top:-66px;position:relative;z-index:4}.search-bar{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.45fr 1fr .8fr 1fr .8fr 1.25fr;gap:12px;align-items:end}.search-bar label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.search-bar input,.search-bar select,.form-control{height:44px;border:1px solid #dfe4e7;border-radius:8px;padding:0 12px;background:#fff;font:inherit}.search-bar .btn{height:44px}.benefits{padding:24px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit-grid>div{border:1px solid var(--line);border-radius:10px;padding:17px;background:#fff;display:flex;align-items:center;justify-content:center;gap:13px}.benefit-grid span{font-size:28px}.benefit-grid b{font-size:15px}.section{padding:38px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.section-head h2{font-size:30px;margin:0}.section-head p{color:var(--muted);margin:6px 0 0}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vehicle-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;transition:.2s;display:flex;flex-direction:column}.vehicle-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.vehicle-card .image{height:185px;padding:15px;display:flex;align-items:center;justify-content:center;background:#fff}.vehicle-card img{max-width:100%;max-height:100%;object-fit:contain}.vehicle-card .body{padding:0 16px 16px}.vehicle-card h3{margin:0 0 9px;font-size:18px}.specs{display:flex;gap:12px;color:#535e65;font-size:13px;margin-bottom:14px;flex-wrap:wrap}.vehicle-card .btn{width:100%}.page-main{padding:28px 0 48px}.listing-layout{display:grid;grid-template-columns:220px 1fr;gap:22px}.filters{border:1px solid var(--line);border-radius:10px;padding:18px;height:max-content}.filter-group{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.filter-group:last-child{border:0}.filter-group h4{margin:0 0 12px}.check{display:block;margin:9px 0;font-size:14px;color:#49545c}.check input{accent-color:var(--green);margin-right:8px}.listing-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.listing-top h2{margin:0}.listing-top small{color:var(--muted)}.sort-select{height:40px;border:1px solid var(--line);border-radius:20px;padding:0 15px;background:#fff}.page-hero{height:265px}.page-hero h1{font-size:46px}.page-hero p{font-size:18px}.detail-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:30px}.vehicle-gallery{border:1px solid var(--line);border-radius:12px;padding:25px;min-height:420px;display:flex;align-items:center;justify-content:center}.vehicle-gallery img{width:100%;max-height:370px;object-fit:contain}.detail-side{border:1px solid var(--line);border-radius:12px;padding:24px;height:max-content}.detail-side h1{margin:0 0 8px}.price-big{font-size:30px;color:var(--green);font-weight:800;margin:16px 0}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-meta div{background:var(--soft);padding:11px;border-radius:8px;font-size:13px}.info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.info-card{border:1px solid var(--line);border-radius:10px;padding:16px}.info-card small{color:var(--muted);display:block;margin-bottom:5px}.content-card{border:1px solid var(--line);border-radius:12px;padding:24px;background:#fff;margin-bottom:18px}.content-card h2,.content-card h3{margin-top:0}.content-card p,.content-card li{line-height:1.7;color:#4b555d}.two-col{display:grid;grid-template-columns:1fr 1.6fr;gap:24px}.contact-side{border:1px solid var(--line);border-radius:12px;padding:22px}.contact-item{margin:20px 0;padding-bottom:16px;border-bottom:1px solid var(--line)}.contact-item:last-child{border:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group.full{grid-column:1/-1}.form-group label{font-size:13px;font-weight:700}.form-control{width:100%}.form-group textarea.form-control{height:120px;padding:12px;resize:vertical}.alert{border-radius:8px;padding:12px 14px;margin-bottom:16px}.alert-success{background:#e9f7ef;color:#17623f}.alert-error{background:#fff0f0;color:#9f1f1f}.accordion{border:1px solid var(--line);border-radius:10px;margin-bottom:9px;overflow:hidden}.accordion button{width:100%;text-align:left;border:0;background:#fff;padding:16px 18px;font-weight:700;font-size:15px;cursor:pointer;display:flex;justify-content:space-between}.accordion .answer{display:none;padding:0 18px 17px;color:#52606a;line-height:1.6}.accordion.open .answer{display:block}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.step{padding:12px;border:1px solid var(--line);border-radius:9px;font-size:13px}.step.active{border-color:var(--green);background:#eef8f3;color:var(--green);font-weight:700}.checkout-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:24px}.summary-card{border:1px solid var(--line);border-radius:12px;padding:20px;height:max-content;position:sticky;top:88px}.summary-line{display:flex;justify-content:space-between;margin:10px 0}.summary-line.total{border-top:1px solid var(--line);padding-top:14px;font-weight:800;font-size:19px}.muted{color:var(--muted)}.legal h2{margin-top:30px}.legal p,.legal li{line-height:1.75;color:#45505a}.site-footer{background:var(--footer);color:#fff;padding:30px 0 15px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:28px}.site-footer h4{margin:0 0 9px}.site-footer p{color:#d4dde2;line-height:1.5;font-size:13px;margin:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;color:#aeb9be}.floating-wa{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;background:#08a44f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:var(--shadow);z-index:30}.success-box{text-align:center;padding:45px 20px}.success-check{width:74px;height:74px;border-radius:50%;background:#e7f7ee;color:var(--green);display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 18px}.admin-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.admin-nav{background:#081b22;color:#fff;padding:22px}.admin-nav .brand{display:block;margin-bottom:28px}.admin-nav a{display:block;padding:10px;border-radius:7px;margin:4px 0}.admin-nav a:hover{background:#12313d}.admin-main{background:#f6f8f9;padding:26px}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.admin-stat{background:#fff;border-radius:10px;padding:20px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{background:#f4f6f7}.badge{padding:5px 8px;border-radius:14px;background:#eef1f3;font-size:11px}.badge.pending{background:#fff4db;color:#8a5b00}.badge.confirmed{background:#e7f7ee;color:#17623f}.badge.cancelled,.badge.expired{background:#fdeaea;color:#952d2d}.map-frame{width:100%;height:280px;border:0;border-radius:10px}.cookie-note{font-size:12px;color:#68727d}.mobile-only{display:none}
@media(max-width:1050px){.header-actions .phone,.lang-switch span{display:none}.main-nav{gap:14px}.header-actions .btn{display:none}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.search-bar{grid-template-columns:1fr 1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.admin-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.container{width:min(100% - 24px,680px)}.site-header{height:62px}.header-inner{justify-content:space-between}.brand{min-width:auto}.brand span{font-size:22px}.brand small{font-size:11px;margin-left:28px}.mobile-menu-btn{display:block;order:3}.main-nav{display:none;position:absolute;top:62px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 18px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav>a,.dropdown>button{padding:10px 0;text-align:left}.dropdown-menu{position:static;box-shadow:none;display:block;padding:0 0 0 15px}.header-actions{margin-left:auto}.header-actions .wa-icon{display:none}.lang-switch a{font-size:11px}.home-hero,.page-hero{background-image:linear-gradient(rgba(5,25,21,.2),rgba(5,25,21,.2)),url('/assets/img/hero-mobile.jpg');height:210px;background-position:center}.home-hero .container h1,.home-hero .container p{display:none}.page-hero h1{font-size:34px}.page-hero p{font-size:15px}.hero-search-wrap{margin-top:-26px}.search-bar{grid-template-columns:1fr 1fr;padding:14px}.search-bar label:first-of-type,.search-bar .btn{grid-column:1/-1}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid>div{padding:13px}.vehicle-grid{grid-template-columns:1fr}.popular-section{display:none}.listing-layout{grid-template-columns:1fr}.filters{display:none}.listing-top{align-items:flex-start;gap:8px}.detail-grid,.two-col,.checkout-grid{grid-template-columns:1fr}.vehicle-gallery{min-height:260px}.detail-meta,.info-cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(4,1fr);font-size:10px}.step{padding:8px;font-size:10px}.summary-card{position:static}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.admin-shell{grid-template-columns:1fr}.admin-nav{display:flex;overflow:auto;gap:8px;padding:10px}.admin-nav .brand{display:none}.admin-nav a{white-space:nowrap}.admin-cards{grid-template-columns:1fr 1fr}.mobile-only{display:block}table{font-size:11px;display:block;overflow:auto}.page-main{padding-top:20px}}

/* Admin responsive layout: keep wide tables inside their scroll containers. */
.admin-shell{grid-template-columns:220px minmax(0,1fr)}
.admin-shell .admin-nav,.admin-shell .admin-main{min-width:0;max-width:100%}
.admin-shell .admin-main>div{min-width:0}
.admin-shell .admin-main h1{overflow-wrap:anywhere}
.admin-shell .cc-table-scroll,.admin-shell .cc-scroll,
.admin-shell .cc-blocks .scroll,.admin-shell .cv-scroll,.admin-shell .cm-scroll{min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-shell .cc-table-scroll table,.admin-shell .cc-scroll table,
.admin-shell .cc-blocks .scroll table,.admin-shell .cv-scroll table,.admin-shell .cm-scroll table{display:table}
@media(max-width:760px){
 .admin-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
 .admin-shell .admin-nav{flex-wrap:wrap;align-content:flex-start;gap:4px 8px;overflow:visible;padding:10px 12px}
 .admin-shell .admin-nav a{margin:0;min-height:44px;display:flex;align-items:center;font-size:14px;white-space:normal}
 .admin-shell .admin-nav .brand{display:none}
 .admin-shell .admin-main{padding:20px 14px}
 .admin-shell .admin-main>h1{font-size:26px;margin:0 0 20px}
 .admin-shell .cc-panel-head{flex-wrap:wrap}
 .admin-shell .cc-actions{min-width:0}
 .admin-shell .cc-button{max-width:100%;text-align:center}
 .admin-shell .form-control{min-width:0;max-width:100%}
}

/* Homepage desktop hero: preserve the complete panoramic image. */
@media (min-width:761px){
 .home-hero{
  height:auto;
  min-height:0;
  aspect-ratio:3 / 1;
  background-image:linear-gradient(90deg,rgba(4,20,18,.48) 0%,rgba(4,20,18,.16) 40%,rgba(4,20,18,0) 62%),url('/assets/img/hero-home.jpg');
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
 }
 .home-hero h1{max-width:38%;font-size:clamp(28px,3vw,48px);line-height:1.12}
 .home-hero p{max-width:38%;font-size:clamp(14px,1.3vw,20px);line-height:1.45}
 .home-hero + .hero-search-wrap{margin-top:18px}
}
@media (min-width: 761px) {
  .home-hero {
    aspect-ratio: auto;
    height: 360px;
    min-height: 0;
    background-color: #142320;
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 761px) {
  .home-hero {
    width: calc(100% - 32px);
    max-width: 1160px;
    margin: 0 auto;
    height: auto;
    min-height: 0;
    aspect-ratio: 3 / 1;
    background-size: 100% 100%;
    background-position: center;
    border-radius: 12px;
    overflow: hidden;
  }

  .home-hero > .container {
    width: 100%;
    box-sizing: border-box;
    padding: 24px 32px;
  }

  .home-hero h1 {
    max-width: 40%;
    font-size: clamp(24px, 2.6vw, 36px);
    line-height: 1.12;
  }

  .home-hero p {
    max-width: 40%;
    font-size: clamp(13px, 1.2vw, 16px);
    line-height: 1.4;
  }
}@media (min-width: 761px) {
  .home-hero {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
    height: auto;
    min-height: 0;
    aspect-ratio: 3 / 1;
    background-size: 100% 100%;
    background-position: center;
  }

  .home-hero > .container {
    width: calc(100% - 64px);
    max-width: 1160px;
    margin: 0 auto;
    padding: 0;
  }

  .home-hero h1 {
    max-width: 42%;
    font-size: clamp(28px, 3vw, 48px);
    line-height: 1.12;
  }

  .home-hero p {
    max-width: 42%;
    font-size: clamp(14px, 1.3vw, 18px);
    line-height: 1.45;
  }
}@media (min-width: 761px) {
  .home-hero {
    aspect-ratio: auto;
    height: clamp(280px, 28vw, 540px);
    background-size: cover;
    background-position: center bottom;
  }

  .home-hero + .hero-search-wrap {
    margin-top: 10px;
  }
}@media (min-width: 1051px) {
  .site-header .header-inner {
    width: 100%;
    max-width: none;
    padding: 0 4%;
    gap: 28px;
  }

  .site-header .brand {
    flex-shrink: 0;
    margin-right: auto;
  }

  .site-header .main-nav {
    flex: 0 1 auto;
    margin-left: auto;
    justify-content: flex-end;
    gap: 24px;
  }

  .site-header .header-actions {
    flex-shrink: 0;
    gap: 12px;
  }
}/* Site genelinde yazı tipi */
body:has(.site-header) {
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body:has(.site-header) input,
body:has(.site-header) select,
body:has(.site-header) textarea,
body:has(.site-header) button {
  font-family: inherit;
}

/* Bilgisayarda logo ve üst menü */
@media (min-width: 1051px) {
  .site-header .brand {
    display: block;
    flex: 0 0 auto;
    min-width: 0;
    width: max-content;
    line-height: 1;
  }

  .site-header .brand > span {
    display: block;
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -1.2px;
  }

  .site-header .brand > small {
    display: block;
    margin: 5px 0 0;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1;
  }

  .site-header .main-nav {
    font-size: 15px;
    font-weight: 500;
    gap: clamp(14px, 1.4vw, 24px);
  }

  .site-header .main-nav > a.active {
    font-weight: 700;
  }

  .site-header .header-actions {
    font-size: 13px;
  }

  .site-header .header-actions .btn {
    font-size: 14px;
    font-weight: 600;
  }
}.site-header .cc-language {
  position: relative;
  order: 10;
  flex-shrink: 0;
}

.site-header .cc-language summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 54px;
  min-height: 44px;
  padding: 0 10px;
  border-radius: 8px;
  background: #f4f6f5;
  color: #263b33;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.site-header .cc-language summary::-webkit-details-marker {
  display: none;
}

.site-header .cc-language summary:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 3px;
}

.site-header .cc-language-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 170px;
  padding: 8px;
  background: #fff;
  border: 1px solid #e7eaed;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .14);
  z-index: 100;
}

.site-header .cc-language-menu a {
  display: block;
  padding: 12px 14px;
  border-radius: 7px;
  color: #263b33;
  font-size: 15px;
  font-weight: 500;
}

.site-header .cc-language-menu a:hover {
  background: #edf5f0;
}

.site-header .cc-language-menu a.is-selected {
  background: var(--green);
  color: #fff;
}/* WhatsApp: üst menü ve sağ alt köşe */
.site-header .wa-icon,
.floating-wa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  flex-shrink: 0;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  font-size: 0;
  box-shadow: 0 3px 10px rgba(18, 140, 70, .22);
  transition: background-color .2s, box-shadow .2s;
}

.site-header .wa-icon::before,
.floating-wa::before {
  content: "";
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a9 9 0 0 1-13.4 7.9L3 21l1.6-4.6A9 9 0 1 1 21 11.5Z'/%3E%3Cpath d='M8.4 6.8 7 7.5c-.7.4-.4 2.3.8 4.1s3.3 3.6 5.3 4.2c1.5.5 2.5.2 2.9-.5l.6-1.3-3-1.4-.9 1c-1.5-.7-2.7-1.9-3.4-3.3l.9-.9-1.8-2.6Z' fill='white' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;
}

.site-header .wa-icon:hover,
.floating-wa:hover {
  background: #128c4a;
  box-shadow: 0 5px 16px rgba(18, 140, 70, .3);
}

.floating-wa {
  width: 54px;
  height: 54px;
}

.floating-wa::before {
  width: 32px;
  height: 32px;
}

/* Alış yeri ve tarih alanları */
.search-bar label {
  gap: 9px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #34443e;
}

.search-bar input,
.search-bar select {
  min-width: 0;
  height: 48px;
  padding: 0 13px;
  border: 1px solid #dce3df;
  border-radius: 9px;
  background-color: #fafbfa;
  color: #25372e;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s, border-color .2s;
}

.search-bar label:hover input,
.search-bar label:hover select {
  background-color: #eef0ef;
  border-color: #bdc8c1;
}

.search-bar input:focus,
.search-bar select:focus {
  outline: 2px solid var(--green);
  outline-offset: 2px;
  background-color: #fff;
}

.search-bar .btn {
  height: 48px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
}

/* Mevcut mobil menü düzeni */
@media (max-width: 760px) {
  .site-header .header-actions .wa-icon {
    display: none;
  }
}/* Açık renkli, sütunlu alt bilgi alanı */
.cc-footer {
  padding: 56px 0 0;
  background: #f5f7f6;
  color: #526159;
  border-top: 1px solid #e3e9e5;
}

.cc-footer-grid {
  display: grid;
  grid-template-columns: 1.1fr .8fr 1.1fr 1fr 1.5fr;
  gap: 32px;
  padding-bottom: 44px;
}

.cc-footer-grid > div {
  min-width: 0;
}

.cc-footer-brand .brand {
  display: inline-block;
  min-width: 0;
}

.cc-footer-brand .brand span {
  font-size: 32px;
}

.cc-footer-brand .brand small {
  margin: 6px 0 0;
  text-align: right;
}

.cc-footer p,
.cc-footer-column > a {
  font-size: 14px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

.cc-footer-brand p {
  margin: 22px 0;
}

.cc-footer-column h3 {
  margin: 0 0 20px;
  color: #146443;
  font-size: 16px;
  font-weight: 700;
}

.cc-footer-column > a {
  display: block;
  width: fit-content;
  margin-bottom: 10px;
  transition: color .2s;
}

.cc-footer-column > a:hover {
  color: var(--green);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.cc-footer-column h4 {
  margin: 20px 0 5px;
  color: #30483b;
  font-size: 14px;
}

.cc-footer-column p {
  margin: 0;
}

.cc-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 0;
  border-top: 1px solid #dce4df;
  font-size: 12px;
}

@media (max-width: 1050px) {
  .cc-footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .cc-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 20px;
  }

  .cc-footer-brand,
  .cc-footer-column:last-child {
    grid-column: 1 / -1;
  }

  .cc-footer-bottom {
    flex-direction: column;
  }
}
/* Mobile layout, 7 October 2026. Desktop rules above are retained. */
@media (max-width:760px) {
  body:has(.site-header) { -webkit-text-size-adjust:100%; }
  .site-header { height:72px; }
  .site-header .header-inner { width:calc(100% - 32px); gap:10px; }
  .site-header .brand { display:block; flex:0 0 auto; min-width:0; line-height:1; }
  .site-header .brand span { display:block; font-size:26px; letter-spacing:-1px; }
  .site-header .brand small { margin:4px 0 0; text-align:right; font-size:11px; letter-spacing:.3px; }
  .site-header .header-actions { margin-left:auto; gap:0; }
  .site-header .cc-language summary { min-width:48px; padding:0 7px; font-size:13px; }
  .site-header .cc-language summary::marker { content:""; }
  .site-header .cc-language summary::-webkit-details-marker { display:none; }
  .site-header .mobile-menu-btn { flex:0 0 44px; width:44px; height:44px; color:var(--green); cursor:pointer; }
  .site-header .main-nav { top:72px; max-height:calc(100dvh - 72px); overflow-y:auto; padding:12px 20px 20px; gap:2px; }
  .site-header .main-nav > a,.site-header .dropdown > button { min-height:44px; padding:12px 8px; font-size:15px; }
  .site-header .dropdown-menu a { min-height:44px; }
  .home-hero { height:350px; min-height:0; width:100%; margin:0; border-radius:0; align-items:flex-start; background-color:#152a24; background-image:linear-gradient(180deg,#152a24 0%,rgba(21,42,36,.96) 18%,rgba(21,42,36,.35) 46%,rgba(21,42,36,0) 65%),url('/assets/img/hero-mobile-clean.jpg'); background-size:100% 100%,auto 235px; background-position:center,65% bottom; background-repeat:no-repeat; }
  .home-hero > .container { width:calc(100% - 40px); padding:24px 0 0; }
  .home-hero .container h1 { display:block; max-width:330px; margin:0 0 10px; font-size:29px; line-height:1.12; letter-spacing:-.6px; }
  .home-hero .container p { display:block; max-width:340px; margin:0; font-size:14px; line-height:1.5; }
  .page-hero { height:auto; min-height:180px; padding:30px 0; background-image:linear-gradient(90deg,rgba(4,20,18,.85),rgba(4,20,18,.4)),url('/assets/img/hero-mobile-clean.jpg'); background-position:center; background-size:cover; }
  .page-hero > .container { width:calc(100% - 40px); min-width:0; }
  .page-hero h1 { font-size:30px; line-height:1.15; overflow-wrap:anywhere; }
  .page-hero p { font-size:14px; line-height:1.5; }
  .hero-search-wrap { width:calc(100% - 32px); margin-top:14px; }
  .search-bar { width:100%; min-width:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 10px; padding:16px; border:1px solid var(--line); border-radius:16px; box-shadow:0 8px 24px rgba(15,45,30,.07); }
  .search-bar label { min-width:0; font-size:13px; gap:7px; }
  .search-bar label:first-of-type,.search-bar > .btn { grid-column:1 / -1; }
  .search-bar input,.search-bar select { width:100%; max-width:100%; min-width:0; height:48px; padding:0 9px; font-size:16px; border-radius:9px; }
  .search-bar input::-webkit-date-and-time-value { text-align:left; }
  .search-bar .btn { min-height:48px; font-size:15px; }
  .benefits { padding:22px 0; }
  .benefit-grid { width:calc(100% - 32px); grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .benefit-grid > div { min-width:0; min-height:76px; padding:12px 10px; gap:9px; justify-content:flex-start; }
  .benefit-grid span { font-size:24px; flex-shrink:0; }
  .benefit-grid b { font-size:13px; line-height:1.4; }
  .popular-section { display:block; padding:16px 0 32px; }
  .popular-section > .container { width:calc(100% - 32px); }
  .section-head { align-items:flex-start; flex-wrap:wrap; gap:12px; }
  .section-head h2 { font-size:24px; line-height:1.2; }
  .section-head p { font-size:14px; line-height:1.5; }
  .section-head > a { font-size:14px; padding:6px 0; }
  .vehicle-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .vehicle-card { min-width:0; }
  .vehicle-card .image { height:190px; }
  .vehicle-card .btn { min-height:46px; }
  .cc-footer { padding:30px 0 0; background:#f5f7f6; }
  .cc-footer-grid { width:calc(100% - 40px); grid-template-columns:minmax(0,1fr); gap:0; padding-bottom:20px; }
  .cc-footer-brand,.cc-footer-column:last-child { grid-column:auto; }
  .cc-footer-brand { padding-bottom:24px; }
  .cc-footer-brand .brand span { font-size:28px; }
  .cc-footer-brand .brand small { font-size:12px; }
  .cc-footer-brand p { margin:16px 0; }
  .cc-footer-brand .btn { min-height:44px; font-size:14px; }
  .cc-footer-column { padding:20px 0 12px; border-top:1px solid #dce4df; }
  .cc-footer-column h3 { margin:0 0 10px; font-size:16px; line-height:1.4; }
  .cc-footer-column > a { display:block; width:fit-content; max-width:100%; padding:10px 0; margin:0; min-height:42px; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
  .cc-footer p { font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
  .cc-footer-column h4 { font-size:14px; margin:18px 0 6px; }
  .cc-footer-bottom { width:calc(100% - 40px); flex-direction:column; gap:6px; font-size:12px; line-height:1.5; padding:20px 64px 28px 0; }
  .floating-wa { width:50px; height:50px; right:16px; bottom:calc(16px + env(safe-area-inset-bottom,0px)); font-size:0; }
  .floating-wa::before { width:30px; height:30px; }
}

/* Safari follow-up: prevent auto margins and intrinsic date-field widths. */
@media (max-width:760px) {
  .home-hero { height:330px; background-size:100% 100%,auto 210px; background-position:center,right bottom; }
  .home-hero > .container { margin:0 auto; align-self:flex-start; padding-top:22px; }
  .home-hero .container h1 { font-size:28px; }
  .home-hero .container p { font-size:14px; max-width:340px; }
  .search-bar label { width:100%; max-width:100%; min-width:0; overflow:hidden; padding:3px; }
  .search-bar input[type="date"],
  .search-bar input[type="time"] {
    -webkit-appearance:none;
    appearance:none;
    display:block;
    box-sizing:border-box;
    width:100%;
    inline-size:100%;
    min-width:0;
    min-inline-size:0;
    max-width:100%;
    max-inline-size:100%;
    margin:0;
    padding:0 8px;
    font-size:16px;
  }
  .search-bar input::-webkit-datetime-edit { min-width:0; padding:0; }
  .search-bar input::-webkit-date-and-time-value { min-width:0; text-align:left; }
}

/* Continuous Istanbul backdrop behind the mobile heading. */
@media (max-width:760px) {
  .home-hero {
    height:clamp(250px,70vw,300px);
    background-image:linear-gradient(180deg,rgba(5,22,18,.76) 0%,rgba(5,22,18,.4) 44%,rgba(5,22,18,.06) 75%),url('/assets/img/hero-mobile-clean.jpg');
    background-size:cover;
    background-position:center,right bottom;
  }
  .home-hero > .container { padding-top:20px; }
  .home-hero .container h1 { font-size:clamp(24px,6.3vw,28px); max-width:350px; text-shadow:0 1px 5px rgba(0,0,0,.3); }
  .home-hero .container p { font-size:13px; line-height:1.45; max-width:330px; text-shadow:0 1px 4px rgba(0,0,0,.5); }
}

/* Mobile WhatsApp shortcut beside the language selector. */
@media (max-width:760px) {
  .site-header .header-inner { gap:8px; }
  .site-header .header-actions { gap:6px; }
  .site-header .header-actions .wa-icon { display:inline-flex; width:36px; height:36px; order:0; }
  .site-header .header-actions .wa-icon::before { width:25px; height:25px; }
  .site-header .cc-language { order:10; }
  .floating-wa { display:none; }
}
@media (max-width:360px) {
  .site-header .header-inner { width:calc(100% - 24px); gap:6px; }
  .site-header .brand span { font-size:23px; }
  .site-header .header-actions { gap:4px; }
  .site-header .cc-language summary { min-width:42px; padding:0 5px; }
}

/* Mobile hero mobile7: compact composition with a clear text area. */
@media (max-width:760px) {
  .home-hero {
    height:clamp(280px,78vw,420px);
    min-height:280px;
    max-height:none;
    background-image:linear-gradient(180deg,rgba(5,22,18,.58) 0%,rgba(5,22,18,.24) 40%,rgba(5,22,18,0) 66%),url('/assets/img/hero-mobile-compact.png');
    background-size:100% 100%,cover;
    background-position:center,center bottom;
    background-repeat:no-repeat;
  }
  .home-hero > .container { margin:0 auto; padding-top:18px; align-self:flex-start; }
  .home-hero .container h1 {
    display:block;
    font-size:clamp(24px,6.3vw,30px);
    line-height:1.15;
    max-width:440px;
    margin:0 0 10px;
    text-shadow:0 1px 5px rgba(0,0,0,.35);
  }
  .home-hero .container p {
    display:block;
    font-size:13px;
    line-height:1.5;
    max-width:410px;
    margin:0;
    text-shadow:0 1px 4px rgba(0,0,0,.45);
  }
}