/* otel-pansiyon-peron — özgün tema (kaynak: prototip peron.css; dönüştürücü taslağı) */
/* PERON — şehir / iş oteli. Yön bulma tabelası dili: grafit + tek sinyal rengi (kehribar), keskin köşe, tek aile (Archivo). */
:root{
  --kagit:var(--dj-bg,#F2F2EF); --beyaz:var(--dj-bg-alt,#FFFFFF); --murekkep:var(--dj-text,#0E1116); --gri:#5A6069; --gri-2:var(--dj-muted,#8B9097); --cizgi:#D9DAD5; --cizgi-2:#BFC1BB;
  --sinyal:var(--dj-primary,#F2B705); --sinyal-2:var(--dj-accent,#D9A300); --gece:var(--dj-dark,#0E1116); --gece-2:#181C22; --gece-cizgi:color-mix(in srgb,var(--dj-bg-alt) 12%,transparent); --sinyal-acik:color-mix(in srgb,var(--sinyal) 24%,var(--beyaz));
  --f:var(--dj-font-body);
  --kap:1280px; --kenar:40px; --bos:120px; --hiz:cubic-bezier(.2,.7,.2,1);
  --ot-kose:0px; --ot-golge:12px; --ot-kapak-yukseklik:calc(100vh - 120px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--kagit);color:var(--murekkep);font:400 16px/1.6 var(--f);font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-variant-numeric:tabular-nums}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--murekkep);outline-offset:2px;box-shadow:0 0 0 5px var(--sinyal)}
.atla{position:absolute;left:16px;top:-60px;background:var(--sinyal);color:var(--murekkep);padding:10px 16px;z-index:100;font-weight:700}
.atla:focus{top:12px}
.kap{width:100%;max-width:calc(var(--kap) + var(--kenar)*2);margin:0 auto;padding:0 var(--kenar)}
.izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.ik{width:20px;height:20px;stroke-width:1.75;flex:none}
svg.ik{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.no{font:600 12px/1 var(--f);letter-spacing:.08em;color:var(--gri-2)}
.etiket{display:inline-flex;align-items:center;gap:12px;font:700 12px/1 var(--f);letter-spacing:.14em;text-transform:uppercase}
.etiket b{display:inline-grid;place-items:center;min-width:32px;height:22px;padding:0 6px;background:var(--murekkep);color:var(--sinyal);font-size:11px;letter-spacing:.06em}
.bolum{padding:var(--bos) 0}
.bolum-bas{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end;margin-bottom:56px;padding-bottom:28px;border-bottom:2px solid var(--murekkep)}
.bolum-bas>div{grid-column:1/span 7}
.bolum-bas h2{font-size:clamp(36px,4.2vw,64px);margin-top:20px}
.bolum-bas p{grid-column:9/span 4;color:var(--gri);margin:0}

.dug{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:2px solid var(--murekkep);background:var(--murekkep);color:#fff;font:700 15px/1 var(--f);letter-spacing:-.005em;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}
.dug:hover{background:color-mix(in srgb,var(--murekkep) 85%,var(--beyaz));border-color:color-mix(in srgb,var(--murekkep) 85%,var(--beyaz))}
.dug:active{transform:translateY(1px)}
.dug[disabled]{opacity:.4;cursor:not-allowed}
.dug-sinyal{background:var(--sinyal);border-color:var(--sinyal);color:var(--murekkep)}
.dug-sinyal:hover{background:var(--sinyal-2);border-color:var(--sinyal-2)}
.dug-cizgi{background:transparent;color:var(--murekkep)}
.dug-cizgi:hover{background:var(--murekkep);color:#fff}
.dug-acik{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.dug-acik:hover{background:#fff;color:var(--murekkep);border-color:#fff}
.dug .ik{width:18px;height:18px}
.bag{display:inline-flex;align-items:center;gap:8px;font-weight:700;border-bottom:2px solid var(--sinyal);padding-bottom:4px;transition:gap .15s}
.bag:hover{gap:12px}
.bag .ik{width:18px;height:18px}

/* Üst şerit + başlık */
.ust{background:var(--gece);color:#B9BDC3;font-size:13px}
.ust .kap{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:24px}
.ust ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.ust li,.ust a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.ust b{color:#fff;font-weight:600}
.ust .ik{width:16px;height:16px;color:var(--sinyal)}
.ust a:hover{color:#fff}
.bas{position:sticky;top:0;z-index:50;background:var(--beyaz);border-bottom:1px solid var(--cizgi);transition:box-shadow .2s}
.bas.kaydi{box-shadow:0 10px 30px -20px rgba(14,17,22,.4)}
.bas .kap{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:32px}
.logo{display:flex;align-items:center;gap:12px}
.logo-im{width:40px;height:40px;background:var(--murekkep);display:grid;place-items:center;position:relative;flex:none}
.logo-im svg{width:24px;height:24px;color:#fff}
.logo-im::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--sinyal)}
.logo b{display:block;font:800 20px/1 var(--f);letter-spacing:.02em}
.logo small{display:block;font:600 11px/1 var(--f);letter-spacing:.16em;color:var(--gri);margin-top:5px;text-transform:uppercase}
.nav{display:flex;list-style:none;margin:0;padding:0;height:80px}
.nav a{display:flex;align-items:center;gap:8px;height:100%;padding:0 18px;font-weight:600;font-size:15px;border-bottom:3px solid transparent;transition:border-color .15s,background .15s}
.nav a:hover{background:var(--kagit)}
.nav a[aria-current=page]{border-color:var(--sinyal)}
.nav .no{font-size:11px}
.bas-sag{display:flex;align-items:center;gap:12px}
.bas-sag .dug{min-height:48px;padding:0 20px}
.menu-dug{display:none;width:48px;height:48px;border:2px solid var(--murekkep);background:none;cursor:pointer;place-items:center}
.mob-menu{display:none}
.mob-cubuk{display:none}

/* Kapak */
.kapak{position:relative;background:var(--beyaz);border-bottom:1px solid var(--cizgi)}
.kapak .izgara{min-height:var(--ot-kapak-yukseklik);max-height:860px}
.kapak-metin{grid-column:1/span 6;padding:72px 32px 168px 0;display:flex;flex-direction:column;justify-content:center}
.kapak-ust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.cip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid var(--cizgi-2);font-size:13px;font-weight:600}
.cip .ik{width:16px;height:16px}
.kapak h1{font-size:clamp(48px,5.6vw,88px);letter-spacing:-.045em;line-height:.96;margin-bottom:28px}
.kapak h1 span{display:inline-block;background:linear-gradient(transparent 62%,var(--sinyal) 62%,var(--sinyal) 92%,transparent 92%);padding:0 4px;margin:0 -4px}
.kapak-alt{font-size:19px;color:var(--gri);max-width:44ch;margin-bottom:0}
.kapak-gorsel{grid-column:7/span 6;position:relative;margin-right:calc(var(--kenar)*-1 - max(0px,(100vw - var(--kap) - var(--kenar)*2)/2))}
.kapak-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.06)}
.pano{position:absolute;left:32px;top:32px;background:var(--gece);color:#fff;padding:20px 24px;min-width:300px;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.pano-bas{display:flex;justify-content:space-between;font:700 11px/1 var(--f);letter-spacing:.14em;color:var(--gri-2);margin-bottom:14px;text-transform:uppercase}
.pano-bas i{font-style:normal;color:var(--sinyal)}
.pano-satir{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:10px 0;border-top:1px solid var(--gece-cizgi);font-size:14px;color:#C9CDD2}
.flap{display:inline-flex;gap:3px}
.flap span{display:inline-grid;place-items:center;width:22px;height:30px;background:var(--gece-2);color:var(--sinyal);font:700 18px/1 var(--f);position:relative;overflow:hidden}
.flap span::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.6)}
.flap span.d{animation:flip .5s var(--hiz) both}
@keyframes flip{0%{transform:rotateX(90deg);opacity:.2}100%{transform:none;opacity:1}}

/* Rezervasyon şeridi */
.serit{position:absolute;left:0;right:0;bottom:48px;z-index:5}
.serit form{display:grid;grid-template-columns:1.1fr 1.1fr .9fr 1.4fr auto;background:var(--beyaz);border:2px solid var(--murekkep);box-shadow:var(--ot-golge) var(--ot-golge) 0 var(--sinyal);max-width:1080px}
.serit .alan-s{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 20px;border-right:1px solid var(--cizgi);min-width:0}
.serit label{font:700 11px/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--gri)}
.serit input,.serit select{border:0;background:none;padding:2px 0;font-weight:600;font-size:16px;width:100%;min-width:0}
.serit input:focus,.serit select:focus{outline:none}
.serit .alan-s:focus-within{background:var(--kagit)}
.serit .dug{min-height:76px;border:0;padding:0 28px;font-size:16px}

/* Bilgi şeridi */
.bilgi-serit{background:var(--murekkep);color:#fff}
.bilgi-serit .kap{display:grid;grid-template-columns:repeat(4,1fr)}
.bilgi-serit div{padding:28px 24px;border-left:1px solid var(--gece-cizgi);display:flex;gap:16px;align-items:center}
.bilgi-serit div:first-child{border-left:0;padding-left:0}
.bilgi-serit .ik{width:28px;height:28px;color:var(--sinyal)}
.bilgi-serit small{display:block;font:600 12px/1 var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--gri-2);margin-bottom:6px}
.bilgi-serit b{font:700 22px/1 var(--f);letter-spacing:-.02em}

/* Odalar karşılaştırma */
.filtre{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px}
.filtre>span{font-weight:700;font-size:14px}
.seg{display:inline-flex;border:2px solid var(--murekkep)}
.seg button{border:0;background:none;padding:0 18px;height:40px;font-weight:600;cursor:pointer;transition:background .15s}
.seg button+button{border-left:1px solid var(--cizgi-2)}
.seg button:hover{background:var(--beyaz)}
.seg button[aria-pressed=true]{background:var(--murekkep);color:#fff}
.filtre .sonuc-say{margin-left:auto;color:var(--gri);font-size:14px}
.tablo{border-top:2px solid var(--murekkep)}
.tablo-bas,.oda{display:grid;grid-template-columns:200px minmax(0,2.4fr) .8fr .8fr minmax(0,1.6fr) 1fr 150px;gap:24px;align-items:center}
.tablo-bas{padding:14px 0;border-bottom:1px solid var(--cizgi-2);font:700 11px/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--gri)}
.oda{padding:20px 0;border-bottom:1px solid var(--cizgi);transition:background .15s}
.oda:hover{background:var(--beyaz)}
.oda[hidden]{display:none}
.oda-foto{aspect-ratio:3/2;overflow:hidden;background:var(--cizgi)}
.oda-foto img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.04);transition:transform .5s var(--hiz)}
.oda:hover .oda-foto img{transform:scale(1.05)}
.oda h3{font-size:22px;letter-spacing:-.02em;margin-bottom:6px}
.oda p{margin:0;color:var(--gri);font-size:14px;line-height:1.5}
.oda .deger{font-weight:700;font-size:18px}
.oda .deger small{display:none}
.oda ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}
.oda li{display:flex;gap:8px;align-items:center}
.oda li .ik{width:16px;height:16px;color:var(--gri)}
.oda .fiyat b{display:block;font-size:20px;letter-spacing:-.02em}
.oda .fiyat small{color:var(--gri);font-size:12px}
.oda .dug{min-height:44px;padding:0 16px;width:100%}
.olcu-m{display:none;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:13px;font-weight:600}
.olcu-m span{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.olcu-m .ik{width:15px;height:15px}
.tablo-not{font-size:13px;color:var(--gri);margin-top:20px;max-width:80ch}

/* İş seyahati */
.is{background:var(--gece);color:#fff}
.is .izgara{align-items:stretch}
.is-foto{grid-column:1/span 5;position:relative;min-height:560px}
.is-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}
.is-foto::after{content:"";position:absolute;inset:0;background:var(--sinyal);mix-blend-mode:multiply;opacity:.55}
.is-metin{grid-column:7/span 6}
.is-metin .etiket b{background:var(--sinyal);color:var(--murekkep)}
.is-metin h2{font-size:clamp(36px,4vw,60px);margin:20px 0 20px}
.is-metin>p{color:#B9BDC3;max-width:52ch}
.is-liste{list-style:none;padding:0;margin:40px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--gece-cizgi)}
.is-liste li{padding:28px 24px 28px 0;border-bottom:1px solid var(--gece-cizgi)}
.is-liste li:nth-child(even){padding-left:24px;border-left:1px solid var(--gece-cizgi)}
.is-liste .ik{width:28px;height:28px;color:var(--sinyal);margin-bottom:16px}
.is-liste b{display:block;font-size:18px;margin-bottom:6px;letter-spacing:-.01em}
.is-liste span{font-size:14px;color:#9EA3AA;line-height:1.5}

/* İMZA: Konaklama kartı */
.kart-bolum{background:var(--beyaz);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.planla{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:start}
.takvim{border:2px solid var(--murekkep);background:var(--beyaz)}
.takvim-bas{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--cizgi)}
.takvim-bas b{font-size:15px}
.takvim-bas div{display:flex;gap:6px}
.ok{width:40px;height:40px;border:1px solid var(--cizgi-2);background:none;cursor:pointer;display:grid;place-items:center}
.ok:hover{border-color:var(--murekkep)}
.ok:disabled{opacity:.3;cursor:not-allowed}
.aylar{display:grid;grid-template-columns:1fr 1fr}
.ay{padding:20px 20px 24px}
.ay+.ay{border-left:1px solid var(--cizgi)}
.ay h3{font-size:16px;letter-spacing:-.01em;margin-bottom:14px}
.gunler{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.gunler .gn{font:700 11px/1 var(--f);color:var(--gri-2);text-align:center;padding:6px 0 10px;letter-spacing:.06em}
.gunler button{aspect-ratio:1;border:0;background:none;font-weight:600;font-size:14px;cursor:pointer;position:relative;transition:background .1s}
.gunler button:hover:not(:disabled){outline:2px solid var(--murekkep);outline-offset:-2px}
.gunler button:disabled{color:#C4C6C1;cursor:not-allowed;text-decoration:line-through}
.gunler button.ara{background:var(--sinyal-acik)}
.gunler button.bas-g,.gunler button.son-g{background:var(--murekkep);color:var(--sinyal)}
.gunler button.bugun::after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;background:var(--sinyal)}
.takvim-alt{display:grid;grid-template-columns:1.5fr 1fr;border-top:1px solid var(--cizgi)}
.takvim-alt>div{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.takvim-alt>div+div{border-left:1px solid var(--cizgi)}
.takvim-alt label{font:700 11px/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--gri)}
.takvim-alt select{border:1px solid var(--cizgi-2);background:var(--beyaz);height:40px;padding:0 10px;font-weight:600;min-width:0;width:100%;max-width:260px}
.takvim-alt>div:first-child{flex:1}
.sayac{display:flex;align-items:center;gap:6px}
.sayac button{width:36px;height:36px;border:1px solid var(--cizgi-2);background:none;cursor:pointer;display:grid;place-items:center}
.sayac button:hover:not(:disabled){border-color:var(--murekkep)}
.sayac button:disabled{opacity:.3;cursor:not-allowed}
.sayac output{min-width:28px;text-align:center;font-weight:700;font-size:17px}
.ipucu{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--gri);margin-top:16px}
.ipucu .ik{width:16px;height:16px}
.bilet{background:var(--gece);color:#fff;position:sticky;top:104px}
.bilet-bas{background:var(--sinyal);color:var(--murekkep);display:flex;justify-content:space-between;align-items:center;padding:16px 24px;font:800 13px/1 var(--f);letter-spacing:.14em;text-transform:uppercase}
.bilet-bas span{display:flex;align-items:center;gap:10px}
.bilet-govde{padding:28px 24px 20px}
.rota{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;padding-bottom:24px;border-bottom:1px dashed rgba(255,255,255,.25)}
.rota small,.bilet-izgara small{display:block;font:700 11px/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--gri-2);margin-bottom:8px}
.rota b{display:block;font-size:34px;letter-spacing:-.04em;line-height:1}
.rota em{display:block;font-style:normal;color:#B9BDC3;font-size:13px;margin-top:6px}
.rota .orta{text-align:center;color:var(--sinyal);padding-bottom:18px}
.rota .orta b{font-size:15px;letter-spacing:0;margin-top:6px}
.rota>div:last-child{text-align:right}
.bilet-izgara{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;padding:24px 0}
.bilet-izgara b{font-size:17px;font-weight:600;letter-spacing:-.01em}
.delik{position:relative;height:0;border-top:2px dashed rgba(255,255,255,.25);margin:0 -24px}
.delik::before,.delik::after{content:"";position:absolute;top:-14px;width:26px;height:26px;border-radius:50%;background:var(--beyaz)}
.delik::before{left:-13px}.delik::after{right:-13px}
.toplam{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:24px 0 8px}
.toplam small{display:block;font:700 11px/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--gri-2);margin-bottom:8px}
.toplam b{font-size:36px;letter-spacing:-.04em;line-height:1;color:var(--sinyal)}
.barkod{height:44px;width:120px;flex:none}
.bilet-not{font-size:12px;color:#8B9097;line-height:1.5;margin:8px 0 20px}
.bilet-form{display:grid;gap:10px}
.bilet-form .alan-k{display:grid;gap:6px}
.bilet-form label{font-size:12px;color:#B9BDC3;font-weight:600}
.bilet-form input{height:48px;background:var(--gece-2);border:1px solid var(--gece-cizgi);color:#fff;padding:0 14px;width:100%}
.bilet-form input:focus{outline:none;border-color:var(--sinyal)}
.bilet-form .hatali input{border-color:#FF7A6B}
.bilet-form .hata{font-size:12px;color:#FF9A8E}
.bilet-form .iki{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bilet-eylem{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:6px}
.bilet-eylem .dug{min-height:52px}
.bilet-sonuc{display:none;gap:12px;align-items:flex-start;padding:16px;background:color-mix(in srgb,var(--sinyal) 12%,transparent);border:1px solid color-mix(in srgb,var(--sinyal) 40%,transparent);color:#FCE7A8;font-size:14px;margin-top:12px}
.bilet-sonuc.goster{display:flex}

/* Konum panosu */
.konum{background:var(--gece);color:#fff}
.konum .bolum-bas{border-color:#fff}
.konum .bolum-bas p{color:#9EA3AA}
.konum .etiket b{background:var(--sinyal);color:var(--murekkep)}
.konum-izgara{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:stretch}
.konum-foto{position:relative;min-height:420px}
.konum-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05)}
.tablo-pano{border:1px solid var(--gece-cizgi)}
.tp-bas,.tp-satir{display:grid;grid-template-columns:48px 1fr 1fr 120px;align-items:center;gap:16px;padding:0 20px}
.tp-bas{height:44px;font:700 11px/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--gri-2);border-bottom:1px solid var(--gece-cizgi)}
.tp-satir{min-height:68px;border-bottom:1px solid var(--gece-cizgi);font-size:16px}
.tp-satir:last-child{border-bottom:0}
.tp-satir .ik{color:var(--sinyal);width:24px;height:24px}
.tp-satir b{font-weight:600}
.tp-satir span{color:#9EA3AA;font-size:14px}
.tp-satir .flap{justify-self:end}
.tp-satir .flap span{width:20px;height:28px;font-size:16px}
.tp-not{font-size:13px;color:#8B9097;margin-top:16px}

/* Hizmetler */
.hiz-izgara{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--cizgi-2);border-left:1px solid var(--cizgi-2)}
.hiz{padding:32px 28px 36px;border-right:1px solid var(--cizgi-2);border-bottom:1px solid var(--cizgi-2);background:var(--kagit);transition:background .15s}
.hiz:hover{background:var(--beyaz)}
.piktogram{width:56px;height:56px;background:var(--murekkep);color:#fff;display:grid;place-items:center;margin-bottom:28px}
.piktogram .ik{width:28px;height:28px}
.hiz:hover .piktogram{background:var(--sinyal);color:var(--murekkep)}
.hiz h3{font-size:20px;letter-spacing:-.02em;margin-bottom:10px}
.hiz p{margin:0;font-size:14px;color:var(--gri);line-height:1.55}

/* SSS */
.sss-izgara{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
details{border-bottom:1px solid var(--cizgi-2)}
summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;font-weight:700;font-size:18px;letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary .ik{transition:transform .2s;border:1px solid var(--cizgi-2);width:32px;height:32px;padding:6px}
details[open] summary .ik{transform:rotate(45deg);background:var(--sinyal);border-color:var(--sinyal)}
details p{color:var(--gri);margin:-4px 0 24px;max-width:60ch}

/* Alt bilgi */
.cta-bant{background:var(--sinyal)}
.cta-bant .kap{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:56px;padding-bottom:56px}
.cta-bant h2{font-size:clamp(32px,3.6vw,52px);max-width:18ch}
.cta-bant div{display:flex;gap:12px;flex-wrap:wrap}
.alt{background:var(--gece);color:#B9BDC3;font-size:15px}
.alt-ust{display:grid;grid-template-columns:4fr 3fr 3fr 2fr;gap:48px;padding:80px 0 56px}
.alt .logo b{color:#fff}
.alt .logo small{color:var(--gri-2)}
.alt .logo-im{background:#fff}.alt .logo-im svg{color:var(--murekkep)}
.alt-tanit{margin:24px 0;max-width:36ch}
.alt h4{font:700 12px/1 var(--f);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:22px}
.alt ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.alt li{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.alt li .ik{width:18px;height:18px;color:var(--sinyal);margin-top:2px}
.alt a:hover{color:#fff}
.saatler li{justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--gece-cizgi)}
.saatler b{color:#fff}
.sosyal{display:flex;gap:8px}
.sosyal a{width:44px;height:44px;border:1px solid var(--gece-cizgi);display:grid;place-items:center;transition:background .15s,color .15s}
.sosyal a:hover{background:var(--sinyal);color:var(--murekkep);border-color:var(--sinyal)}
.sosyal .ik{width:18px;height:18px}
.alt-alt{border-top:1px solid var(--gece-cizgi);padding:24px 0 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;font-size:13px;color:var(--gri-2)}
.alt-alt ul{display:flex;flex-wrap:wrap;gap:8px 24px}
.demo-not{flex-basis:100%}

/* İç sayfa */
.sayfa-bas{background:var(--beyaz);border-bottom:1px solid var(--cizgi);padding:40px 0 64px}
.iz{display:flex;flex-wrap:wrap;gap:8px;align-items:center;list-style:none;margin:0 0 48px;padding:0;font-size:14px;color:var(--gri)}
.iz li{display:flex;align-items:center;gap:8px}
.iz li+li::before{content:"/";color:var(--cizgi-2)}
.iz a:hover{color:var(--murekkep);text-decoration:underline}
.sayfa-bas .izgara{align-items:end}
.sayfa-bas h1{grid-column:1/span 7;font-size:clamp(52px,6.4vw,104px);letter-spacing:-.05em;line-height:.92}
.sayfa-bas p{grid-column:9/span 4;color:var(--gri);margin:0;font-size:17px}
.kural-izgara{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--murekkep)}
.kural{padding:28px 24px 28px 0;border-bottom:1px solid var(--cizgi-2)}
.kural:not(:nth-child(3n+1)){padding-left:24px;border-left:1px solid var(--cizgi-2)}
.kural .ik{width:24px;height:24px;margin-bottom:16px}
.kural b{display:block;font-size:17px;margin-bottom:8px}
.kural p{margin:0;font-size:14px;color:var(--gri);line-height:1.55}
.ilet-izgara{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--murekkep);background:var(--beyaz)}
.i-kart{padding:28px 24px;display:flex;flex-direction:column;gap:8px;transition:background .15s}
.i-kart+.i-kart{border-left:1px solid var(--cizgi)}
a.i-kart:hover{background:var(--sinyal)}
.i-kart .ik{width:26px;height:26px;margin-bottom:16px}
.i-kart small{font:700 11px/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--gri)}
.i-kart b{font-size:20px;letter-spacing:-.02em;word-break:break-word}
.i-kart span{font-size:14px;color:var(--gri)}

/* Form */
.form-izgara{display:grid;grid-template-columns:4fr 8fr;gap:48px;align-items:start}
.form-sol h2{font-size:clamp(32px,3.4vw,48px);margin:20px 0 20px}
.form-sol p{color:var(--gri)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;background:var(--beyaz);border:2px solid var(--murekkep);padding:40px}
.alan{display:grid;gap:8px;align-content:start}
.alan.tam{grid-column:1/-1}
.alan label{font-weight:700;font-size:14px}
.alan label i{font-style:normal;font-weight:400;color:var(--gri-2);font-size:13px}
.alan input,.alan select,.alan textarea{width:100%;min-height:52px;border:1px solid var(--cizgi-2);background:var(--kagit);padding:12px 14px;transition:border-color .15s,background .15s}
.alan textarea{min-height:128px;resize:vertical}
.alan input:hover,.alan select:hover,.alan textarea:hover{border-color:var(--gri)}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-color:var(--murekkep);background:var(--beyaz);box-shadow:inset 0 -3px 0 var(--sinyal)}
.alan .yardim{font-size:13px;color:var(--gri-2);line-height:1.5}
.alan .hata{font-size:13px;color:#B42318;font-weight:600}
.alan.hatali input,.alan.hatali select,.alan.hatali textarea{border-color:#B42318;background:#FFF5F4}
.onay{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--gri);line-height:1.5}
.onay input{width:20px;height:20px;margin-top:1px;accent-color:var(--murekkep);flex:none}
.onay a{text-decoration:underline}
.onay.hatali{color:#B42318}
.form-alt{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.form-alt small{color:var(--gri-2);font-size:13px;max-width:46ch}
.sonuc{grid-column:1/-1;display:none;gap:12px;align-items:flex-start;padding:18px;background:var(--sinyal-acik);border-left:4px solid var(--sinyal)}
.sonuc.goster{display:flex}

/* Hareket */
.js .belir{opacity:0;transform:translateY(16px);transition:opacity .6s var(--hiz),transform .6s var(--hiz)}
.js .belir.gor{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.js .belir{opacity:1;transform:none}}

/* 1024 */
@media (max-width:1280px){
  .nav a{padding:0 12px;font-size:14px}
  .nav .no{display:none}
}
@media (max-width:1180px){
  :root{--kenar:32px;--bos:100px}
  .ust ul:first-child li:nth-child(3),.ust ul:last-child li:nth-child(2){display:none}
  .tablo-bas,.oda{grid-template-columns:160px minmax(0,2fr) .7fr .7fr 1fr 130px}
  .tablo-bas>:nth-child(5),.oda>ul{display:none}
  .planla{grid-template-columns:1fr 1fr;gap:32px}
  .aylar{grid-template-columns:1fr}.ay+.ay{display:none}
  .hiz-izgara{grid-template-columns:repeat(2,1fr)}
  .alt-ust{grid-template-columns:1fr 1fr}
  .serit form{grid-template-columns:1fr 1fr .8fr 1.2fr auto}
}
@media (max-width:1100px){
  .bas .nav,.bas-sag .dug-sinyal{display:none}
  .menu-dug{display:grid}
  .bas .kap{min-height:68px}
  .mob-menu{display:block;position:fixed;inset:108px 0 0;background:var(--beyaz);z-index:49;padding:8px var(--kenar) 120px;overflow:auto;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}
  .bas.kaydi .mob-menu,.mob-menu{top:var(--mt,108px)}
  .mob-menu.acik{visibility:visible;opacity:1}
  .mob-menu ul{list-style:none;margin:0;padding:0}
  .mob-menu li a{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--cizgi);font-size:24px;font-weight:700;letter-spacing:-.02em}
  .mob-menu li a .no{font-size:12px}
  .mob-menu .mob-ilet{display:grid;gap:12px;margin-top:28px;color:var(--gri)}
  .mob-menu .mob-ilet a{display:flex;gap:10px;align-items:center}
  .mob-cubuk{display:grid;grid-template-columns:1fr 1fr 1.4fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--gece);border-top:1px solid var(--gece-cizgi);padding-bottom:env(safe-area-inset-bottom)}
  .mob-cubuk a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px;color:#fff;font-size:12px;font-weight:600}
  .mob-cubuk a+a{border-left:1px solid var(--gece-cizgi)}
  .mob-cubuk a:last-child{background:var(--sinyal);color:var(--murekkep);flex-direction:row;font-size:15px;font-weight:700;gap:8px}
  .mob-cubuk .ik{width:20px;height:20px}
  body{padding-bottom:64px}
}
@media (max-width:900px){
  :root{--kenar:24px;--bos:80px}
  .ust ul:first-child li:nth-child(n+2){display:none}
  .kapak .izgara{min-height:0;max-height:none}
  .kapak-metin{grid-column:1/-1;padding:48px 0 40px}
  .kapak-gorsel{grid-column:1/-1;margin:0 calc(var(--kenar)*-1);aspect-ratio:4/3}
  .serit{position:relative;bottom:auto;margin-top:-56px;padding-bottom:48px}
  .serit form{grid-template-columns:1fr 1fr;box-shadow:8px 8px 0 var(--sinyal)}
  .serit .alan-s{border-bottom:1px solid var(--cizgi)}
  .serit .alan-s:nth-child(2n){border-right:0}
  .serit .dug{grid-column:1/-1;min-height:60px}
  .bolum-bas>div,.bolum-bas p{grid-column:1/-1}
  .bolum-bas p{margin-top:20px}
  .bilgi-serit .kap{grid-template-columns:1fr 1fr}
  .bilgi-serit div:nth-child(3){border-left:0;padding-left:0}
  .bilgi-serit div:nth-child(n+3){border-top:1px solid var(--gece-cizgi)}
  .tablo-bas{display:none}
  .oda{grid-template-columns:140px 1fr;grid-template-areas:"f t" "p d";gap:16px 20px;padding:20px 0}
  .oda-foto{grid-area:f}.oda-ad{grid-area:t}.oda>.deger{display:none}.oda .fiyat{grid-area:p}.oda .dug-alan{grid-area:d}
  .olcu-m{display:flex!important}
  .is-foto,.is-metin{grid-column:1/-1}
  .is-foto{min-height:0;aspect-ratio:16/10;margin-bottom:48px}
  .planla{grid-template-columns:1fr}
  .bilet{position:relative;top:0}
  .konum-izgara{grid-template-columns:1fr}
  .konum-foto{min-height:0;aspect-ratio:16/9}
  .sss-izgara{grid-template-columns:1fr}
  .cta-bant .kap{flex-direction:column;align-items:flex-start}
  .sayfa-bas h1,.sayfa-bas p{grid-column:1/-1}
  .sayfa-bas p{margin-top:24px}
  .kural-izgara{grid-template-columns:1fr 1fr}
  .kural:not(:nth-child(3n+1)){padding-left:0;border-left:0}
  .kural:nth-child(even){padding-left:24px;border-left:1px solid var(--cizgi-2)}
  .ilet-izgara{grid-template-columns:1fr 1fr}
  .i-kart:nth-child(3){border-left:0}
  .i-kart:nth-child(n+3){border-top:1px solid var(--cizgi)}
  .form-izgara{grid-template-columns:1fr}
}
@media (max-width:600px){
  :root{--kenar:20px;--bos:64px}
  .ust{font-size:12px}
  .ust ul:last-child li:not(:first-child){display:none}
  .logo b{font-size:18px}.logo-im{width:36px;height:36px}
  .kapak h1{font-size:46px}
  .kapak-alt{font-size:17px}
  .kapak-gorsel{aspect-ratio:1/1}
  .pano{left:16px;top:16px;min-width:0;padding:14px 16px;width:220px}
  .pano-satir:nth-child(4){display:none}
  .pano .flap span{width:18px;height:24px;font-size:14px}
  .serit form{grid-template-columns:1fr}
  .serit .alan-s{border-right:0}
  .bilgi-serit div{padding:20px 0 20px 16px;gap:12px}
  .bilgi-serit div:nth-child(odd){padding-left:0}
  .bilgi-serit .ik{width:22px;height:22px}
  .bilgi-serit b{font-size:18px}
  .filtre .sonuc-say{margin-left:0;flex-basis:100%}
  .oda{grid-template-columns:104px 1fr}
  .oda h3{font-size:19px}
  .is-liste{grid-template-columns:1fr}
  .is-liste li:nth-child(even){padding-left:0;border-left:0}
  .ay{padding:16px 12px 20px}
  .takvim-alt{grid-template-columns:1fr}
  .takvim-alt>div+div{border-left:0;border-top:1px solid var(--cizgi)}
  .rota b{font-size:26px}
  .toplam b{font-size:30px}
  .bilet-form .iki{grid-template-columns:1fr}
  .bilet-eylem{grid-template-columns:1fr}
  .tp-bas{display:none}
  .tp-satir{grid-template-columns:32px 1fr auto;padding:12px 16px}
  .tp-satir>span:not(.flap){display:none}
  .hiz-izgara{grid-template-columns:1fr 1fr}
  .hiz{padding:20px 16px 24px}
  .piktogram{width:44px;height:44px;margin-bottom:18px}
  .hiz h3{font-size:16px}
  .hiz p{font-size:13px}
  .cta-bant .dug{width:100%}
  .cta-bant div{width:100%}
  .alt-ust{grid-template-columns:1fr;gap:40px;padding:64px 0 40px}
  .sayfa-bas h1{font-size:54px}
  .kural-izgara{grid-template-columns:1fr}
  .kural:nth-child(even){padding-left:0;border-left:0}
  .ilet-izgara{grid-template-columns:1fr}
  .i-kart+.i-kart{border-left:0;border-top:1px solid var(--cizgi)}
  .form{grid-template-columns:1fr;padding:24px 20px}
  .form-alt .dug{width:100%}
}
.oda.secili{background:var(--sinyal-acik);box-shadow:inset 4px 0 0 var(--sinyal)}
.oda.secili .dug{background:var(--murekkep);color:#fff}

/* --- Üretim teması ekleri (DijiCore bağlama) --- */
.logo-im{color:#fff;font:800 20px/1 var(--f)}
.alt .logo-im{color:var(--murekkep)}
.logo-img{display:block;max-height:44px;width:auto}
.alt .logo-img{max-height:52px}
.ust .ik{width:15px;height:15px}
.etk{font:700 11px/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--gri)}
.bilet-im{display:inline-grid;place-items:center;width:20px;height:20px;background:var(--murekkep);color:var(--sinyal);font:800 12px/1 var(--f);letter-spacing:0}
.barkod{color:#fff}
.bilet-durum{min-height:1.4em;font-size:13px;color:var(--gri-2);margin:0 0 4px}
.bilet-durum.tamam{color:var(--sinyal)}
.bilet-durum.uyari{color:#FF9A8E}
.bilet-hata{padding:12px 14px;margin-bottom:12px;border:1px solid #FF7A6B;color:#FFB4AB;font-size:13px}
.bilet-hata p{margin:0}
.bilet-hata p+p{margin-top:4px}
.b-onay{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;color:#B9BDC3;margin-top:4px}
.b-onay input{width:18px;height:18px;margin-top:1px;accent-color:var(--sinyal);flex:none}
.b-onay a{text-decoration:underline;color:#fff}
.b-onay.hatali{color:#FF9A8E}
.tarih-yedek{display:grid;gap:10px}
.js .tarih-yedek{display:none}
.bilet-form input[type=date],.bilet-form input[type=number]{color-scheme:dark}
.tp-bas .sag{text-align:right}
.sss-cevap{color:var(--gri);margin:-4px 0 24px;max-width:60ch}
.sss-cevap p{margin:0 0 .8em;color:inherit}
.bolum-dug{margin:40px 0 0}
.harita-dug{margin-top:24px}
.form-hata{grid-column:1/-1;padding:14px 16px;border-left:4px solid #B42318;background:#FFF5F4;color:#B42318;font-weight:600;font-size:14px}
.i-kart .bag,.form-sol .bag{text-decoration:underline;text-underline-offset:3px}
.i-kart b.kir{font-size:18px;overflow-wrap:anywhere}
.bos-durum{color:var(--gri);font-size:17px}
.alt-alt .imza{flex-basis:100%}
.oda h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.ilet-bolum{padding-bottom:0}