/* Avla ana kapısı · tek sayfa, üç şehir (Sami 29.10.2026). Palet: P1 #142A42 · P2 #D2BE99 · P3 #F6F1E7 · P9 #FFFFFF · P6 #E30A17. Yalnız Jost. Köşesiz. */
:root{--lac:#142A42;--altin:#D2BE99;--fildisi:#F6F1E7;--beyaz:#FFFFFF;--kirmizi:#E30A17;--soluk:rgba(246,241,231,.68);--cizgi:rgba(210,190,153,.32);--kenar:max(16px,4vw)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--lac);color:var(--fildisi);font-family:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
body{min-height:100svh;display:flex;flex-direction:column}
a{color:inherit}
.ust{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:22px var(--kenar) 0;padding-left:max(var(--kenar),env(safe-area-inset-left,0px));padding-right:max(var(--kenar),env(safe-area-inset-right,0px))}
.logo{display:block}.logo img{display:block;height:clamp(150px,17vw,230px);width:auto}
.dil{font-size:13px;letter-spacing:.12em;color:var(--soluk)}
.dil b{font-weight:400;color:var(--beyaz)} .dil a{text-decoration:none} .dil a:hover{color:var(--altin)}
main{flex:1;display:flex;flex-direction:column}
.bas{padding:8px var(--kenar) 36px;display:grid;gap:14px;justify-items:center;text-align:center;max-width:900px;margin:0 auto}
.bas .logo{margin-bottom:26px}
.bas .ust-yazi{text-wrap:balance;color:var(--soluk);letter-spacing:.28em;font-size:11.5px;padding-bottom:22px;margin-bottom:6px;border-bottom:1px solid var(--cizgi)}
.ust-yazi{margin:0;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--altin);font-weight:400}
h1{margin:0;font-weight:500;font-size:clamp(32px,4.6vw,56px);line-height:1.08;color:var(--beyaz);letter-spacing:-.005em;text-wrap:balance}
.giris{margin:0;font-size:17px;line-height:1.6;color:var(--soluk);text-wrap:balance}
.kapilar{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--cizgi);border-top:1px solid var(--cizgi);min-height:min(68svh,720px)}
.kapi{position:relative;display:flex;align-items:flex-end;overflow:hidden;text-decoration:none;background:var(--lac);min-height:420px}
.kapi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s ease,filter .6s ease;filter:saturate(.95)}
.kapi::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,42,66,.05) 30%,rgba(20,42,66,.55) 62%,rgba(20,42,66,.94) 100%)}
.kapi-ic{position:relative;z-index:2;display:grid;gap:8px;padding:28px 28px 30px;width:100%}
.ulke{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--altin);font-weight:400}
.sehir{font-size:clamp(34px,3.6vw,52px);font-weight:500;line-height:1;color:var(--beyaz);letter-spacing:.02em;text-transform:uppercase}
.yerler{font-size:15px;color:var(--soluk)}
.ozet{font-size:14.5px;color:var(--fildisi)}
.eylem{margin-top:14px;justify-self:start;display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--altin);color:var(--altin);transition:background .25s,color .25s}
.eylem svg{transition:transform .25s}
.kapi:hover img,.kapi:focus-visible img{transform:scale(1.07)}
.kapi:hover .eylem,.kapi:focus-visible .eylem{background:var(--altin);color:var(--lac)}
.kapi:hover .eylem svg,.kapi:focus-visible .eylem svg{transform:translateX(3px)}
.kapi:focus-visible{outline:2px solid var(--altin);outline-offset:-4px}
.alt{display:grid;gap:10px;justify-items:center;text-align:center;padding:22px var(--kenar) calc(22px + env(safe-area-inset-bottom,0px));font-size:13px;letter-spacing:.04em;color:var(--soluk);border-top:1px solid var(--cizgi)}
.alt-s{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;max-width:980px}
.alt a{text-decoration:none} .alt a:hover{color:var(--altin)}
.alt .firma b{font-weight:400;color:var(--fildisi)}
.alt .test{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--altin)}
@media (max-width:900px){
  .kapilar{grid-template-columns:1fr;min-height:0}
  .kapi{min-height:52svh}
  .bas{padding-top:4px}
  .logo img{height:120px}
  .bas .ust-yazi{letter-spacing:.18em;font-size:10.5px;line-height:1.7}
}
@media (prefers-reduced-motion:reduce){.kapi img{transition:none;transform:none}}
/* 31.10.2026 · kısa tanıtım (marka araması + yapay zekâ özeti için; Jost 300, soluk gövde rengi) */
.hakkinda{max-width:760px;margin:0 auto;padding:30px var(--kenar) 34px;text-align:center}
.hakkinda p{margin:0;font-size:15px;line-height:1.7;font-weight:300;color:var(--soluk);text-wrap:pretty}

/* çerez onay bandı (Sami 31.10.2026; greece ile aynı) */
.cerez{position:fixed;left:20px;bottom:20px;z-index:60;max-width:460px;background:#fff;border:1px solid rgba(20,42,66,.16);box-shadow:0 10px 30px rgba(0,0,0,.28);padding:18px 20px;font-family:Jost,sans-serif}
.cerez[hidden]{display:none}.cerez p{margin:0;font-size:13.5px;line-height:1.6;font-weight:300;color:rgba(20,42,66,.8)}.cerez a{color:var(--lac)}
.cerez-d{display:flex;gap:10px;margin-top:12px}
.cerez .d{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:1px solid var(--lac);background:#fff;color:var(--lac);font:400 14px Jost,sans-serif;cursor:pointer}
.cerez .cerez-k{background:var(--lac);color:#fff}.cerez .cerez-k:hover{background:var(--altin);border-color:var(--altin);color:var(--lac)}
@media (max-width:760px){.cerez{left:12px;right:12px;bottom:12px;max-width:none}}