:root{
  --ink:#03045E;
  --ink-2:#023E8A;
  --ink-3:#0077B6;
  --wine:#023E8A;
  --wine-d:#03045E;
  --brass:#00B4D8;
  --brass-d:#0077B6;
  --terra:#0077B6;
  --cream:#F6FCFE;
  --paper:#EFF9FD;
  --sand:#ADE8F4;
  --sage:#0096C7;
  --white:#fff;
  --wa:#25D366;
  --r-s:6px;
  --r-m:12px;
  --arch:220px;
  --wrap:1140px;
  --gap:clamp(60px,7.5vw,110px);
  --f-disp:"Fraunces",Georgia,"Times New Roman",serif;
  --f-body:"Karla",system-ui,-apple-system,sans-serif;
  --f-util:"IBM Plex Mono",ui-monospace,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}
body{
  margin:0;
  font-family:var(--f-body);
  font-size:17.5px;
  line-height:1.72;
  color:var(--ink-2);
  background:var(--cream);
  overflow-x:hidden;
}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--wine);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--terra)}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
address{font-style:normal}

h1,h2,h3,h4{font-family:var(--f-disp);color:var(--ink);line-height:1.15;margin:0 0 .5em;font-weight:600;letter-spacing:-.01em}
h1{font-size:clamp(36px,5.4vw,62px);font-weight:700}
h2{font-size:clamp(28px,3.8vw,42px)}
h3{font-size:clamp(20px,2.1vw,25px)}
h4{font-size:19px}
p{margin:0 0 1.15em}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:22px}
.skip{position:absolute;left:-9999px;background:var(--ink);color:var(--cream);padding:12px 18px;z-index:200}
.skip:focus{left:8px;top:8px}

.etiket{
  font-family:var(--f-util);font-size:11.5px;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--brass-d);
  margin:0 0 14px;display:block;
}
.giris{font-size:clamp(17.5px,1.9vw,20.5px);color:var(--ink-3);max-width:60ch;line-height:1.65}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--f-body);font-weight:700;font-size:16px;letter-spacing:.01em;
  padding:16px 30px;border:1.5px solid var(--ink);border-radius:2px;
  cursor:pointer;transition:background .2s,color .2s,border-color .2s;
  text-decoration:none;white-space:nowrap;
}
.btn:hover{text-decoration:none}
.btn-dolu{background:var(--ink);color:var(--cream)}
.btn-dolu:hover{background:var(--wine);border-color:var(--wine);color:var(--cream)}
.btn-bos{background:transparent;color:var(--ink)}
.btn-bos:hover{background:var(--ink);color:var(--cream)}
.btn-acik{border-color:var(--sand);color:var(--cream)}
.btn-acik:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.btn-wa{background:var(--wa);border-color:var(--wa);color:#052e16}
.btn-wa:hover{background:#1fbe5a;border-color:#1fbe5a;color:#052e16}
.btn-sm{padding:11px 20px;font-size:15px}

.ust{position:sticky;top:0;z-index:90;background:var(--cream);border-bottom:1px solid var(--sand)}
.ust-in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo:hover{text-decoration:none}
.logo-ad{font-family:var(--f-disp);font-weight:700;font-size:21px;color:var(--ink);line-height:1.05}
.logo-ad span{display:block;font-family:var(--f-util);font-size:9.5px;font-weight:400;letter-spacing:.3em;color:var(--brass-d);text-transform:uppercase;margin-top:3px}

.menu{display:flex;align-items:center;gap:26px}
.menu ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.menu li{margin:0}
.menu a{color:var(--ink-2);font-size:15.5px;font-weight:500;text-decoration:none;padding-bottom:3px;border-bottom:1.5px solid transparent}
.menu a:hover,.menu a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--brass)}
.tel-ust{font-family:var(--f-util);font-size:14.5px;font-weight:500;color:var(--ink);text-decoration:none;border:1.5px solid var(--ink);padding:9px 16px;border-radius:2px}
.tel-ust:hover{background:var(--ink);color:var(--cream);text-decoration:none}

.acar{display:none;flex-direction:column;gap:5px;width:46px;height:44px;background:transparent;border:1.5px solid var(--ink);border-radius:2px;cursor:pointer;align-items:center;justify-content:center}
.acar span{display:block;width:20px;height:1.5px;background:var(--ink);transition:transform .2s,opacity .2s}
.acar[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.acar[aria-expanded="true"] span:nth-child(2){opacity:0}
.acar[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.kapak{background:var(--cream);padding:clamp(46px,6vw,80px) 0 clamp(56px,7vw,92px);position:relative;overflow:hidden}
.kapak::after{
  content:"";position:absolute;right:-140px;top:-90px;width:460px;height:460px;
  border:1.5px solid var(--sand);border-radius:50%;pointer-events:none;
}
.kapak-in{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,4.5vw,64px);align-items:center;position:relative;z-index:1}
.kapak h1{margin-bottom:20px}
.kapak h1 i{font-style:italic;color:var(--wine)}
.kapak-btn{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 26px}
.kapak-mini{display:flex;flex-wrap:wrap;gap:6px 26px;list-style:none;margin:0;padding:0;font-family:var(--f-util);font-size:13px;color:var(--ink-3)}
.kapak-mini li{margin:0}
.kapak-mini li::before{content:"— ";color:var(--brass)}

.kemer{
  border-radius:var(--arch) var(--arch) 4px 4px;
  overflow:hidden;border:1.5px solid var(--sand);background:var(--paper);
}
.kemer svg{width:100%;display:block}

.serit{background:var(--ink);color:var(--sand);padding:0}
.serit-in{display:grid;grid-template-columns:repeat(4,1fr)}
.serit-i{padding:26px 22px;border-left:1px solid rgba(144,224,239,.20)}
.serit-i:first-child{border-left:0}
.serit-i b{display:block;font-family:var(--f-disp);font-size:19px;font-weight:600;color:var(--cream);margin-bottom:4px}
.serit-i span{font-size:14px;line-height:1.5;color:#90E0EF}

.blok{padding:var(--gap) 0}
.blok-paper{background:var(--paper)}
.blok-ink{background:var(--ink);color:#90E0EF}
.blok-ink h2,.blok-ink h3{color:var(--cream)}
.blok-ink .etiket{color:var(--brass)}
.blok-ink .giris{color:#90E0EF}
.blok-wine{background:var(--wine);color:#CAF0F8}
.blok-wine h2,.blok-wine h3{color:var(--cream)}
.blok-wine .etiket{color:var(--sand)}
.blok-wine .giris{color:#ADE8F4}

.bas{max-width:60ch;margin-bottom:44px}
.bas.orta{margin-inline:auto;text-align:center}
.bas.orta .giris{margin-inline:auto}

.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:1px;background:var(--sand);border:1px solid var(--sand)}
.kutu{background:var(--cream);padding:30px 26px;transition:background .2s}
.kutu:hover{background:var(--paper)}
.kutu h3{margin-bottom:8px;font-size:21px}
.kutu p{margin:0;font-size:15.5px;color:var(--ink-3)}
.kutu-ik{width:38px;height:38px;margin-bottom:18px}
.kutu-ik svg{width:38px;height:38px;stroke:var(--wine);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.hesap{border:1.5px solid var(--ink);background:var(--cream);padding:clamp(24px,3vw,38px)}
.hesap-satir{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--sand)}
.hesap-satir:last-of-type{border-bottom:0}
.hesap-ad{font-weight:700;color:var(--ink);font-size:16.5px}
.hesap-ad small{display:block;font-weight:400;font-family:var(--f-util);font-size:12.5px;color:var(--ink-3);letter-spacing:.04em}
.sayac{display:flex;align-items:center;gap:0;border:1.5px solid var(--ink)}
.sayac button{
  width:40px;height:40px;background:transparent;border:0;cursor:pointer;
  font-family:var(--f-body);font-size:20px;font-weight:700;color:var(--ink);line-height:1;
}
.sayac button:hover{background:var(--ink);color:var(--cream)}
.sayac output{
  min-width:46px;text-align:center;font-family:var(--f-util);font-weight:500;
  font-size:17px;color:var(--ink);border-inline:1.5px solid var(--ink);padding:9px 0;
}
.hesap-tut{font-family:var(--f-util);font-size:16px;color:var(--ink-3);min-width:96px;text-align:right}
.hesap-alt{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-top:26px;padding-top:24px;border-top:1.5px solid var(--ink)}
.hesap-top{font-family:var(--f-disp);font-size:clamp(30px,4vw,42px);font-weight:700;color:var(--ink);line-height:1}
.hesap-top span{font-family:var(--f-util);font-size:13px;font-weight:400;color:var(--ink-3);display:block;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.hesap-not{font-size:14px;color:var(--ink-3);margin:16px 0 0;font-style:italic}

.zaman{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;counter-reset:z}
.zaman-i{padding:0 22px 0 0;position:relative}
.zaman-i::before{
  counter-increment:z;content:counter(z);
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border:1.5px solid var(--brass);border-radius:50%;
  font-family:var(--f-util);font-size:15px;color:var(--brass-d);
  background:var(--cream);position:relative;z-index:2;margin-bottom:18px;
}
.zaman-i::after{content:"";position:absolute;left:44px;top:22px;right:0;height:1.5px;background:var(--sand);z-index:1}
.zaman-i:last-child::after{display:none}
.zaman-i h3{font-size:18px;margin-bottom:6px}
.zaman-i p{font-size:14.5px;color:var(--ink-3);margin:0;padding-right:12px}

.mah-bolge{margin-bottom:40px}
.mah-bolge h3{
  font-family:var(--f-util);font-size:12px;font-weight:500;letter-spacing:.2em;
  text-transform:uppercase;color:var(--brass-d);border-bottom:1px solid var(--sand);
  padding-bottom:10px;margin-bottom:18px;
}
.mah-liste{list-style:none;padding:0;margin:0;columns:3;column-gap:32px}
.mah-liste li{margin:0 0 9px;break-inside:avoid}
.mah-liste a{color:var(--ink-2);text-decoration:none;font-size:16px;border-bottom:1px solid transparent}
.mah-liste a:hover{color:var(--wine);border-bottom-color:var(--brass)}

.mah-kart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--sand);border:1px solid var(--sand);list-style:none;padding:0;margin:0}
.mah-kart-grid li{margin:0}
.mah-kart{display:block;height:100%;background:var(--cream);padding:20px 22px;text-decoration:none;transition:background .2s}
.mah-kart:hover{background:var(--paper);text-decoration:none}
.mah-kart b{display:block;font-family:var(--f-disp);font-size:19px;font-weight:600;color:var(--ink);margin-bottom:3px}
.mah-kart span{font-family:var(--f-util);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-d)}

.tablo-sar{overflow-x:auto}
.fiyat-tablo{width:100%;border-collapse:collapse;background:var(--cream);border:1.5px solid var(--ink)}
.fiyat-tablo caption{caption-side:bottom;padding-top:14px;font-size:14px;color:var(--ink-3);text-align:left;font-style:italic}
.fiyat-tablo th,.fiyat-tablo td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--sand)}
.fiyat-tablo thead th{
  background:var(--ink);color:var(--cream);font-family:var(--f-util);
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;
}
.fiyat-tablo tbody tr:last-child td{border-bottom:0}
.fiyat-tablo tbody tr:hover{background:var(--paper)}
.fiyat-tablo .tut{font-family:var(--f-util);font-weight:500;font-size:17px;color:var(--ink);white-space:nowrap}

.sss details{border-bottom:1px solid var(--sand)}
.sss details:first-child{border-top:1px solid var(--sand)}
.sss summary{
  list-style:none;cursor:pointer;padding:24px 46px 24px 0;position:relative;
  font-family:var(--f-disp);font-weight:600;font-size:clamp(18px,2vw,21px);color:var(--ink);
}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{
  content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);
  font-family:var(--f-util);font-size:24px;color:var(--brass-d);line-height:1;
}
.sss details[open] summary::after{content:"–"}
.sss .cvp{padding:0 10px 26px 0;color:var(--ink-3);max-width:76ch}
.sss .cvp p{margin:0}

.yazi{max-width:72ch}
.yazi h2{margin-top:1.7em}
.yazi h3{margin-top:1.4em}
.yazi ul{padding-left:1.15em}
.yazi li{margin-bottom:.45em;color:var(--ink-3)}
.yazi li::marker{color:var(--brass)}

.ic-bas{background:var(--ink);color:#90E0EF;padding:clamp(42px,6vw,74px) 0}
.ic-bas h1{color:var(--cream);margin-bottom:16px}
.ic-bas .giris{color:#90E0EF}
.ic-bas .etiket{color:var(--brass)}
.yol{font-family:var(--f-util);font-size:12.5px;color:#48CAE4;margin:0 0 20px}
.yol ol{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}
.yol li{margin:0}
.yol li+li::before{content:"/";margin-right:9px;color:#0077B6}
.yol a{color:#90E0EF;text-decoration:none}
.yol a:hover{color:var(--cream)}

.iki{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,4vw,58px);align-items:start}
.yan{border:1.5px solid var(--ink);background:var(--paper);padding:28px 26px;position:sticky;top:100px}
.yan h3{font-size:21px}
.yan .kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dotted var(--sand);font-size:15px}
.yan .kv:last-of-type{border-bottom:0}
.yan .kv b{font-family:var(--f-util);font-weight:500;color:var(--ink)}
.yan .btn{width:100%;margin-top:8px}
.yan ul{list-style:none;padding:0;font-size:15.5px}
.yan ul li{margin-bottom:7px}

.hizmet{border-top:1px solid var(--sand);padding:38px 0;scroll-margin-top:110px}
.hizmet:first-of-type{border-top:0;padding-top:0}

.ilt-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:1px;background:var(--sand);border:1px solid var(--sand)}
.ilt{background:var(--cream);padding:28px 26px}
.ilt h3{font-size:18px;margin-bottom:10px}
.ilt a{font-family:var(--f-util);font-size:17px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--brass)}
.harita{margin-top:30px;border:1.5px solid var(--ink);line-height:0}
.harita iframe{width:100%;height:390px;border:0}

.cagri{background:var(--wine);color:#CAF0F8;padding:clamp(46px,6vw,76px) 0}
.cagri-in{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:center}
.cagri h2{color:var(--cream);margin-bottom:12px}
.cagri .giris{color:#ADE8F4;margin:0}
.cagri .etiket{color:var(--sand)}
.cagri-btn{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}

.alt{background:var(--ink);color:#90E0EF;padding:56px 0 0;font-size:15px}
.alt h3{color:var(--cream);font-family:var(--f-util);font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}
.alt a{color:#90E0EF;text-decoration:none}
.alt a:hover{color:var(--cream)}
.alt-izgara{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:34px;padding-bottom:42px}
.alt-izgara ul{list-style:none;padding:0;margin:0}
.alt-izgara li{margin-bottom:8px}
.alt-logo{font-family:var(--f-disp);font-weight:700;font-size:22px;color:var(--cream);display:block;margin-bottom:14px}
.alt-mah{border-top:1px solid rgba(144,224,239,.18);padding:28px 0}
.alt-mah ul{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:0;font-size:13.5px}
.alt-mah li{margin:0}
.alt-son{border-top:1px solid rgba(144,224,239,.18);padding:20px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:var(--f-util);font-size:12.5px}
.alt-son p{margin:0}

.wa-yuvar{
  position:fixed;right:20px;bottom:24px;z-index:80;
  width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;
  display:grid;place-items:center;box-shadow:0 6px 22px rgba(37,211,102,.4);
  transition:transform .2s;
}
.wa-yuvar:hover{transform:scale(1.07)}

.mob-bar{display:none}

@media (max-width:1024px){
  .kapak-in{grid-template-columns:1fr}
  .iki{grid-template-columns:1fr}
  .yan{position:static}
  .serit-in{grid-template-columns:repeat(2,1fr)}
  .serit-i:nth-child(3){border-left:0}
  .cagri-in{grid-template-columns:1fr}
  .cagri-btn{justify-content:flex-start}
  .alt-izgara{grid-template-columns:1fr 1fr}
  .mah-liste{columns:2}
  .zaman-i::after{display:none}
  .zaman-i{padding-bottom:26px}
}

@media (max-width:860px){
  .acar{display:flex}
  .menu{
    position:absolute;top:100%;left:0;right:0;background:var(--cream);
    border-bottom:1.5px solid var(--ink);flex-direction:column;align-items:stretch;
    gap:0;padding:6px 22px 22px;display:none;
  }
  .menu.acik{display:flex}
  .menu ul{flex-direction:column;gap:0}
  .menu li{border-bottom:1px solid var(--sand)}
  .menu a{display:block;padding:15px 2px;border-bottom:0;font-size:17px}
  .tel-ust{margin-top:16px;text-align:center}
}

@media (max-width:640px){
  body{font-size:17px}
  :root{--arch:150px}
  .serit-in{grid-template-columns:1fr}
  .serit-i{border-left:0;border-top:1px solid rgba(144,224,239,.20)}
  .serit-i:first-child{border-top:0}
  .alt-izgara{grid-template-columns:1fr;gap:28px}
  .mah-liste{columns:1}
  .mah-kart-grid{grid-template-columns:1fr 1fr}
  .btn{width:100%}
  .hesap-satir{grid-template-columns:1fr auto;gap:12px}
  .hesap-tut{grid-column:1 / -1;text-align:left;font-size:14px}
  .wa-yuvar{bottom:82px}
  .mob-bar{
    display:grid;grid-template-columns:1fr 1fr;
    position:fixed;left:0;right:0;bottom:0;z-index:85;
    background:var(--cream);border-top:1.5px solid var(--ink);
  }
  .mob-bar a{padding:16px 8px;text-align:center;font-weight:700;font-size:15.5px;color:var(--ink);text-decoration:none}
  .mob-bar .wa{background:var(--wa);color:#052e16}
  .alt{padding-bottom:62px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.001ms !important;animation-duration:.001ms !important}
}