@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-cyrillic-400.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-latin-ext-500.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-cyrillic-500.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-cyrillic-700.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-latin-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-latin-ext-800.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-cyrillic-800.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cairo-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Cairo;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cairo-arabic-600.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cairo-arabic-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}:root{--ink:#0B0C0E;--ink-2:#131519;--ink-3:#1B1E24;--ink-4:#23272E;--line:rgb(237 233 226 / 11%);--line-2:rgb(237 233 226 / 18%);--gold:#C8A253;--gold-hi:#EBD08C;--gold-lo:#8C6E2F;--gold-dim:rgb(200 162 83 / 14%);--sand:#EDE9E2;--muted:#A6A29C;--muted-2:#7E7A75;--r:14px;--r-sm:10px;--pill:999px;--ease-out:cubic-bezier(.23,1,.32,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--max:1240px;--pad:clamp(20px,5vw,56px);--gap:clamp(20px,3vw,34px);--sec:clamp(64px,9vw,128px);--nav:68px;--font:Manrope,"Segoe UI",system-ui,-apple-system,sans-serif;color-scheme:dark}[dir="rtl"]{--font:Cairo,Manrope,"Segoe UI",system-ui,sans-serif}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:calc(var(--nav)+16px);-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--ink);color:var(--sand);font-family:var(--font);font-size:16px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg,video{max-width:100%;display:block}img{height:auto}/* <picture>kendi kutusunu olusturmasin:yoksa icindeki img'nin block-size:100%
   belirsiz bir yukseklige carpiyor ve object-fit: cover hicbir ise yaramiyor. */
picture { display: contents; }

a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
  border-radius: 4px;
}

h1, h2, h3, h4 { margin: 0; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }

.wrap { inline-size: min(100% - var(--pad) * 2, var(--max)); margin-inline: auto; }

.sr-only {
  position: absolute; inline-size: 1px; block-size: 1px;
  padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}

.skip {
  position: absolute; inset-block-start: -100px; inset-inline-start: var(--pad);
  z-index: 200; padding: 12px 20px; border-radius: var(--pill);
  background: var(--gold); color: #14161a; font-weight: 700;
  transition: inset-block-start 180ms var(--ease-out);
}
.skip:focus { inset-block-start: 12px; }

/* --- Tipografi olcegi ------------------------------------------------------ */

.t-display { font-size: clamp(2.15rem, 1.35rem + 3.4vw, 4rem); line-height: 1.04; letter-spacing: -.03em; }
.t-h2      { font-size: clamp(1.65rem, 1.15rem + 2.1vw, 2.85rem); line-height: 1.08; letter-spacing: -.025em; }
.t-h3      { font-size: clamp(1.12rem, 1rem + .55vw, 1.4rem);  line-height: 1.25; letter-spacing: -.015em; }
.t-lead    { font-size: clamp(1.02rem, .96rem + .35vw, 1.18rem); line-height: 1.6; color: var(--muted); font-weight: 400; }
.t-body    { color: var(--muted); }
.t-small   { font-size: .875rem; color: var(--muted); }

.measure { max-inline-size: 62ch; }

.gold-text {
  background: linear-gradient(160deg, var(--gold-hi) 8%, var(--gold) 48%, var(--gold-lo) 100%);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}

/* --- Bolum baslik blogu ---------------------------------------------------- */

.section { padding-block: var(--sec); position: relative; }
.section + .section { border-block-start: 1px solid var(--line); }
.section--tint { background: var(--ink-2); }

.section-head { margin-block-end: clamp(30px, 4vw, 54px); }
.section-head p { margin-block-start: 14px; }

/* --- Butonlar -------------------------------------------------------------- */

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 14px 26px; border: 1px solid transparent; border-radius: var(--pill);
  font: inherit; font-weight: 700; font-size: .96rem; letter-spacing: -.01em;
  white-space: nowrap; cursor: pointer;
  transition: transform 160ms var(--ease-out), background-color 200ms ease,
              border-color 200ms ease, color 200ms ease;
}
.btn:active { transform: scale(.97); }
.btn svg { inline-size: 19px; block-size: 19px; flex: none; }

.btn--primary {
  background: linear-gradient(160deg, var(--gold-hi), var(--gold) 55%, var(--gold-lo));
  color: #14161a;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 34%);
}
.btn--ghost {
  background: rgb(237 233 226 / 4%);
  border-color: var(--line-2);
  color: var(--sand);
}
.btn--lg { padding: 17px 32px; font-size: 1.02rem; }
.btn--block { inline-size: 100%; }

@media (hover: hover) and (pointer: fine) {
  .btn--primary:hover { filter: brightness(1.07); }
  .btn--ghost:hover { background: rgb(237 233 226 / 9%); border-color: var(--gold); }
}

/* --- Header ---------------------------------------------------------------- */

#nav-sentinel { position: absolute; inset-block-start: 0; block-size: 1px; inline-size: 1px; }

.header {
  position: sticky; inset-block-start: 0; z-index: 90;
  block-size: var(--nav);
  display: flex; align-items: center;
  background: rgb(11 12 14 / 62%);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  border-block-end: 1px solid transparent;
  transition: background-color 260ms ease, border-color 260ms ease;
}
.header.is-stuck {
  background: rgb(11 12 14 / 92%);
  border-block-end-color: var(--line);
}
@supports not (backdrop-filter: blur(1px)) { .header { background: rgb(11 12 14 / 96%); } }

.header__in { display: flex; align-items: center; gap: 22px; }
.header__nav { display: none; align-items: center; gap: 6px; margin-inline-start: auto; }
.header__actions { display: flex; align-items: center; gap: 10px; margin-inline-start: auto; }

.navlink {
  padding: 9px 13px; border-radius: var(--pill);
  font-size: .9rem; font-weight: 500; color: var(--muted);
  transition: color 180ms ease, background-color 180ms ease;
}
@media (hover: hover) and (pointer: fine) {
  .navlink:hover { color: var(--sand); background: rgb(237 233 226 / 6%); }
}

/* Dar ekranda logo + dil + buton + hamburger 375px'e sigmiyor ve sayfa yatay kayiyordu. Rezervasyon butonu burada gizlenir;ayni islev hamburger menude ve alttaki yapiskan cubukta zaten var. */ .header__actions>.btn{display:none}.header__in{gap:12px}@media (min-width:1080px){.header__nav{display:flex}.header__actions{margin-inline-start:0}.header__actions>.btn{display:inline-flex}.header__in{gap:22px}}.logo{display:inline-flex;flex-direction:column;gap:3px;line-height:1;flex:none}.logo__mark{font-size:1.42rem;font-weight:800;letter-spacing:.01em;background:linear-gradient(150deg,var(--gold-hi) 5%,var(--gold) 45%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent}.logo__sub{display:flex;align-items:center;gap:7px;font-size:.53rem;font-weight:600;letter-spacing:.3em;color:var(--sand)}.logo__sub::before,.logo__sub::after{content:"";block-size:1px;inline-size:14px;flex:none;background:linear-gradient(90deg,transparent,var(--gold))}.logo__sub::after{background:linear-gradient(270deg,transparent,var(--gold))}.lang{position:relative}.lang__btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--pill);border:1px solid var(--line-2);background:rgb(237 233 226 / 4%);color:var(--sand);font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:transform 160ms var(--ease-out),border-color 200ms ease}.lang__btn:active{transform:scale(.97)}.lang__btn svg{inline-size:13px;block-size:13px;transition:transform 200ms var(--ease-out)}.lang__btn[aria-expanded="true"] svg{transform:rotate(180deg)}.lang__menu{position:absolute;inset-block-start:calc(100%+8px);inset-inline-end:0;min-inline-size:168px;padding:6px;z-index:95;background:var(--ink-3);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:0 18px 44px rgb(0 0 0 / 52%);transform-origin:top right;opacity:0;transform:scale(.96) translateY(-4px);pointer-events:none;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}[dir="rtl"] .lang__menu{transform-origin:top left}.lang__menu.is-open{opacity:1;transform:none;pointer-events:auto}.lang__menu a{display:block;padding:10px 14px;border-radius:var(--r-sm);font-size:.9rem;color:var(--muted);transition:background-color 160ms ease,color 160ms ease}.lang__menu a[aria-current="true"]{color:var(--gold);font-weight:700}@media (hover:hover) and (pointer:fine){.lang__menu a:hover{background:rgb(237 233 226 / 7%);color:var(--sand)}}.burger{display:inline-flex;align-items:center;justify-content:center;inline-size:42px;block-size:42px;flex:none;border:1px solid var(--line-2);border-radius:var(--pill);background:rgb(237 233 226 / 4%);color:var(--sand);cursor:pointer;transition:transform 160ms var(--ease-out)}.burger:active{transform:scale(.94)}@media (min-width:1080px){.burger{display:none}}.drawer{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;background:var(--ink);transform:translateY(100%);transition:transform 340ms var(--ease-drawer);overscroll-behavior:contain}.drawer.is-open{transform:translateY(0)}.drawer__top{display:flex;align-items:center;justify-content:space-between;padding:13px var(--pad);block-size:var(--nav)}.drawer__body{flex:1;overflow-y:auto;padding:18px var(--pad) 40px}.drawer__body a{display:block;padding:17px 0;border-block-end:1px solid var(--line);font-size:1.28rem;font-weight:700;letter-spacing:-.02em}.drawer__cta{display:grid;gap:12px;margin-block-start:28px}.hero{position:relative;display:grid;align-items:end;min-block-size:min(100dvh,780px);padding-block:0 clamp(30px,6vw,52px);overflow:hidden}/* Mobilde .hero__in konumlandirilmaz,boylece gorsel .hero'ya gore yerlesir
   ve bolumun tamamini kaplar. Masaustunde grid hucresine geri doner. */
.hero__in { position: static; display: grid; gap: clamp(28px, 4vw, 56px); align-items: center; }

.hero__media { position: absolute; inset: 0; z-index: 0; }
.hero__media img { block-size: 100%; inline-size: 100%; object-fit: cover; }
/* Mobil hero: arac ust yariyi alir, metin alt yariya oturur. Metni ortalayip
   perdeyi guclendirmek yerine metni asagi indirmek hem araci gorunur birakiyor
   hem de yazinin arkasini her zaman koyu tutuyor. */
.hero__media img { object-position: center 28%; }
.hero__media::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg,
    rgb(11 12 14 / 26%) 0%,
    rgb(11 12 14 / 12%) 32%,
    rgb(11 12 14 / 48%) 62%,
    rgb(11 12 14 / 86%) 84%,
    rgb(11 12 14 / 96%) 100%);
}

.hero__copy { position: relative; z-index: 1; max-inline-size: 44rem; }
/* Metnin kendi yumusak perdesi. Ekran yuksekligi ne olursa olsun yazi her
   zaman koyu bir zeminde durur; boylece ana perdeyi hafif tutup araci
   gorunur birakabiliyoruz. */
.hero__copy::before {
  content: ""; position: absolute; z-index: -1;
  inset-block: -40px -44px;
  inset-inline: calc(var(--pad) * -1) calc(var(--pad) * -2);
  background: radial-gradient(115% 100% at 22% 55%,
    rgb(11 12 14 / 92%) 0%, rgb(11 12 14 / 74%) 42%, rgb(11 12 14 / 0%) 80%);
  pointer-events: none;
}
/* Hero basligi iki satiri gecmemeli. Genel display olcegi 4rem'e kadar cikiyor ama alti kelimelik baslik o boyutta ucuncu satira tasiyor. */ .hero__copy h1{font-size:clamp(2.05rem,1.32rem+2.5vw,3.2rem);margin-block-end:20px}.hero__copy .t-lead{max-inline-size:34rem}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:clamp(26px,3.5vw,38px)}@media (min-width:900px){.hero{align-items:center;min-block-size:min(100dvh,900px);padding-block:clamp(36px,7vw,88px) clamp(48px,8vw,96px)}.hero__in{position:relative;grid-template-columns:1.16fr .84fr}.hero__media{position:relative;grid-column:2;inset:auto;border-radius:var(--r);overflow:hidden;aspect-ratio:4 / 5;max-block-size:620px;margin-inline-start:auto;box-shadow:0 32px 80px rgb(0 0 0 / 55%)}.hero__copy::before{display:none}.hero__media img{object-position:center}.hero__media::after{background:linear-gradient(200deg,transparent 45%,rgb(11 12 14 / 42%))}.hero__copy{grid-column:1;grid-row:1}}/* Yatay tutulan telefon ve kisa pencerelerde hero'yu sikistir: baslik, alt
   metin ve iki buton 360px yuksekliginde bile ekrana sigsin. */
@media (max-height: 620px) and (min-width: 480px) {
  .hero { min-block-size: auto; padding-block: 26px 34px; }
  .hero__copy h1 { font-size: clamp(1.55rem, 1rem + 1.9vw, 2.2rem); margin-block-end: 12px; }
  .hero__copy .t-lead { font-size: .95rem; }
  .hero__cta { margin-block-start: 18px; }
  .hero__cta .btn { padding: 12px 22px; font-size: .92rem; }
}
@media (max-height: 620px) and (max-width: 479px) {
  .hero { min-block-size: auto; padding-block: 22px 30px; }
  .hero__copy h1 { font-size: 1.5rem; margin-block-end: 10px; }
  .hero__copy .t-lead { font-size: .9rem; }
  .hero__cta { margin-block-start: 16px; }
}

/* Alt bilgi seridi: hero'nun icinde degil,hemen altinda duran ayri satir */ .trustbar{border-block:1px solid var(--line);background:var(--ink-2)}.trustbar ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.trustbar li{display:flex;align-items:center;gap:12px;padding:20px clamp(14px,2.4vw,26px);background:var(--ink-2);font-size:.88rem;font-weight:600;line-height:1.35}.trustbar svg{inline-size:22px;block-size:22px;color:var(--gold);flex:none}@media (min-width:860px){.trustbar ul{grid-template-columns:repeat(4,1fr)}}.booking{background:var(--ink-2)}.booking__card{background:var(--ink-3);border:1px solid var(--line-2);border-radius:var(--r);padding:clamp(22px,3.4vw,42px);box-shadow:0 26px 70px rgb(0 0 0 / 42%)}.booking__head{margin-block-end:26px}.field{display:grid;gap:8px;align-content:start}.field>label,.field .label{font-size:.82rem;font-weight:700;letter-spacing:.01em;color:var(--sand)}.field .hint{font-size:.78rem;color:var(--muted-2)}.field .opt{font-weight:500;color:var(--muted-2)}.input,.select,.textarea{inline-size:100%;padding:13px 15px;background:#0F1114;border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--sand);font:inherit;font-size:.95rem;transition:border-color 180ms ease,background-color 180ms ease}.textarea{min-block-size:96px;resize:vertical}.input::placeholder,.textarea::placeholder{color:#6F6B67}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);background:#121519}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23C8A253' stroke-width='1.6'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:12px;padding-inline-end:40px}[dir="rtl"] .select{background-position:left 15px center}.select option{background:#0F1114;color:var(--sand)}.datefield{position:relative;display:block}.datefield .input{padding-inline-end:46px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.datefield__pick{position:absolute;inset-block:4px;inset-inline-end:4px;inline-size:38px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--gold);cursor:pointer;transition:background-color 160ms ease,color 160ms ease,transform 150ms var(--ease-out)}.datefield__pick svg{inline-size:19px;block-size:19px}.datefield__pick:active{transform:scale(.9)}@media (hover:hover) and (pointer:fine){.datefield__pick:hover{background:var(--gold-dim);color:var(--gold-hi)}}.datefield__native{position:absolute;inset-block-end:0;inset-inline-end:12px;inline-size:1px;block-size:1px;padding:0;margin:0;border:0;opacity:0;pointer-events:none}.field.has-error .input,.field.has-error .select,.field.has-error .textarea{border-color:#E4736B}.field .err{font-size:.78rem;font-weight:600;color:#F0968F}.grid-form{display:grid;gap:16px 14px;grid-template-columns:1fr}@media (min-width:640px){.grid-form{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.grid-form{grid-template-columns:repeat(4,1fr)}}.span-2{grid-column:span 1}@media (min-width:640px){.span-2{grid-column:span 2}}.span-full{grid-column:1 / -1}.check{display:flex;align-items:center;gap:11px;cursor:pointer;user-select:none}.check input{appearance:none;inline-size:20px;block-size:20px;flex:none;margin:0;border:1px solid var(--line-2);border-radius:6px;background:#0F1114;cursor:pointer;position:relative;transition:background-color 160ms ease,border-color 160ms ease}.check input:checked{background:var(--gold);border-color:var(--gold)}.check input:checked::after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:6px;inline-size:5px;block-size:10px;border:solid #14161a;border-width:0 2px 2px 0;transform:rotate(43deg)}.check span{font-size:.9rem;font-weight:600}.return-fields{display:grid;gap:0;grid-column:1 / -1;grid-template-rows:0fr;transition:grid-template-rows 280ms var(--ease-out)}.return-fields>div{overflow:hidden}.return-fields.is-open{grid-template-rows:1fr}.return-fields .inner{display:grid;gap:16px 14px;padding-block-start:16px;grid-template-columns:1fr}@media (min-width:640px){.return-fields .inner{grid-template-columns:repeat(2,1fr)}}.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-block-start:24px;padding-block-start:22px;border-block-start:1px solid var(--line)}.form-foot .t-small{flex:1 1 240px}.form-alert{display:grid;gap:6px;margin-block-end:20px;padding:15px 18px;border:1px solid rgb(228 115 107 / 40%);border-radius:var(--r-sm);background:rgb(228 115 107 / 10%);color:#F5B9B4;font-size:.9rem}.form-alert strong{color:#F7D2CE}.hp{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;opacity:0;pointer-events:none}.bento{display:grid;gap:var(--gap);grid-template-columns:1fr}@media (min-width:720px){.bento{grid-template-columns:repeat(2,1fr)}}@media (min-width:1040px){.bento{grid-template-columns:repeat(3,1fr)}}.svc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-block-size:260px;padding:clamp(20px,2.4vw,28px);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--ink-3);isolation:isolate}.svc__media{position:absolute;inset:0;z-index:-2}.svc__media img{block-size:100%;inline-size:100%;object-fit:cover;transition:transform 640ms var(--ease-out)}.svc::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgb(11 12 14 / 10%) 0%,rgb(11 12 14 / 54%) 56%,rgb(11 12 14 / 96%) 100%)}.svc h3{margin-block-end:8px}.svc p{font-size:.92rem;color:#C3BFB8}.svc__icon{position:absolute;inset-block-start:clamp(20px,2.4vw,28px);inset-inline-start:clamp(20px,2.4vw,28px);inline-size:44px;block-size:44px;display:grid;place-items:center;border:1px solid var(--gold-dim);border-radius:var(--pill);background:rgb(11 12 14 / 62%);color:var(--gold)}.svc__icon svg{inline-size:21px;block-size:21px}@media (hover:hover) and (pointer:fine){.svc:hover .svc__media img{transform:scale(1.055)}}@media (min-width:1040px){.svc--wide{grid-column:span 2;min-block-size:340px}}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(74%,300px);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-block-end:14px;padding-inline:var(--pad);margin-inline:calc(var(--pad) * -1);/* Snap hesabi padding'i bilmezse tarayici ilk karti kenara yapistirmak icin
     rayi 56px kaydiriyor ve kart basliktan sola tasiyor. */
  scroll-padding-inline: var(--pad);
  scrollbar-width: thin; scrollbar-color: var(--gold-lo) transparent;
}
.rail::-webkit-scrollbar { block-size: 6px; }
.rail::-webkit-scrollbar-thumb { background: var(--gold-lo); border-radius: var(--pill); }
.rail > * { scroll-snap-align: start; }
@media (min-width: 640px) { .rail { grid-auto-columns: 300px; gap: var(--gap); } }
@media (min-width: 900px) { .rail { grid-auto-columns: 320px; } }

.route {
  border: 1px solid var(--line); border-radius: var(--r); overflow: hidden;
  background: var(--ink-3); display: flex; flex-direction: column;
}
.route__media { aspect-ratio: 16 / 9; overflow: hidden; }
.route__media img { block-size: 100%; inline-size: 100%; object-fit: cover; transition: transform 560ms var(--ease-out); }

/* Nereden ve nereye ayni satirda oldugunda uzun havalimani adlari sariyor ve
   ok isareti iki satirin arasinda kayboluyordu. Ust uste iki satir hem daha
   kisa hem daha okunakli. */
.route__body { padding: 14px 16px 16px; display: grid; gap: 3px; }
.route__from {
  font-size: .8rem; line-height: 1.3; color: var(--muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.route__to {
  display: flex; align-items: center; gap: 7px;
  font-size: 1.02rem; font-weight: 700; letter-spacing: -.015em; line-height: 1.25;
}
.route__to span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.route__to svg { inline-size: 15px; block-size: 15px; color: var(--gold); flex: none; }
[dir="rtl"] .route__to svg { transform: scaleX(-1); }
.route__time { margin-block-start: 5px; font-size: .8rem; font-weight: 700; color: var(--gold); }

@media (min-width: 640px) {
  .route__media { aspect-ratio: 16 / 10; }
  .route__body { padding: 16px 18px 18px; }
}
@media (hover: hover) and (pointer: fine) {
  .route:hover .route__media img { transform: scale(1.06); }
}

/* --- Filo ------------------------------------------------------------------ */

.fleet-grid { display: grid; gap: clamp(26px, 4vw, 52px); align-items: center; }
@media (min-width: 940px) { .fleet-grid { grid-template-columns: 1.15fr .85fr; } }

.fleet-shots { display: grid; gap: 12px; grid-template-columns: 2fr 1fr; }
.fleet-shots figure { margin: 0; border-radius: var(--r); overflow: hidden; border: 1px solid var(--line); }
.fleet-shots figure:first-child { grid-row: span 2; }
.fleet-shots img { block-size: 100%; inline-size: 100%; object-fit: cover; }

.spec { display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; margin-block-start: 26px; }
.spec div { display: flex; align-items: baseline; gap: 10px; padding: 15px 18px; background: var(--ink-3); }
.spec dt { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-2); }
.spec dd { margin: 0; font-size: 1.28rem; font-weight: 800; color: var(--gold); }
@media (min-width: 480px) { .spec { grid-template-columns: 1fr 1fr; } }

.feature-list { display: grid; gap: 11px; margin-block-start: 24px; }
.feature-list li { display: flex; align-items: flex-start; gap: 11px; font-size: .94rem; color: #C7C3BC; }
.feature-list svg { inline-size: 17px; block-size: 17px; margin-block-start: 4px; color: var(--gold); flex: none; }

/* --- Neden biz ------------------------------------------------------------- */

.why-grid { display: grid; gap: clamp(28px, 4vw, 60px); }
@media (min-width: 940px) { .why-grid { grid-template-columns: .85fr 1.15fr; align-items: start; } }

.why-points { display: grid; gap: 1px; background: var(--line); border-block: 1px solid var(--line); }
.why-points li { padding: clamp(20px, 2.6vw, 28px) 0; background: var(--ink); }
.why-points h3 { display: flex; align-items: center; gap: 13px; margin-block-end: 9px; }
.why-points h3 svg { inline-size: 21px; block-size: 21px; color: var(--gold); flex: none; }
.why-points p { font-size: .94rem; color: var(--muted); padding-inline-start: 34px; }
[dir="rtl"] .why-points p { padding-inline-start: 34px; }

/* --- Nasil calisir: dikey zaman cizelgesi ---------------------------------- */

.steps { display: grid; gap: 0; position: relative; max-inline-size: 46rem; }
.step { display: grid; grid-template-columns: 46px 1fr; gap: 20px; padding-block-end: clamp(26px, 3.4vw, 40px); position: relative; }
.step:last-child { padding-block-end: 0; }
.step::before {
  content: ""; position: absolute; inset-block: 46px 0; inset-inline-start: 22px;
  inline-size: 1px; background: linear-gradient(180deg, var(--gold-dim), transparent);
}
.step:last-child::before { display: none; }
.step__dot {
  inline-size: 46px; block-size: 46px; display: grid; place-items: center;
  border: 1px solid var(--gold-dim); border-radius: var(--pill);
  background: var(--ink-3); color: var(--gold);
}
.step__dot svg { inline-size: 20px; block-size: 20px; }
.step h3 { margin-block: 10px 8px; }
.step p { color: var(--muted); font-size: .96rem; }

/* --- SSS ------------------------------------------------------------------- */

.faq { max-inline-size: 52rem; border-block-start: 1px solid var(--line); }
.faq details { border-block-end: 1px solid var(--line); }
.faq summary {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;
  padding-block: 21px; cursor: pointer; list-style: none;
  font-size: 1.04rem; font-weight: 700; letter-spacing: -.015em;
  transition: color 180ms ease;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: ""; flex: none; inline-size: 13px; block-size: 13px; margin-block-start: 6px;
  border-inline-end: 2px solid var(--gold); border-block-end: 2px solid var(--gold);
  transform: rotate(45deg); transition: transform 240ms var(--ease-out);
}
.faq details[open] summary::after { transform: rotate(-135deg); }
@media (hover: hover) and (pointer: fine) { .faq summary:hover { color: var(--gold-hi); } }
.faq .answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 260ms var(--ease-out); }
.faq details[open] .answer { grid-template-rows: 1fr; }
.faq .answer > div { overflow: hidden; }
.faq .answer p { padding-block-end: 22px; color: var(--muted); max-inline-size: 62ch; }

/* --- Yorumlar -------------------------------------------------------------- */

.quotes { display: grid; gap: var(--gap); }
@media (min-width: 800px) { .quotes { grid-template-columns: repeat(2, 1fr); } }
.quote { padding: clamp(22px, 2.6vw, 30px); border: 1px solid var(--line); border-radius: var(--r); background: var(--ink-3); }
.quote blockquote { margin: 0 0 16px; font-size: 1.02rem; line-height: 1.55; }
.quote figcaption { font-size: .84rem; color: var(--muted); }
.quote figcaption b { color: var(--sand); font-weight: 700; }
.stars { display: flex; gap: 3px; margin-block-end: 14px; color: var(--gold); }
.stars svg { inline-size: 15px; block-size: 15px; }

/* --- Iletisim + footer ----------------------------------------------------- */

.contact-grid { display: grid; gap: clamp(28px, 4vw, 56px); }
@media (min-width: 860px) { .contact-grid { grid-template-columns: 1fr 1fr; align-items: start; } }

.contact-list { display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.contact-list a, .contact-list div {
  display: flex; align-items: center; gap: 15px; padding: 18px 20px; background: var(--ink-3);
  transition: background-color 180ms ease;
}
.contact-list svg { inline-size: 21px; block-size: 21px; color: var(--gold); flex: none; }
.contact-list b { display: block; font-size: .74rem; letter-spacing: .13em; text-transform: uppercase; color: var(--muted-2); font-weight: 700; }
.contact-list span { font-size: 1rem; font-weight: 600; }
@media (hover: hover) and (pointer: fine) { .contact-list a:hover { background: var(--ink-4); } }

.footer { border-block-start: 1px solid var(--line); background: var(--ink-2); padding-block: clamp(40px, 5vw, 64px) 0; }
.footer__grid { display: grid; gap: 34px; }
@media (min-width: 780px) { .footer__grid { grid-template-columns: 1.4fr 1fr 1fr; } }
.footer h4 { font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; color: var(--muted-2); margin-block-end: 16px; font-weight: 700; }
.footer nav a, .footer li { display: block; padding-block: 7px; font-size: .93rem; color: var(--muted); transition: color 160ms ease; }
@media (hover: hover) and (pointer: fine) { .footer nav a:hover { color: var(--gold); } }
.footer__bar {
  margin-block-start: 40px; padding-block: 22px; border-block-start: 1px solid var(--line);
  display: flex; flex-wrap: wrap; gap: 12px 22px; align-items: center; justify-content: space-between;
  font-size: .82rem; color: var(--muted-2);
}
.social { display: flex; gap: 10px; }
.social a {
  inline-size: 40px; block-size: 40px; display: grid; place-items: center;
  border: 1px solid var(--line-2); border-radius: var(--pill); color: var(--sand);
  transition: color 180ms ease, border-color 180ms ease, transform 160ms var(--ease-out);
}
.social a:active { transform: scale(.94); }
.social svg { inline-size: 19px; block-size: 19px; }
@media (hover: hover) and (pointer: fine) { .social a:hover { color: var(--gold); border-color: var(--gold); } }

/* --- Mobil yapiskan cubuk -------------------------------------------------- */

.dock {
  position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 100;
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
  padding: 10px var(--pad) calc(10px + env(safe-area-inset-bottom));
  background: rgb(11 12 14 / 93%);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-block-start: 1px solid var(--line);
  transform: translateY(110%);
  transition: transform 300ms var(--ease-drawer);
}
.dock.is-in { transform: translateY(0); }
@media (min-width: 1080px) { .dock { display: none; } }
body { padding-block-end: 0; }
@media (max-width: 1079px) { body.has-dock { padding-block-end: 84px; } }

/* --- Hareket --------------------------------------------------------------- */

/* Ortaya cikma efekti yalnizca JS calisiyorken devreye girer. Boylece
   IntersectionObserver hic tetiklenmezse (yazdirma, on-render, bazi uygulama
   ici tarayicilar) icerik gorunmez kalmaz. */
.js-reveal .reveal { opacity: 0; transform: translateY(14px); }
.js-reveal .reveal.is-in {
  opacity: 1; transform: none;
  transition: opacity 520ms var(--ease-out), transform 520ms var(--ease-out);
}

.js-reveal .curtain img { clip-path: inset(0 0 100% 0); }
.js-reveal .curtain.is-in img { clip-path: inset(0 0 0 0); transition: clip-path 760ms var(--ease-out); }

@media print {
  .reveal, .curtain img { opacity: 1 !important; transform: none !important; clip-path: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .js-reveal .reveal, .js-reveal .reveal.is-in { opacity: 1; transform: none; transition: none; }
  .js-reveal .curtain img, .js-reveal .curtain.is-in img { clip-path: none; transition: none; }
  .drawer { transition: none; }
  .dock { transition: none; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Eksik gorsel icin gorunur yer tutucu */
.img-missing {
  display: grid; place-items: center; min-block-size: 160px; padding: 20px;
  border: 1px dashed var(--gold-lo); border-radius: var(--r);
  color: var(--gold-lo); font-size: .8rem; text-align: center;
}

/* --- Yardimci siniflar -----------------------------------------------------
   Icerik Guvenlik Politikasi satir ici style ozniteliklerini engelliyor
   (nonce style attribute'una uygulanmaz),bu yuzden tum ara bosluklar ve kucuk duzeltmeler burada sinif olarak tanimli. */ .mt-xs{margin-block-start:12px}.mt-sm{margin-block-start:16px}.mt-md{margin-block-start:24px}.mt-lg{margin-block-start:34px}.center-text{text-align:center}.cta-center{justify-content:center}.mx-auto{margin-inline:auto}.logo--center{align-items:center;margin-inline:auto}.d1{transition-delay:60ms}.d2{transition-delay:120ms}.d3{transition-delay:180ms}.d4{transition-delay:240ms}.d5{transition-delay:300ms}/* SSS kapanis animasyonu:JS 'is-closing' ekler,satir ici style kullanmaz */ .faq details[open] .answer.is-closing{grid-template-rows:0fr}.no-scroll{overflow:hidden}.sent{min-block-size:100dvh;display:grid;place-items:center}.sent__in{max-inline-size:44rem;text-align:center}.sent__lead{margin-inline:auto;max-inline-size:38rem}.sent__label{margin-block-start:26px;font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.sent__ref{font-size:2rem;font-weight:800;letter-spacing:.04em}.sent h1{margin-block:34px 16px}.credits{max-inline-size:60rem}.credit-row{display:grid;gap:6px;align-items:start}.credit-row .title{font-size:.95rem;font-weight:500}.credit-row .src{color:var(--gold)}#sss,#iletisim,#yorumlar,.footer{content-visibility:auto;contain-intrinsic-size:auto 640px}