/* DFN Vize · zümrüt, altın ve krem: fotoğraf öncelikli yeşil bantlar, serif başlıklar */
:root{
  --bg:#F6F1E6; --surface:#FFFCF6; --surface-2:#EFE7D6; --ink:#10261D; --muted:#5A675F; --line:#E2D8C4;
  --navy:#0E3B2A; --navy-2:#155239; --on-navy:#F8F3E8; --on-navy-muted:#C7D3C9; --navy-line:rgba(255,255,255,.16);
  --glass:rgba(9,38,27,.55); --glass-line:rgba(255,255,255,.2);
  --accent:#C9A45C; --accent-2:#DDBE7E; --accent-ink:#86651F; --on-accent:#0E2A1E;
  --ok:#1F7A55; --wa:#1A8F49;
  --f-display:"Playfair Display",Georgia,"Times New Roman",serif;
  --f-body:"Figtree","Segoe UI",system-ui,sans-serif;
  --f-mono:"Figtree","Segoe UI",system-ui,sans-serif;
  --radius:20px; --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#07150F; --surface:#0D2219; --surface-2:#123024; --ink:#F1ECE0; --muted:#A9B8AE; --line:#1F3A2E;
  --navy:#081C14; --accent-ink:#D9B874; --ok:#5BD3A0; color-scheme:dark }}
:root[data-theme="dark"]{
  --bg:#07150F; --surface:#0D2219; --surface-2:#123024; --ink:#F1ECE0; --muted:#A9B8AE; --line:#1F3A2E;
  --navy:#081C14; --accent-ink:#D9B874; --ok:#5BD3A0; color-scheme:dark }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--f-body); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased}
img{max-width:100%; display:block}
[hidden]{display:none!important}
.wrap{max-width:1240px; margin:0 auto; padding-inline:24px}
@media (max-width:560px){.wrap{padding-inline:18px}}
h1,h2,h3{font-family:var(--f-display); line-height:1.06; margin:0; text-wrap:balance; letter-spacing:-0.01em}
h3{font-family:var(--f-body); letter-spacing:-0.01em}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent); outline-offset:3px; border-radius:6px}
.eyebrow{font-family:var(--f-mono); font-size:12.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--accent-ink); font-weight:700; display:inline-flex; align-items:center; gap:10px}
.eyebrow::before{content:""; width:22px; height:2px; background:currentColor; border-radius:2px}
.on-navy .eyebrow,.hero-x .eyebrow,.page-hero-x .eyebrow{color:var(--accent)}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 26px; border-radius:999px; font-weight:700; font-size:16px; text-decoration:none; border:1.5px solid transparent; cursor:pointer; font-family:var(--f-body); transition:transform .25s var(--ease), background .25s, box-shadow .25s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--accent); color:var(--on-accent); box-shadow:0 12px 30px -12px rgba(201,164,92,.7)}
.btn-primary:hover{background:var(--accent-2)}
.btn-ghost{border-color:currentColor; background:transparent; color:inherit}
.btn-glass{background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.35); color:#fff; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px)}
.btn-glass:hover{background:rgba(255,255,255,.2)}
.btn svg{flex:none}

/* ---------- header (her zaman koyu cam) ---------- */
header.top{position:fixed; top:0; left:0; right:0; z-index:40; padding-top:env(safe-area-inset-top,0px); color:#fff; transition:background .35s, box-shadow .35s, backdrop-filter .35s}
header.top.solid{background:rgba(6,34,24,.82); backdrop-filter:blur(16px) saturate(140%); -webkit-backdrop-filter:blur(16px) saturate(140%); box-shadow:0 1px 0 rgba(255,255,255,.08)}
.top .wrap{display:flex; align-items:center; justify-content:space-between; gap:10px 22px; min-height:76px; flex-wrap:wrap}
.logo{display:flex; align-items:center; gap:10px; font-family:var(--f-display); font-weight:700; font-size:26px; text-decoration:none; letter-spacing:-.02em; color:#fff}
.logo img{width:46px; height:46px; border-radius:50%; box-shadow:0 0 0 2px rgba(201,164,92,.5)}
.logo b{font-weight:700}
.logo span{color:var(--accent)}
nav.menu{display:flex; gap:2px; flex-wrap:nowrap}
nav.menu a{text-decoration:none; font-weight:600; font-size:15.5px; color:rgba(255,255,255,.78); padding:8px 12px; border-radius:999px; white-space:nowrap; transition:color .2s, background .2s}
nav.menu a:hover{color:#fff; background:rgba(255,255,255,.08)}
nav.menu a[aria-current="page"]{color:var(--on-accent); background:var(--accent)}
.top .btn{min-height:44px; padding:0 20px; font-size:15px; box-shadow:none}
@media (max-width:1120px){
  nav.menu{order:3; width:100%; overflow-x:auto; padding-bottom:12px; margin-top:-6px; scrollbar-width:none}
  nav.menu::-webkit-scrollbar{display:none}
  .top .wrap{min-height:64px}
}

/* ---------- fotoğraflı hero ortak ---------- */
.slides{position:absolute; inset:0; overflow:hidden; background:var(--navy-2)}
.slide{position:absolute; inset:0; opacity:0; transition:opacity 1.4s var(--ease)}
.slide.is-on{opacity:1}
.slide img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.slide.is-on .photo{animation:kenburns 9s linear forwards}
@keyframes kenburns{from{transform:scale(1.08)}to{transform:scale(1)}}
.shade{position:absolute; inset:0; background:
  linear-gradient(90deg, rgba(6,34,24,.86) 0%, rgba(6,34,24,.55) 45%, rgba(6,34,24,.15) 100%),
  linear-gradient(0deg, rgba(6,34,24,.85) 0%, rgba(6,34,24,0) 40%),
  linear-gradient(180deg, rgba(6,34,24,.6) 0%, rgba(6,34,24,0) 22%)}
@media (max-width:800px){.shade{background:linear-gradient(0deg, rgba(6,34,24,.92) 0%, rgba(6,34,24,.55) 55%, rgba(6,34,24,.45) 100%)}}

/* ana sayfa hero */
.hero-x{position:relative; color:#fff; min-height:max(680px, 92svh); display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; isolation:isolate}
.hero-x > .wrap{position:relative; z-index:2; width:100%}
.hero-inner{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:48px; align-items:end; padding-top:150px}
@media (max-width:980px){.hero-inner{grid-template-columns:1fr}}
.hero-x h1{font-size:clamp(48px,7.6vw,112px); font-weight:700; letter-spacing:-.02em; margin-top:22px; max-width:10ch}
.hero-x h1 em{font-style:italic; color:var(--accent)}
.hero-x .lead{font-size:clamp(17px,1.6vw,21px); color:rgba(255,255,255,.82); max-width:40ch; margin-top:24px}
.ctas{display:flex; flex-wrap:wrap; gap:14px; margin-top:34px}
.hero-copy > *{animation:rise .9s var(--ease) both}
.hero-copy > :nth-child(2){animation-delay:.08s}.hero-copy > :nth-child(3){animation-delay:.16s}.hero-copy > :nth-child(4){animation-delay:.24s}
@keyframes rise{from{transform:translateY(18px); opacity:.001}to{transform:none; opacity:1}}

/* hero filigranı: sağ üstte büyük yarı saydam mühür */
.hero-x::after,.page-hero-x::after{content:""; position:absolute; z-index:1; pointer-events:none;
  right:max(24px, calc((100vw - 1240px) / 2 + 24px)); top:112px; width:clamp(220px,22vw,330px); aspect-ratio:1;
  background:url(logo-wm.png) center/contain no-repeat; opacity:.26}
@media (max-width:980px){.hero-x::after,.page-hero-x::after{display:none}}

/* cam biniş kartı */
.pass{background:var(--glass); border:1px solid var(--glass-line); backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%); color:#fff; border-radius:24px; display:grid; grid-template-columns:minmax(0,1fr) 92px; overflow:hidden; box-shadow:0 40px 80px -40px rgba(0,0,0,.7); animation:rise 1s .3s var(--ease) both}
.pass-main{padding:24px 24px 22px; display:flex; flex-direction:column; gap:20px; min-width:0; background:var(--glass); border:1px solid var(--glass-line); border-right:0; border-radius:24px 0 0 24px; backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%)}
.pass-head{display:flex; justify-content:space-between; gap:12px; font-family:var(--f-mono); font-size:11px; letter-spacing:.16em; color:var(--on-navy-muted)}
.route{display:flex; align-items:center; justify-content:space-between; gap:12px}
.code{font-family:var(--f-display); font-weight:700; font-size:clamp(36px,4.2vw,52px); line-height:1}
.code small{display:block; font-family:var(--f-body); font-weight:500; font-size:13px; color:var(--on-navy-muted); margin-top:8px; letter-spacing:0}
/* kalkış animasyonu */
.route svg{display:none}
.flightband{display:block; width:100%; height:auto; margin:-6px 0 -4px; overflow:visible}
#dest.arrive{animation:arrive 3.6s ease-in-out infinite}
@keyframes arrive{0%,78%{text-shadow:none; transform:none}86%{text-shadow:0 0 18px rgba(243,213,151,.9),0 0 36px rgba(201,164,92,.6); transform:scale(1.06)}100%{text-shadow:none; transform:none}}
#dest{display:inline-block; transform-origin:right center}
#status{transition:color .3s}
#status.air{color:var(--accent)}
#dest,#destVisa{transition:opacity .35s}
#dest{color:var(--accent)}

.pass-fields{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; font-family:var(--f-mono); font-size:11px; letter-spacing:.12em; color:var(--on-navy-muted)}
.pass-fields b{display:block; font-size:15px; color:#fff; letter-spacing:.02em; margin-top:4px}
.stub{background:var(--glass); border:1px solid var(--glass-line); border-left:2px dashed rgba(255,255,255,.3); border-radius:0 24px 24px 0; backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%); transform-origin:0 0; will-change:transform; padding:24px 12px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; text-align:center; font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; color:var(--on-navy-muted)}
.stub b{writing-mode:vertical-rl; transform:rotate(180deg); font-size:16px; color:var(--accent); letter-spacing:.22em}
.bars{display:grid; grid-template-columns:repeat(12,1fr); gap:2px; width:56px; height:34px}
.bars i{background:rgba(255,255,255,.7)}
/* bilet: kâğıt kart, koçan yırtılır */
.pass{--paper:#FAF5EA; --paper-2:#F1E8D6; --pink:#10261D; --pmuted:#6E7B72; --pgold:#9C7428;
  background:none!important; border:0!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; overflow:visible!important; box-shadow:none!important; perspective:900px;
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.45)) drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.pass .pass-main,.pass .stub{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22160%22%20height%3D%22160%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.85%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%20.35%20%200%200%200%200%20.3%20%200%200%200%200%20.2%20%200%200%200%20.09%200%22/%3E%3C/filter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23n%29%22/%3E%3C/svg%3E"), linear-gradient(160deg, var(--paper) 0%, var(--paper-2) 100%); color:var(--pink); border:0; backdrop-filter:none; -webkit-backdrop-filter:none}
.pass .pass-main{border-radius:18px 0 0 18px;
  -webkit-mask:radial-gradient(circle 11px at 100% 0, #0000 97%, #000) top/100% 51% no-repeat, radial-gradient(circle 11px at 100% 100%, #0000 97%, #000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle 11px at 100% 0, #0000 97%, #000) top/100% 51% no-repeat, radial-gradient(circle 11px at 100% 100%, #0000 97%, #000) bottom/100% 51% no-repeat}
.pass .stub{position:relative; border-radius:0 18px 18px 0; border-left:2px dashed rgba(16,38,29,.28); color:var(--pmuted); transform-origin:0 12%;
  -webkit-mask:radial-gradient(circle 11px at 0 0, #0000 97%, #000) top/100% 51% no-repeat, radial-gradient(circle 11px at 0 100%, #0000 97%, #000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle 11px at 0 0, #0000 97%, #000) top/100% 51% no-repeat, radial-gradient(circle 11px at 0 100%, #0000 97%, #000) bottom/100% 51% no-repeat}
.pass .stub::after{content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; background:linear-gradient(100deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,0) 45%, rgba(255,255,255,.35) 70%, rgba(0,0,0,.06) 100%)}
.pass .pass-head{color:var(--pmuted)}
.pass .code{color:var(--pink)}
.pass .code small{color:var(--pmuted)}
.pass #dest{color:var(--pgold)}
.pass .pass-fields{color:var(--pmuted)}
.pass .pass-fields b{color:var(--pink)}
.pass #status.air{color:var(--pgold)}
.pass .stub b{color:var(--pgold)}
.pass .bars i{background:var(--pink)}
.pass.torn .stub{animation:tear 1.2s cubic-bezier(.3,.7,.35,1) .45s both}
.pass.ripped .pass-main{
  -webkit-mask:var(--nt-r), var(--nb-r), var(--tear-r); -webkit-mask-composite:source-in, source-in, source-over, source-over;
  mask:var(--nt-r), var(--nb-r), var(--tear-r); mask-composite:intersect, intersect, add, add}
.pass.ripped .stub{
  -webkit-mask:var(--nt-l), var(--nb-l), var(--tear-l); -webkit-mask-composite:source-in, source-in, source-over, source-over;
  mask:var(--nt-l), var(--nb-l), var(--tear-l); mask-composite:intersect, intersect, add, add}
:root{
  --nt-r:radial-gradient(circle 11px at 100% 0, #0000 97%, #000) 0 0/100% 100% no-repeat;
  --nb-r:radial-gradient(circle 11px at 100% 100%, #0000 97%, #000) 0 0/100% 100% no-repeat;
  --nt-l:radial-gradient(circle 11px at 0 0, #0000 97%, #000) 0 0/100% 100% no-repeat;
  --nb-l:radial-gradient(circle 11px at 0 100%, #0000 97%, #000) 0 0/100% 100% no-repeat}
@keyframes tear{
  0%{transform:none}
  15%{transform:translateX(2px) rotate(-.8deg)}
  28%{transform:translateX(-1px) rotate(.5deg)}
  40%{transform:translateX(4px) rotate(1deg)}
  100%{transform:translate(16px,26px) rotate(6deg)}}
@keyframes curl{0%,30%{opacity:0}60%{opacity:1}100%{opacity:.7}}
@keyframes jolt{0%{transform:none}30%{transform:rotate(-.8deg) translateX(-2px)}60%{transform:rotate(.4deg)}100%{transform:none}}
:root{--tear-l:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20points%3D%22100.0%2C0.0%2045.7%2C0.0%2088.2%2C11.6%2050.7%2C22.3%2021.6%2C34.1%2061.7%2C45.2%2013.5%2C59.2%2013.2%2C68.2%2067.4%2C82.3%2093.4%2C88.7%2063.9%2C104.4%2019.2%2C116.5%2052.6%2C122.7%2022.1%2C129.3%207.7%2C137.7%2044.6%2C148.3%2051.7%2C162.8%2050.0%2C175.2%2046.2%2C187.8%2094.8%2C196.6%2080.6%2C212.5%2033.4%2C225.6%2031.0%2C233.9%2074.0%2C240.6%2081.2%2C250.6%2091.2%2C260.5%205.0%2C274.9%2086.9%2C283.0%2093.2%2C293.7%2011.6%2C303.7%2075.1%2C316.0%2012.8%2C324.7%2091.8%2C334.0%2015.6%2C347.6%2014.1%2C356.1%2076.7%2C362.7%2055.3%2C370.5%2022.2%2C380.9%2016.8%2C394.2%2015.5%2C406.7%2024.2%2C416.9%2092.4%2C425.6%2032.4%2C439.6%2024.0%2C454.5%2081.9%2C464.4%2014.0%2C476.8%2024.2%2C492.7%2074.5%2C501.3%2031.7%2C510.6%2013.1%2C517.3%2026.9%2C529.2%2038.5%2C541.2%2091.3%2C551.7%2056.7%2C562.5%2021.5%2C577.2%2086.8%2C584.7%2027.5%2C598.9%2071.5%2C606.8%2022.7%2C622.2%2084.4%2C637.7%2042.9%2C649.8%208.5%2C656.8%2026.5%2C672.4%2028.1%2C685.5%2058.7%2C699.7%2020.8%2C708.6%2011.2%2C721.9%2055.3%2C730.1%2060.3%2C744.7%2087.6%2C753.5%206.5%2C761.5%2045.1%2C770.2%2020.9%2C776.8%2056.5%2C786.5%2037.6%2C793.8%2093.2%2C808.7%2067.2%2C821.3%2017.6%2C833.1%206.6%2C839.5%2068.1%2C854.6%206.9%2C870.2%2048.4%2C882.6%2033.7%2C895.9%2011.8%2C911.9%2071.3%2C923.3%2071.3%2C938.3%2076.4%2C951.4%2036.7%2C966.5%2086.1%2C979.4%2042.5%2C994.1%2082.7%2C1000.0%20100.0%2C1000.0%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") 0 0/5px 100% no-repeat, linear-gradient(#000 0 0) 5px 0/calc(100% - 5px) 100% no-repeat; --tear-r:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20points%3D%220.0%2C0.0%2043.4%2C0.0%2060.6%2C12.2%2040.2%2C24.1%2037.5%2C30.9%2015.8%2C46.8%2060.0%2C60.1%2042.7%2C73.4%2019.5%2C83.8%2027.5%2C90.7%2040.9%2C97.0%2074.3%2C107.8%2050.2%2C120.8%2012.2%2C132.9%2094.0%2C141.5%2034.0%2C150.5%2079.7%2C158.5%2035.6%2C173.6%2014.7%2C184.0%2035.1%2C193.3%2056.2%2C201.2%2012.7%2C215.3%2060.4%2C230.1%2066.5%2C241.9%2050.3%2C249.3%2018.6%2C263.7%209.5%2C276.8%2079.8%2C285.6%2070.2%2C296.1%2057.7%2C304.2%2050.6%2C316.5%2019.5%2C325.6%2054.3%2C341.4%2092.2%2C348.2%2091.3%2C362.9%2043.6%2C376.0%2023.8%2C385.1%2082.8%2C391.3%2092.8%2C401.8%2073.6%2C416.1%2090.8%2C423.5%2054.8%2C435.8%2036.0%2C448.1%208.7%2C462.2%2077.1%2C475.0%2078.9%2C485.8%2052.5%2C491.9%2078.9%2C505.0%2063.9%2C513.8%2048.2%2C526.7%2026.9%2C538.9%2023.7%2C548.8%2087.2%2C563.9%2030.0%2C579.2%2054.2%2C586.5%2013.1%2C598.8%2043.8%2C608.5%2023.3%2C623.3%2053.3%2C638.8%2076.6%2C651.3%2021.3%2C664.5%2030.4%2C676.9%2014.0%2C685.0%207.0%2C700.9%2023.8%2C712.2%2013.1%2C721.4%2063.6%2C736.0%2055.3%2C742.8%2025.9%2C754.3%2092.4%2C765.2%2089.2%2C779.3%2079.4%2C793.3%2024.1%2C802.6%2081.6%2C810.0%2029.9%2C821.2%2033.0%2C835.6%2050.7%2C851.1%2087.3%2C866.5%2047.6%2C874.8%2029.4%2C883.7%2047.9%2C896.1%2044.6%2C910.5%2060.7%2C919.6%2014.0%2C934.1%2018.4%2C942.1%2047.8%2C957.8%2076.9%2C969.6%2049.7%2C980.9%2092.5%2C993.0%2048.6%2C1000.0%200.0%2C1000.0%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") 100% 0/5px 100% no-repeat, linear-gradient(#000 0 0) 0 0/calc(100% - 5px) 100% no-repeat}
@media (max-width:980px){
  .hero-inner{gap:34px; padding-top:130px}
  .pass{width:calc(100% - 26px); max-width:460px}}
@media (max-width:520px){
  .pass{grid-template-columns:minmax(0,1fr) 70px; width:calc(100% - 22px)}
  .pass .pass-main{padding:18px 16px 14px; gap:12px}
  .pass .pass-head{font-size:9.5px; letter-spacing:.12em}
  .pass .code{font-size:36px}
  .pass .code small{font-size:12px; margin-top:6px}
  .pass .pass-fields{font-size:9.5px; gap:8px}
  .pass .pass-fields b{font-size:13.5px}
  .pass .stub{padding:18px 6px}
  .pass .stub b{font-size:13px; letter-spacing:.18em}
  .bars{width:42px; height:26px}
  .flightband{margin:-8px 0 -6px}}

/* hero alt: destinasyon sekmeleri */
.hero-dests{padding-block:42px 34px}
.dest-tabs{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; border-top:1px solid rgba(255,255,255,.18); padding-top:18px}
.dt{text-decoration:none; color:rgba(255,255,255,.6); display:flex; flex-direction:column; gap:10px; font-weight:600; font-size:15px; transition:color .3s}
.dt:hover,.dt.on{color:#fff}
.dt-bar{height:2px; background:rgba(255,255,255,.18); border-radius:2px; overflow:hidden}
.dt-bar i{display:block; height:100%; width:0; background:var(--accent)}
.dt.on .dt-bar i{animation:fill 6s linear forwards}
.dt small{font-family:var(--f-mono); font-size:11px; letter-spacing:.14em; color:var(--accent); opacity:.85}
@keyframes fill{from{width:0}to{width:100%}}
@media (max-width:800px){.dest-tabs{grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:18px}}

/* güven şeridi */
.trust{background:var(--navy); color:var(--on-navy); border-top:1px solid var(--navy-line)}
.trust .wrap{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0}
.trust div{display:flex; gap:14px; align-items:center; padding:26px 20px 26px 0}
.trust svg{flex:none; color:var(--accent)}
.trust b{display:block; font-size:16px}
.trust span{color:var(--on-navy-muted); font-size:14px}
@media (max-width:900px){.trust .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.trust .wrap{grid-template-columns:1fr}.trust div{padding:16px 0; border-bottom:1px solid var(--navy-line)}}

/* bölümler */
section{padding-block:110px}
@media (max-width:700px){section{padding-block:72px}}
.sec-head{display:flex; flex-direction:column; gap:16px; max-width:760px; margin-bottom:52px}
.sec-head h2{font-size:clamp(36px,5vw,64px); font-weight:700}
.sec-head p{color:var(--muted); font-size:18.5px; max-width:60ch}
.on-navy{background:var(--navy); color:var(--on-navy)}
.on-navy .sec-head p{color:var(--on-navy-muted)}
.sec-row{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:52px}
.sec-row .sec-head{margin-bottom:0}

/* destinasyon kartları (fotoğraf üstüne yazı) */
.dests{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px}
.dcard{position:relative; display:block; aspect-ratio:4/5; border-radius:26px; overflow:hidden; color:#fff; text-decoration:none; background:var(--navy-2); isolation:isolate; box-shadow:0 30px 60px -40px rgba(8,36,26,.6)}
.dcard .art{position:absolute; inset:0; aspect-ratio:auto}
.dcard .art img{transition:transform 1.2s var(--ease)}
.dcard:hover .art img{transform:scale(1.07)}
.dcard::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(6,34,24,.92) 0%, rgba(6,34,24,.35) 45%, rgba(6,34,24,0) 70%); z-index:1}
.dcard .dc-body{position:absolute; left:0; right:0; bottom:0; z-index:2; padding:26px; display:flex; flex-direction:column; gap:8px}
.dcard .dc-top{position:absolute; top:20px; left:20px; right:20px; z-index:2; display:flex; justify-content:space-between; align-items:center}
.dcard .flag{width:42px; height:28px; border-radius:5px; box-shadow:0 4px 12px rgba(0,0,0,.35)}
.dcard .chip{font-family:var(--f-mono); font-size:11px; letter-spacing:.14em; padding:6px 10px; border-radius:999px; background:rgba(6,34,24,.55); border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px)}
.dcard h3{font-family:var(--f-display); font-size:clamp(30px,3vw,40px); font-weight:700}
.dcard p{color:rgba(255,255,255,.78); font-size:15.5px; max-width:34ch}
.dcard .go{display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--accent); margin-top:6px}
.dcard .go svg{transition:transform .3s var(--ease)}
.dcard:hover .go svg{transform:translateX(5px)}
@media (max-width:1000px){.dests{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .dests{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; margin-inline:-18px; padding-inline:18px; padding-bottom:6px; scrollbar-width:none}
  .dests::-webkit-scrollbar{display:none}
  .dcard{flex:0 0 82%; scroll-snap-align:start}
}

/* illüstrasyon + isteğe bağlı fotoğraf kutusu */
.art{position:relative; overflow:hidden; background:var(--navy-2); aspect-ratio:12/5; max-width:100%}
.art img{width:100%; height:100%; object-fit:cover}
.art .photo{position:absolute; inset:0}

/* süreç */
.steps{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:0; counter-reset:s}
.steps li{counter-increment:s; padding:30px 26px 10px 0; border-top:1px solid var(--navy-line); position:relative; display:flex; flex-direction:column; gap:10px}
.steps li::before{content:counter(s,decimal-leading-zero); font-family:var(--f-display); font-style:italic; font-weight:600; color:var(--accent); font-size:50px; line-height:1; letter-spacing:-.03em}
.steps li::after{content:""; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 6px rgba(201,164,92,.18)}
.steps h3{font-size:22px}
.steps p{color:var(--on-navy-muted); font-size:15.5px}
@media (max-width:700px){.steps{grid-template-columns:1fr}.steps li{padding-bottom:28px}}

/* neden biz */
.why-x{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center}
@media (max-width:960px){.why-x{grid-template-columns:1fr; gap:44px}}
.collage{position:relative; display:grid; grid-template-columns:1.1fr .9fr; grid-template-rows:1fr 1fr; gap:14px; aspect-ratio:1/1; max-width:100%}
.collage .art{aspect-ratio:auto; border-radius:22px}
.collage .art:first-child{grid-row:1 / 3}
.collage .badge{position:absolute; left:-14px; bottom:28px; background:var(--accent); color:var(--on-accent); border-radius:18px; padding:16px 20px; font-weight:700; font-family:var(--f-display); font-size:20px; line-height:1.15; box-shadow:0 20px 40px -20px rgba(0,0,0,.5); max-width:220px}
.collage .badge small{display:block; font-family:var(--f-body); font-weight:600; font-size:13px; margin-top:4px; opacity:.8}
@media (max-width:560px){.collage .badge{left:10px; bottom:10px}}
.why{display:grid; grid-template-columns:1fr; gap:0; border-top:1px solid var(--line); margin-top:8px}
.why div{padding:24px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:44px minmax(0,1fr); gap:6px 18px}
.why svg{grid-row:1 / 3; color:var(--accent-ink)}
.why h3{font-size:22px}
.why p{color:var(--muted); grid-column:2}
.notice{margin-top:36px; padding:22px 24px; border-radius:var(--radius); background:var(--surface); border:1.5px solid var(--accent); display:flex; gap:16px; align-items:flex-start}
.notice svg{flex:none; color:var(--accent-ink)}

/* ülke sayfası hero */
.page-hero-x{position:relative; color:#fff; min-height:max(600px, 78svh); display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; isolation:isolate}
.page-hero-x > .wrap{position:relative; z-index:2; width:100%; padding-top:150px; padding-bottom:40px}
.crumbs{font-size:14px; color:rgba(255,255,255,.7); display:flex; gap:8px; flex-wrap:wrap; margin-bottom:26px}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:#fff}
.page-hero-x .titlerow{display:flex; align-items:center; gap:18px; margin-top:18px}
.page-hero-x .flag{width:64px; height:43px; border-radius:7px; box-shadow:0 6px 16px rgba(0,0,0,.35); flex:none}
.page-hero-x h1{font-size:clamp(46px,7.4vw,104px); font-weight:700; letter-spacing:-.02em}
.page-hero-x .lead{font-size:clamp(17px,1.5vw,20px); color:rgba(255,255,255,.82); max-width:52ch; margin-top:22px}
.page-hero-x .hero-copy{max-width:820px}
.facts{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:44px 0 0; background:var(--glass); border:1px solid var(--glass-line); border-radius:22px; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); overflow:hidden}
.facts div{padding:20px 24px; display:flex; flex-direction:column; gap:4px; min-width:0; border-left:1px solid var(--glass-line)}
.facts div:first-child{border-left:0}
.facts dt{font-family:var(--f-mono); font-size:11.5px; letter-spacing:.14em; color:var(--accent)}
.facts dd{margin:0; font-weight:700; font-size:17px}
@media (max-width:700px){.facts{grid-template-columns:1fr}.facts div{border-left:0; border-top:1px solid var(--glass-line)}.facts div:first-child{border-top:0}}

/* vize türleri */
.types{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px}
@media (max-width:900px){.types{grid-template-columns:1fr}}
.type-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:30px; display:flex; flex-direction:column; gap:12px; transition:transform .3s var(--ease), box-shadow .3s, border-color .3s}
.type-card:hover{transform:translateY(-4px); box-shadow:0 26px 50px -34px rgba(8,36,26,.5); border-color:var(--accent)}
.type-card .code-tag{align-self:flex-start; font-family:var(--f-mono); font-weight:700; font-size:12px; letter-spacing:.1em; padding:5px 11px; border-radius:999px; background:var(--surface-2); color:var(--accent-ink)}
.type-card h3{font-size:25px}
.type-card p{color:var(--muted); font-size:16px}

/* popüler yerler */
.places{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px}
.place{position:relative; aspect-ratio:3/4; border-radius:24px; overflow:hidden; color:#fff; background:var(--navy-2); isolation:isolate}
.place .art{position:absolute; inset:0; aspect-ratio:auto}
.place .art img{transition:transform 1.2s var(--ease)}
.place:hover .art img{transform:scale(1.07)}
.place::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(6,34,24,.92) 0%, rgba(6,34,24,.2) 50%, rgba(6,34,24,0) 70%); z-index:1}
.place .body{position:absolute; left:0; right:0; bottom:0; z-index:2; padding:22px; display:flex; flex-direction:column; gap:6px}
.place .type{font-family:var(--f-mono); font-size:11px; color:var(--accent); font-weight:700; letter-spacing:.14em}
.place h3{font-family:var(--f-display); font-size:28px}
.place p:last-child{color:rgba(255,255,255,.8); font-size:15px}

/* evrak listesi */
.checklist{background:var(--surface); border:1px solid var(--line); border-radius:26px; padding:clamp(22px,3.4vw,44px); display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:44px; box-shadow:0 30px 60px -50px rgba(8,36,26,.5)}
@media (max-width:820px){.checklist{grid-template-columns:1fr}}
.items{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
.items li{border-bottom:1px solid var(--line)}
.items li:last-child{border-bottom:0}
.items label{display:flex; gap:16px; align-items:flex-start; padding:16px 0; cursor:pointer}
.items input{width:22px; height:22px; margin-top:2px; accent-color:var(--ok); flex:none}
.items .t{font-weight:700}
.items .d{display:block; color:var(--muted); font-size:14.5px; font-weight:400}
.items input:checked + span .t{text-decoration:line-through; color:var(--muted)}
.meter{display:flex; flex-direction:column; gap:14px; align-self:start; position:sticky; top:120px; background:var(--surface-2); border-radius:20px; padding:24px}
.meter .num{font-family:var(--f-display); font-size:56px; font-weight:700; font-variant-numeric:tabular-nums; line-height:1}
.track{height:8px; background:var(--line); border-radius:999px; overflow:hidden}
.track i{display:block; height:100%; width:0; background:var(--ok); transition:width .4s var(--ease)}
.meter p{font-size:14px; color:var(--muted)}

/* dikkat edilecekler */
.tips{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px}
@media (max-width:760px){.tips{grid-template-columns:1fr}}
.tips > div{padding:28px; border-radius:var(--radius); background:var(--surface); border:1px solid var(--line); display:flex; gap:18px}
.tips svg{flex:none; color:var(--accent-ink); margin-top:3px}
.tips h3{font-size:21px; margin-bottom:8px}
.tips p{color:var(--muted)}

/* SSS */
.faq-x{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:56px}
@media (max-width:900px){.faq-x{grid-template-columns:1fr; gap:24px}}
.faq{display:flex; flex-direction:column}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none; cursor:pointer; padding:24px 0; font-family:var(--f-display); font-weight:700; font-size:21px; display:flex; justify-content:space-between; align-items:center; gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:""; flex:none; width:34px; height:34px; border-radius:50%; background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7 1v12M1 7h12' stroke='%2386651F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat; transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:24px; color:var(--muted); max-width:68ch}

/* fotoğraflı CTA bandı */
.cta-x{position:relative; color:#fff; overflow:hidden; isolation:isolate; padding-block:120px}
.cta-x .shade{background:linear-gradient(90deg, rgba(6,34,24,.9) 0%, rgba(6,34,24,.55) 60%, rgba(6,34,24,.35) 100%)}
.cta-x .wrap{position:relative; z-index:2; display:flex; justify-content:space-between; align-items:flex-end; gap:28px; flex-wrap:wrap}
.cta-x h2{font-style:italic; font-size:clamp(34px,4.6vw,60px); font-weight:700; max-width:16ch}
.cta-x .ctas{margin-top:0}

/* diğer hizmetler */
.others{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px}
.other{position:relative; display:flex; align-items:flex-end; gap:12px; aspect-ratio:16/9; padding:18px; border-radius:20px; overflow:hidden; color:#fff; text-decoration:none; font-weight:700; font-family:var(--f-display); font-size:22px; isolation:isolate; background:var(--navy-2)}
.other .art{position:absolute; inset:0; aspect-ratio:auto; z-index:-2}
.other .art img{transition:transform 1s var(--ease)}
.other:hover .art img{transform:scale(1.08)}
.other::after{content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg, rgba(6,34,24,.85), rgba(6,34,24,.1) 70%)}
.other .flag{width:34px; height:23px; border-radius:4px; flex:none}
.other span.arr{margin-left:auto; color:var(--accent)}

/* iletişim */
.contact-x .wrap{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:56px; align-items:start}
@media (max-width:900px){.contact-x .wrap{grid-template-columns:1fr}}
.info{display:flex; flex-direction:column; gap:28px}
.info dl{margin:0; display:grid; grid-template-columns:1fr 1fr; gap:22px}
@media (max-width:520px){.info dl{grid-template-columns:1fr}}
.info dt{font-family:var(--f-mono); font-size:11.5px; letter-spacing:.14em; color:var(--accent)}
.info dd{margin:6px 0 0; font-size:19px; font-weight:700; overflow-wrap:anywhere}
.info a{text-decoration:none}
form.card{background:var(--surface); color:var(--ink); border-radius:26px; padding:clamp(22px,3.4vw,40px); display:flex; flex-direction:column; gap:18px; box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.frow{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
@media (max-width:560px){.frow{grid-template-columns:1fr}}
.field{display:flex; flex-direction:column; gap:7px; min-width:0}
.field label{font-weight:700; font-size:14px}
.field input,.field select,.field textarea{font:inherit; font-size:16px; padding:14px 16px; border-radius:14px; border:1.5px solid var(--line); background:var(--bg); color:var(--ink); width:100%; transition:border-color .2s, box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 4px rgba(201,164,92,.2)}
.field textarea{min-height:120px; resize:vertical}
.hint{font-size:13.5px; color:#B42318}
.result{padding:18px; border-radius:14px; background:var(--bg); border:1px dashed var(--line); display:flex; flex-direction:column; gap:12px}
.result pre{margin:0; white-space:pre-wrap; font-family:var(--f-mono); font-size:14px}
.result .btns{display:flex; flex-wrap:wrap; gap:10px}

/* footer */
footer{background:var(--navy); color:var(--on-navy-muted); padding-block:80px 40px; font-size:15px}
footer .fgrid{display:grid; grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)); gap:40px}
@media (max-width:800px){footer .fgrid{grid-template-columns:1fr}}
footer .flogo{font-family:var(--f-display); font-weight:700; font-size:clamp(44px,6vw,80px); letter-spacing:-.02em; color:#fff; line-height:1}
footer .flogo span{color:var(--accent)}
footer h4{font-family:var(--f-mono); font-size:11.5px; letter-spacing:.16em; color:var(--accent); margin:0 0 16px; font-weight:700}
footer nav{display:flex; flex-direction:column; gap:10px}
footer a{text-decoration:none; color:var(--on-navy)}
footer a:hover{color:var(--accent)}
footer .fbottom{margin-top:56px; padding-top:24px; border-top:1px solid var(--navy-line); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:13.5px}

/* WhatsApp baloncuğu: simge, üzerine gelince açılır */
.wa-float{position:fixed; right:20px; top:75%; transform:translateY(-50%); z-index:50; display:flex; align-items:center; gap:0; text-decoration:none; background:var(--wa); color:#FFFFFF; border-radius:999px; padding:0 16px; min-height:60px; font-weight:700; font-size:16px; box-shadow:0 14px 30px -10px rgba(0,0,0,.5); transition:gap .3s var(--ease), transform .25s var(--ease)}
.wa-float span{max-width:0; overflow:hidden; white-space:nowrap; transition:max-width .35s var(--ease)}
.wa-float:hover,.wa-float:focus-visible{gap:10px}
.wa-float:hover span,.wa-float:focus-visible span{max-width:200px}
.wa-float svg{flex:none}
.wa-float::after{content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:0 0 0 0 rgba(26,143,73,.55); animation:wapulse 2.6s ease-out infinite}
@keyframes wapulse{0%{box-shadow:0 0 0 0 rgba(26,143,73,.55)}70%,100%{box-shadow:0 0 0 16px rgba(26,143,73,0)}}

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