/* Etiler Vize · kalkış panosu, bilet gişesi, giloş (14 Eki 2026). Ana sayfa ve ülke sayfaları ortak. pano.js ile birlikte. */
/* fiziksel flap harfleri (giriş + gişe) */
.ff{display:flex;gap:3px;min-height:1.45em}
.ff span{position:relative;display:inline-flex;justify-content:center;align-items:center;width:1em;height:1.45em;font:600 clamp(16px,1.9vw,30px)/1 var(--m);color:#F3E4BF;background:linear-gradient(#262A31 0 49%,#1A1D22 51% 100%);border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,.6),inset 0 -1px 0 rgba(0,0,0,.7)}
.ff span::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.65)}
.ff.g span{color:var(--pirinc)}
.ff.k span{font-size:clamp(11px,1.15vw,17px);color:#D9DCE1}
.ff span.don{animation:flap .09s ease-in}
@keyframes flap{0%{transform:perspective(200px) rotateX(0)}50%{transform:perspective(200px) rotateX(-70deg)}100%{transform:none}}
/* ---------- bilet gişesi (form) ---------- */
.gise{background:#171A20;color:#F2EEE6}
.gise::before{opacity:.6}
.gise .etk{color:var(--pirinc)}
.gise h2{color:#F2EEE6}.gise h2 em{color:var(--pirinc)}
.gise .lead{color:#BFC3CA}
.gise-foto{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.gise-foto img{width:100%;height:100%;object-fit:cover;opacity:.16;filter:grayscale(.35) contrast(.9)}
.gise-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#171A20 0%,rgba(23,26,32,.55) 30%,rgba(23,26,32,.75) 70%,#171A20 100%)}
.bg{max-width:880px;margin:30px auto 0;border-radius:22px;background:#0C0D10;border:1px solid #262A33;box-shadow:inset 0 0 0 10px #15171C,0 30px 70px rgba(0,0,0,.5);padding:clamp(18px,3vw,32px);position:relative}
.bg-levha{display:flex;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;font:600 11px var(--m);letter-spacing:.2em;color:#A3A8B1;margin-bottom:14px}
.bg-levha b{color:var(--pirinc)}
.bg-sira{display:grid;gap:6px;margin-bottom:22px}
.bg-sat{display:grid;grid-template-columns:96px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:9px 12px;border-radius:10px;background:#14161B;transition:opacity .35s cubic-bezier(.2,.7,.2,1),background .35s}
.bg-sat small{font:600 10px var(--m);letter-spacing:.18em;color:#80858F}
.bg-sat .ok{font:600 13px var(--m);color:#8FD9A0;text-align:right}
.bg-sat.su{background:#1A1D23;box-shadow:inset 0 0 0 1px rgba(212,178,107,.45)}
.bg-sat.bek{opacity:.5}
.bg-sat .ff{min-height:0}
.bg-sat .ff span{font-size:clamp(12px,1.2vw,16px)}
.bg-sat .ff:empty::before{content:"—";color:#5C616B;font:600 13px var(--m)}
#bg-govde>*{animation:evp-giris .45s cubic-bezier(.2,.7,.2,1) both}
.bg-soru{font-family:var(--d);font-size:clamp(28px,3.2vw,40px);line-height:1.05;margin:0 0 6px;color:#F2EEE6;padding:0}
.bg-soru:focus{outline:none}
.bg-ac{margin:0 0 16px;color:#A9AEB7;font-size:15px}
.bg fieldset{border:0;margin:0;padding:0;min-width:0}
.bg legend{padding:0}
.bg-grup{margin-bottom:16px}
.bg-grup legend,.bg-alan label{display:block;font:600 11px var(--m);letter-spacing:.16em;text-transform:uppercase;color:#B4B8C0;margin-bottom:8px}
.bg-cip{display:flex;flex-wrap:wrap;gap:8px}
.bg-cip button,.bg-cip label span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #3A3F49;background:#1A1D23;color:#F2EEE6;font:500 15px var(--b,"Geist",system-ui,sans-serif);cursor:pointer;transition:border-color .18s,background .18s,transform .15s ease-out}
.bg-cip button:hover,.bg-cip label:hover span{border-color:rgba(212,178,107,.6)}
.bg-cip button[aria-pressed="true"],.bg-cip input:checked+span{background:var(--pirinc);border-color:var(--pirinc);color:var(--mur)}
.bg-cip label{position:relative;display:inline-flex}
.bg-cip input{position:absolute;opacity:0;width:1px;height:1px}
.bg-cip input:focus-visible+span{outline:2px solid var(--pirinc);outline-offset:3px}
.bg-alan{display:grid;gap:0;margin-bottom:14px;max-width:420px}
.bg-alan input,.bg-alan select{min-height:52px;border-radius:12px;border:1px solid #3A3F49;background:#1A1D23;color:var(--krem);font:500 17px var(--b,"Geist",system-ui,sans-serif);padding:0 14px;color-scheme:dark;width:100%}
.bg-alan input[type=date]{font:600 17px var(--m)}
.bg-alan input[aria-invalid="true"]{border-color:#E08A8A}
.bg-ikili{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px;max-width:640px}
.bg-ikili .bg-alan{max-width:none}
.bg-diger{margin-top:16px}
.bg-bilinmez{min-height:44px;padding:0 4px;background:none;border:0;color:var(--pirinc);font:500 14.5px var(--b,"Geist",system-ui,sans-serif);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.bg-sonuc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 14px}
.bg-sonuc>div{background:#14161B;border-radius:12px;padding:12px 14px;border:1px solid #20242C}
.bg-sonuc small{display:block;font:600 10px var(--m);letter-spacing:.16em;color:#A3A8B1;margin-bottom:8px;text-transform:uppercase}
.bg-not{margin:0 0 14px;padding:10px 12px;border-left:3px solid var(--pirinc);background:rgba(212,178,107,.07);border-radius:0 10px 10px 0;font-size:14px;line-height:1.5;color:#D2D5DB}
.bg-not:empty{display:none}
.bg-yon{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}
.bg-geri{min-height:44px;padding:0 6px;background:none;border:0;color:#B4B8C0;font:500 15px var(--b,"Geist",system-ui,sans-serif);cursor:pointer}
.bg-ileri{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:0;background:var(--pirinc);color:var(--mur);font:600 16px var(--b,"Geist",system-ui,sans-serif);cursor:pointer;transition:transform .2s cubic-bezier(.2,.7,.2,1),opacity .2s}
.bg-ileri:hover{transform:translateY(-2px)}
.bg-ileri:disabled{opacity:.4;cursor:not-allowed;transform:none}
.bg-hata{margin:0 0 12px;color:#F2B8B8;font-size:14.5px}.bg-hata:empty{display:none}
.bg-guven{margin:16px 0 0;font-size:13px;line-height:1.55;color:#A9AEB7;max-width:62ch}
.bg-guven a{color:var(--pirinc)}
.bg-ucretsiz{display:inline-block;margin-top:10px;font:600 11px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--pirinc)}
.bg .gizli-alan{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* son kart: kör kabartma + evre çizelgesi */
.bg-tamam{position:relative;padding-right:clamp(0px,16vw,150px);min-height:150px}
.kabartma{position:absolute;right:0;top:-4px;width:124px;height:124px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font:600 10px/1.5 var(--m);letter-spacing:.16em;color:#30343D;background:#17191E;box-shadow:inset 2px 2px 3px rgba(255,255,255,.08),inset -2px -2px 5px rgba(0,0,0,.75),0 0 0 6px #111317,0 0 0 7px rgba(212,178,107,.35);text-shadow:-1px -1px 0 rgba(0,0,0,.9),1px 1px 0 rgba(212,178,107,.32);padding:18px}
.kabartma.basildi{animation:kabart .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes kabart{from{transform:scale(1.18) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
.bg-evre{list-style:none;margin:18px 0 18px;padding:0;display:grid;gap:0;counter-reset:ev}
.bg-evre li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:baseline;padding:11px 0;border-top:1px dashed #2E333C}
.bg-evre li:last-child{border-bottom:1px dashed #2E333C}
.bg-evre b{font:600 13px var(--m);letter-spacing:.06em;color:var(--pirinc);text-transform:uppercase}
.bg-evre span{font-size:15px;color:#D2D5DB}
.bg-ics{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--pirinc);background:transparent;color:var(--pirinc);font:600 15px var(--b,"Geist",system-ui,sans-serif);cursor:pointer}
.bg-ics:hover{background:rgba(212,178,107,.1)}
@media(max-width:600px){
  .bg{box-shadow:inset 0 0 0 6px #15171C,0 20px 40px rgba(0,0,0,.45)}
  .bg-sat{grid-template-columns:72px minmax(0,1fr) 18px;gap:8px;padding:8px 10px}
  .bg-sonuc,.bg-ikili{grid-template-columns:minmax(0,1fr)}
  .bg-tamam{padding-right:0;padding-top:0}
  .kabartma{position:relative;top:auto;right:auto;width:104px;height:104px;margin:0 0 14px auto;font-size:9px}
  .bg-evre li{grid-template-columns:96px minmax(0,1fr)}
  .bg-yon .bg-ileri{flex:1}
}
@media(prefers-reduced-motion:reduce){.ff span.don,.kabartma.basildi,#bg-govde>*{animation:none!important}}

.gise-foto picture{position:absolute;inset:0}
/* ---------- bölüm dokuları: giloş (JS ile bir kez çizilir) + kâğıt lifi ---------- */
[data-gl]{position:relative;isolation:isolate}
.gl-kat{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.gl-kat svg{position:absolute;inset:0;width:100%;height:100%}
.gl-kat.kagit{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
.gl-mikro{position:absolute;left:0;right:0;bottom:10px;white-space:nowrap;overflow:hidden;font:600 7.5px var(--m);letter-spacing:.32em;color:var(--pirinc);opacity:.32}
@keyframes evp-giris{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.bg [hidden]{display:none!important}
/* 15 Eki 2026: mesleğe göre belge başlıkları (pano.js meslekBlok). KİLİTLİ KART (.kilit) bütün sitenin tek bileşenidir:
   ülke, ret ve araç sayfaları aynı görünümü kullanır; ayrıntı sayfa kaynağında yoktur (KURALLAR "Kilitli kart"). */
.mb{margin:16px 0 4px;padding:16px;border:1px solid var(--line,#E4DDD0);border-radius:16px;background:var(--paper,#FBF8F2)}
.mb-bas{margin:0!important;font:600 11px var(--m,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--brass,#86672A)}
.mb-cip{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mb-cip button{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line,#E4DDD0);background:#fff;color:var(--ink,#16181D);font:500 14px var(--b,inherit);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.mb-cip button:hover{border-color:var(--accent,#6B2436)}
.mb-cip button[aria-pressed="true"]{background:var(--accent,#6B2436);border-color:var(--accent,#6B2436);color:#fff}
.mb-cip button:focus-visible,.kilit-dg:focus-visible{outline:2px solid var(--accent,#6B2436);outline-offset:2px}
.mb-liste{list-style:none;margin:14px 0 0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:10px 22px}
.mb-liste li{margin:0!important;padding:2px 0 2px 12px;border-left:2px solid var(--brass,#86672A);font-size:15px;line-height:1.4;font-weight:500;color:var(--ink,#16181D)}
.kilit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:center;margin-top:14px;padding:14px;border-radius:14px;border:1px dashed rgba(134,103,42,.45);background:repeating-linear-gradient(135deg,rgba(134,103,42,.05) 0 6px,transparent 6px 12px)}
.kilit-ik{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(134,103,42,.35)}
.kilit-ik svg{width:16px;height:16px;fill:none;stroke:var(--brass,#86672A);stroke-width:2;stroke-linecap:round}
.kilit-kt b{display:block;font-size:15px;color:var(--ink,#16181D)}.kilit-kt span{display:block;font-size:13.5px;line-height:1.45;color:var(--muted,#5E6370)}
.kilit-dg{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;margin-top:4px;padding:0 16px;border-radius:999px;background:var(--accent,#6B2436);color:#fff!important;font-weight:600;font-size:14.5px;text-decoration:none!important}
.mb-kay{margin:10px 0 0!important;font-size:12.5px!important;color:var(--muted,#5E6370)!important}
@media(max-width:600px){.mb{padding:14px 12px}.mb-cip{gap:6px}.mb-cip button{padding:0 12px;font-size:13.5px}.kilit-dg{justify-self:stretch;justify-content:center;text-align:center;padding:8px 16px}}
@media(prefers-reduced-motion:reduce){.mb-cip button{transition:none}}
.kk .mb{margin:8px 0 0;padding:0;border:0;background:none}.kk .mb .mb-bas{display:none}.kk .mb-cip{margin-top:4px}
.th-c [data-mb="s"] .mb-kay{display:none}
.th-liste{grid-template-columns:minmax(0,1fr)}.th-liste>details,.th-c,.mb{min-width:0}
/* mevsimsel şerit (pano.js serit) */
.mvs{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:6px 44px;background:#F3ECDD;border-bottom:1px solid #E1D5BC;color:#2A2C31;font-size:13.5px;line-height:1.35;text-align:center}
.mvs-a{color:inherit!important;text-decoration:none!important}.mvs-a span{text-decoration:underline;text-decoration-color:rgba(134,103,42,.45);text-underline-offset:3px}.mvs-a i{font-style:normal;color:#86672A}
.mvs-a:hover span{text-decoration-color:#86672A}
.mvs-x{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#5E6370;font-size:20px;line-height:1;cursor:pointer}
.mvs-x:hover{background:rgba(0,0,0,.05)}.mvs-x:focus-visible,.mvs-a:focus-visible{outline:2px solid #86672A;outline-offset:2px}
.mvs-hap{display:inline-flex;margin-top:14px;padding:6px 40px 6px 14px;border:1px solid #E1D5BC;border-radius:999px;justify-content:flex-start;text-align:left}
.mvs-hap .mvs-x{right:2px;width:32px;height:32px}
@media(max-width:420px){.mvs{font-size:12.5px;padding:6px 40px 6px 14px}}
.ek-hz{margin:12px 0 4px;padding:14px 16px;border-radius:14px;border:1px solid var(--line,#E4DDD0);background:var(--paper,#FBF8F2)}
.ek-hz b{display:block;font-size:15px;margin-bottom:4px}.ek-hz p{margin:0!important;font-size:14.5px;line-height:1.55;color:var(--ink-2,#2A2C31)}
.kilit-say{display:block;margin-top:2px;font:600 11px var(--m,ui-monospace,monospace);letter-spacing:.08em;color:var(--brass,#86672A)}
.kilit-k{padding:10px 12px;margin-top:12px}.kilit-k .kilit-ik{width:30px;height:30px}.kilit-k .kilit-kt b{font-size:14px}.kilit-k .kilit-dg{min-height:40px;font-size:13.5px;padding:0 14px}
/* soru arama (pano.js araKur) */
.ara{position:relative;max-width:560px;margin:0 0 14px}
.ara input{width:100%;min-height:50px;padding:0 16px 0 44px;border-radius:999px;border:1px solid var(--line,#E4DDD0);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386672A' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4 4'/%3E%3C/svg%3E") no-repeat 16px center/18px;font:400 16px var(--b,inherit);color:var(--ink,#16181D);box-sizing:border-box;-webkit-appearance:none;appearance:none}
.ara input:focus{outline:2px solid var(--accent,#6B2436);outline-offset:1px;border-color:transparent}
.ara-d{display:block;min-height:1.2em;margin:6px 0 0 16px;font-size:13.5px;color:var(--muted,#5E6370)}.ara-d a{color:var(--accent,#6B2436);font-weight:600}
.ara-gizli{display:none!important}
.ara-tum{display:inline-block;margin-top:14px;font-weight:600;color:var(--accent,#6B2436)!important}
.ara-tum-s{display:flex;flex-wrap:wrap;gap:6px 24px;margin:0}
/* 17 Eki 2026 dil/okunabilirlik: form levhası ve adım etiketleri büyük harf mono değil (V7 dili) */
.bg-levha{font:600 13px var(--b,inherit)!important;letter-spacing:0!important;text-transform:none!important}
.bg-sat small{font:600 12px var(--b,inherit)!important;letter-spacing:0!important;text-transform:none!important}
/* 17 Eki 2026 Lighthouse: bekleyen adım saydamlıkla soluklaşınca etiket kontrastı 2:1'e düşüyordu; saydamlık yerine okunur gri */
.bg-sat.bek{opacity:1}.bg-sat.bek small{color:#9AA0AA}.bg-sat.bek .ff span{color:#9AA0AA}