:root{--ink:#111;--ink2:#2b2b2b;--muted:#5f5f5f;--line:#e6e3da;--bg:#fff;--soft:#f7f5ef;--sari:#efd55d;--sari2:#eac92e;--wa:#128c4a;--r:14px;--kap:1160px;--g:16px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);padding-bottom:64px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--sari2);text-underline-offset:3px}
a:hover{color:#000;text-decoration-thickness:2px}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,4.6vw,3rem);font-weight:800}
h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800;margin-top:1.8em}
h3{font-size:1.1rem;font-weight:700}
p{margin:0 0 1em}
.kap{max-width:var(--kap);margin:0 auto;padding:0 var(--g)}
.i{width:1.15em;height:1.15em;fill:currentColor;flex:none}
.sr,.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:-999px;top:0;background:var(--sari);padding:8px 12px;z-index:99}
.atla:focus{left:8px}
.kucuk{font-size:.9rem;color:var(--muted)}
/* düğmeler */
.btn{display:inline-flex;align-items:center;gap:.5em;padding:.8em 1.2em;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;font-size:1rem;line-height:1.1;white-space:nowrap}
.btn:hover{color:inherit;transform:translateY(-1px)}
.btn-sari{background:var(--sari);border-color:var(--sari)}
.btn-sari:hover{background:var(--sari2);border-color:var(--sari2)}
.btn-koyu{background:var(--ink);color:#fff}
.btn-koyu:hover{color:#fff}
.btn-wa{background:var(--wa);border-color:var(--wa);color:#fff}
.btn-wa:hover{color:#fff}
.dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin:1.2em 0}
/* üst */
.ust{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(6px);border-bottom:1px solid var(--line)}
.ust-ic{display:flex;align-items:center;gap:12px;min-height:64px}
.logo{flex:none}
.logo img{height:24px;width:auto}
@media(max-width:399px){.ust-ic{gap:8px}}
@media(max-width:359px){.ust-ic{gap:6px}.logo img{height:18px}.dil{gap:0}.dil a{padding:.3em .28em}.menu summary{padding:.4em .55em}}
@media(min-width:400px){.logo img{height:28px}}
@media(min-width:520px){.logo img{height:34px}}
.menu{margin-left:auto;order:3}
.menu summary{list-style:none;cursor:pointer;font-weight:700;padding:.5em .8em;border:2px solid var(--ink);border-radius:999px}
.menu summary::-webkit-details-marker{display:none}
.menu ul{list-style:none;margin:0;padding:0}
.menu-masa{display:none}
.menu details[open] ul{position:absolute;left:0;right:0;top:64px;background:#fff;border-bottom:1px solid var(--line);padding:8px var(--g) 16px;box-shadow:0 12px 24px rgba(0,0,0,.08)}
.menu li a{display:block;padding:.6em 0;text-decoration:none;font-weight:600;border-bottom:1px solid var(--line)}
.menu a[aria-current]{color:#000;text-decoration:underline;text-decoration-color:var(--sari2);text-decoration-thickness:3px}
.ust-sag{display:flex;align-items:center;gap:10px;margin-left:auto}
.ust-tel{display:none}
.dil{display:flex;gap:2px;font-size:.85rem;font-weight:700}
.dil a{padding:.3em .45em;border-radius:6px;text-decoration:none;color:var(--muted)}
.dil a[aria-current]{background:var(--ink);color:#fff}
@media(min-width:1000px){
 .ust-tel{display:inline-flex;padding:.6em 1em}
}
@media(min-width:1000px) and (max-width:1149px){.menu{margin-left:0}}
/* masaüstü menü: Ana Sayfa ve Hakkımızda üst menüde gizli (logo ve alt bilgide var) */
@media(min-width:1150px){
 .menu{order:0;margin-left:16px}
 .menu-mobil{display:none}
 .menu-masa{display:flex;gap:16px}
 .menu-masa li a{border:0;padding:.3em 0;font-size:.93rem;white-space:nowrap}
 .menu-masa li:first-child,.menu-masa li:nth-child(6){display:none}
 .logo img{height:30px}
}
/* kırıntı */
.kirinti ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4em;margin:0 auto;padding:12px var(--g) 0;max-width:var(--kap);font-size:.85rem;color:var(--muted)}
.kirinti li+li::before{content:"›";margin-right:.4em}
.kirinti a{text-decoration:none}
/* hero */
.hero{background:linear-gradient(180deg,var(--soft),#fff);padding:28px 0 8px}
.hero-ic{display:grid;gap:22px;grid-template-areas:"metin" "form" "gorsel"}
.hero-metin{grid-area:metin}.hero-form{grid-area:form}.hero-gorsel{grid-area:gorsel;margin:0}
.hero-gorsel img{border-radius:var(--r);width:100%;aspect-ratio:3/2;object-fit:cover}
.hero-gorsel.tam img{aspect-ratio:auto;height:auto}
.giris{font-size:1.12rem;color:var(--ink2);max-width:62ch}
.rozet{list-style:none;padding:0;margin:1em 0 0;display:flex;flex-wrap:wrap;gap:8px 16px;font-weight:600;font-size:.95rem}
.rozet li{display:flex;align-items:center;gap:.35em}
.rozet .i{color:var(--sari2)}
.hero-kucuk{padding:28px 0 12px}
@media(min-width:960px){
 .hero{padding:48px 0 24px}
 .hero-ic{grid-template-columns:1.05fr .95fr;grid-template-areas:"metin form" "gorsel form";align-items:start;column-gap:48px}
 .hero:not(.hero-formlu) .hero-ic{grid-template-areas:"metin gorsel";align-items:center}
}
/* bilgi kutusu */
.bilgi{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:1.2em 0;padding:0}
.bilgi div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.bilgi dt{display:flex;align-items:center;gap:.4em;font-size:.8rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.bilgi dt .i{color:var(--sari2)}
.bilgi dd{margin:2px 0 0;font-weight:800;font-size:1.02rem}
@media(min-width:700px) and (max-width:959px){.bilgi{grid-template-columns:repeat(4,1fr)}}
/* form */
.rez{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 18px 40px rgba(17,17,17,.08);display:grid;gap:10px}
.form-baslik{font-weight:800;font-size:1.25rem;margin:0}
.form-hata{margin:0;padding:.7em .9em;border-radius:10px;background:#fdecea;color:#8a1c11;font-weight:600}
.form-alt{margin:0 0 4px;color:var(--muted);font-size:.95rem}
.rez label{display:grid;gap:4px;font-size:.85rem;font-weight:600;color:var(--ink2)}
.rez input,.rez textarea{font:inherit;font-size:1rem;width:100%;padding:.7em .8em;border:1.5px solid #cfcbc0;border-radius:10px;background:#fff;color:var(--ink);min-height:46px}
.rez input[data-oneri]{padding-right:2.2em;text-overflow:ellipsis;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23111' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .7em center/18px}
.rez .konum{border:0;margin:0;padding:0;min-width:0}
.rez .konum legend{padding:0;margin-bottom:4px;font-size:.9rem;font-weight:800;color:var(--ink)}
.rez .konum label{font-weight:500;color:var(--muted)}
.oneri{position:absolute;left:0;right:0;top:100%;z-index:30;margin:4px 0 0;padding:4px;list-style:none;background:#fff;border:1.5px solid var(--ink);border-radius:10px;max-height:264px;overflow-y:auto;box-shadow:0 14px 30px rgba(0,0,0,.14)}
.oneri li{padding:.55em .7em;border-radius:7px;cursor:pointer;color:var(--ink);font-size:.95rem;font-weight:500;line-height:1.35}
.oneri li[aria-selected=true],.oneri li[role=option]:hover{background:rgba(239,213,93,.4)}
.oneri .oneri-ek{color:var(--muted);font-size:.85em}
.oneri .oneri-grup{cursor:default;padding:.5em .7em .2em;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.oneri .oneri-bos{cursor:default;color:var(--muted);font-size:.85rem}
.rez .konum .alan2{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end;position:relative}
.rez input:focus,.rez textarea:focus{outline:3px solid rgba(239,213,93,.6);border-color:var(--ink)}
.alan2,.alan3{display:grid;gap:10px}
@media(min-width:520px){.alan2{grid-template-columns:1fr 1fr}.alan3{grid-template-columns:1.2fr 1fr .8fr}}
/* dar ekranda da yan yana: tarih-saat (yolcu altta tam satır), dönüş tarihi-saati, ad-telefon */
.ikili{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
.ikili>label,.alan3>label,.rez input[type=date],.rez input[type=time]{min-width:0}
@media(max-width:519px){.alan3{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.alan3>:last-child{grid-column:1/-1}.rez input[type=date],.rez input[type=time]{padding-left:.55em;padding-right:.45em}
 /* telefonlarda alana dokununca tarih/saat seçici açılır; simge dar kutuda metni kesiyordu */
 .rez input[type=date]::-webkit-calendar-picker-indicator,.rez input[type=time]::-webkit-calendar-picker-indicator{display:none}}
@media(max-width:359px){.rez input[type=date],.rez input[type=time]{padding-left:.4em;padding-right:.25em}}
.rez .onay{display:flex;align-items:flex-start;gap:.5em;font-weight:500}
.rez .onay input{width:20px;min-height:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--ink)}
.donus{display:none}
.rez:has([data-donus]:checked) .donus,.rez.donus-acik .donus{display:grid}
.ek summary{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--muted)}
.ek[open]{display:grid;gap:10px}
.rez .dugmeler{margin:.3em 0 0}
.rez .btn{flex:1 1 180px;justify-content:center}
/* içerik */
.icerik{padding-top:8px;padding-bottom:24px}
.icerik>p,.icerik>.liste,.icerik>h2,.icerik>h3{max-width:78ch}
.makale>p,.makale>.liste,.makale>h2,.makale>h3{max-width:72ch}
.liste{padding-left:1.2em}
.liste li{margin:.35em 0}
.gorsel{margin:1em 0}
.gorsel img{border-radius:var(--r)}
@media(min-width:900px){.gorsel-sag{float:right;width:42%;margin:0 0 1em 2em}.gorsel-sol{float:left;width:42%;margin:0 2em 1em 0}}
.gorsel-genis img{width:100%;max-height:520px;object-fit:cover}
.icerik h2{clear:both}
/* rota kartları */
.rgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:1em 0}
.rkart{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#fff;transition:border-color .15s,box-shadow .15s}
.rkart:hover{border-color:var(--ink);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.rkart-ad{font-weight:800}
.rkart-bilgi{display:flex;align-items:center;gap:.3em;color:var(--muted);font-size:.9rem}
.rkart-bilgi .i{color:var(--sari2)}
.rgruplar{columns:1;column-gap:32px}
@media(min-width:700px){.rgruplar{columns:2}}
@media(min-width:1000px){.rgruplar{columns:3}}
.rgruplar h3{break-after:avoid;margin-top:1em}
.rliste{list-style:none;padding:0;margin:0 0 1em;break-inside:avoid}
.rliste li{padding:.2em 0}
/* tablo */
.tablo-kap{overflow-x:auto;margin:1em 0;border:1px solid var(--line);border-radius:12px}
.tablo{border-collapse:collapse;width:100%;min-width:560px}
.tablo th,.tablo td{padding:.65em .9em;text-align:left;border-bottom:1px solid var(--line)}
.tablo th{background:var(--soft);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}
.tablo tr:last-child td{border-bottom:0}
.tablo-btn{font-weight:700;white-space:nowrap}
/* kutular */
.kutular{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.kutu{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}
.kutu .i{width:28px;height:28px;color:var(--ink);background:var(--sari);border-radius:8px;padding:4px;margin-bottom:8px}
.kutu h3{margin:0 0 .3em}
.kutu p{margin:0;color:var(--ink2)}
.adimlar{list-style:none;padding:0;counter-reset:a;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.adimlar li{counter-increment:a;border-left:4px solid var(--sari);padding:6px 0 6px 16px}
.adimlar li::before{content:counter(a);font-weight:800;font-size:1.6rem;line-height:1;color:var(--sari2)}
.adimlar h3{margin:.3em 0}
.adimlar p{margin:0}
/* yorumlar */
.yorumlar{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.yorum{margin:0;padding:18px;background:var(--soft);border-radius:12px}
.yildiz{display:flex;color:var(--sari2)}
.yorum blockquote{margin:.5em 0;font-style:italic}
.yorum figcaption{font-weight:700}
/* sss */
.sss{border-bottom:1px solid var(--line);max-width:78ch}
.sss summary{cursor:pointer;font-weight:700;padding:.9em 2em .9em 0;list-style:none;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:4px;top:.6em;font-size:1.4rem;font-weight:400}
.sss[open] summary::after{content:"−"}
.sss div{padding:0 0 1em;color:var(--ink2)}
/* cta */
.cta{clear:both;margin:40px 0 8px;padding:28px 22px;background:var(--ink);color:#fff;border-radius:18px}
.cta h2{margin-top:0}
.cta .btn{border-color:#fff}
.cta .btn-koyu{background:transparent}
/* iletişim */
.iletisim{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:1em 0}
.iletisim a{font-weight:700;word-break:break-word}
.sirket{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;font-size:.95rem}
.sirket dt{font-weight:700}.sirket dd{margin:0}
@media(max-width:600px){.sirket{grid-template-columns:1fr}.sirket dd{margin-bottom:6px}}
.wa-ozet{margin:1em 0}
/* blog */
.bliste{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:1em 0}
.bkart{border:1px solid var(--line);border-radius:12px;padding:18px}
.bkart h2{font-size:1.25rem;margin:0 0 .4em}
.bkart h2 a{text-decoration:none}
/* alt */
.alt{background:#0f0f0f;color:#d9d9d9;margin-top:40px;font-size:.95rem}
.alt a{color:#fff;text-decoration:none}
.alt a:hover{text-decoration:underline}
.alt-ic{display:grid;gap:24px;padding-top:36px;padding-bottom:24px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.alt ul{list-style:none;padding:0;margin:0}
.alt li{padding:.2em 0}
.alt-bas{font-weight:800;color:var(--sari);margin:0 0 .5em;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em}
.alt .dil a{color:#bbb}.alt .dil a[aria-current]{background:var(--sari);color:#111}
.alt-son{border-top:1px solid #2a2a2a;padding-top:14px;padding-bottom:18px;font-size:.8rem;color:#9a9a9a}
/* mobil alt bar */
.mobil-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1fr 1fr 1.2fr;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(0,0,0,.06)}
.mb{display:flex;align-items:center;justify-content:center;gap:.4em;min-height:56px;font-weight:800;text-decoration:none;font-size:.95rem}
.mb-wa{color:var(--wa)}
.mb-rez{background:var(--sari)}
@media(min-width:1000px){.mobil-bar{display:none}body{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.btn:hover{transform:none}}