/* Tuzhane v5 — "günün saati". Saf beyaz + derin deniz #0D3B4F + kiremit #C8643B + soğuk sis #E6EEF1.
   Petrona (display) + Outfit (metin). İmza: ufuk çizgisi ve üstünde yürüyen güneş noktası. */
@font-face{font-family:'Petrona';src:url(font/petrona-latin.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Petrona';src:url(font/petrona-latin-ext.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Outfit';src:url(font/outfit-latin.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Outfit';src:url(font/outfit-latin-ext.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20B9,U+20BB-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Outfit';src:url(font/lira-ls.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+20BA}

:root{
  --w:#fff; --fog:#E6EEF1; --fog2:#F2F6F8; --fog3:#D6E2E7; --line:#DCE5E9; --line2:#BFCFD7;
  --sea:#0D3B4F; --sea2:#124A61; --sea3:#082A39; --seam:#2D6B83; --seat:#86A8B6;
  --tile:#C8643B; --tile2:#AE5129; --tilel:#F7E6DD;
  --ink:#0E1F28; --ink2:#3D5460; --ink3:#698190;
  --disp:'Petrona',Georgia,'Times New Roman',serif; --sans:'Outfit','Segoe UI',system-ui,sans-serif;
  --r:3px; --rc:8px;
  --e1:0 1px 2px rgba(13,59,79,.06),0 4px 14px -6px rgba(13,59,79,.14);
  --e2:0 2px 4px rgba(13,59,79,.05),0 22px 44px -18px rgba(13,59,79,.26);
  --e3:0 40px 80px -24px rgba(13,59,79,.34),0 16px 32px -16px rgba(0,0,0,.20);
  --wrap:1360px; --gut:clamp(16px,3.4vw,48px); --hdh:72px;
  --ui-vurgu:var(--tile); --ui-yaricap:3px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--w);color:var(--ink);font:400 17.5px/1.62 var(--sans);font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
button:disabled{cursor:default}
h1,h2,h3,h4{font-family:var(--disp);font-weight:400;line-height:1.04;margin:0;letter-spacing:-.018em;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
dl,dd,figure{margin:0}
address{font-style:normal}
main:focus{outline:none}
:focus-visible{outline:2px solid var(--tile);outline-offset:2px}
::selection{background:var(--fog3);color:var(--ink)}
.wrap{width:100%;max-width:calc(var(--wrap) + var(--gut) * 2);margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:300;background:var(--sea);color:#fff;padding:10px 16px;border-radius:var(--r)}
.skip:focus{top:12px}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.num{font-variant-numeric:lining-nums tabular-nums}

/* ───────── düğmeler, bağlantılar, etiketler, düz sekmeler ───────── */
.btn{--bg:var(--sea);--fg:#fff;--bd:var(--sea);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:var(--r);background:var(--bg);color:var(--fg);border:1px solid var(--bd);font:500 16px/1 var(--sans);letter-spacing:.005em;white-space:nowrap;transition:transform .18s cubic-bezier(.3,.7,.3,1),box-shadow .2s,color .2s,border-color .2s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sea3);transform:scaleX(0);transform-origin:0 50%;transition:transform .32s cubic-bezier(.6,0,.2,1)}
.btn:hover::before{transform:scaleX(1)}
.btn .ic{width:18px;height:18px;transition:transform .25s}
.btn:hover .ic:last-child{transform:translateX(3px)}
.btn:active{transform:scale(.975)}
.btn:disabled{opacity:.55}
.btn-tile{--bg:var(--tile);--bd:var(--tile);box-shadow:0 10px 24px -14px rgba(174,81,41,.8)}
.btn-tile::before{background:var(--tile2)}
.btn-line{--bg:transparent;--fg:var(--ink);--bd:var(--line2)}
.btn-line::before{background:var(--fog)}
.btn-line:hover{border-color:var(--sea)}
.btn-sm{min-height:40px;padding:0 16px;font-size:15px}
.lnk{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--ink);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:3px;transition:background-size .3s cubic-bezier(.6,0,.2,1),color .15s}
.lnk .ic{width:17px;height:17px;transition:transform .25s}
.lnk:hover{color:var(--tile2);background-size:0 1px;background-position:100% 100%}
.lnk:hover .ic{transform:translateX(3px)}
.lnk--light{color:#fff}.lnk--light:hover{color:#F3C3A9}
.tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:2px;font:500 12.5px/1 var(--sans);letter-spacing:.01em;background:var(--fog);color:var(--sea);white-space:nowrap}
.tag .ic{width:14px;height:14px}
.tag--sea{background:var(--sea);color:#fff}
.tag--ok{background:#E3EFEA;color:#1F5A47}
.tag--few{background:var(--tilel);color:var(--tile2)}
.tag--no{background:var(--fog2);color:var(--ink3);text-decoration:line-through}
.tag i{width:6px;height:6px;border-radius:50%;background:currentColor}
.tabs-flat{position:relative;display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs-flat::-webkit-scrollbar{display:none}
.tabs-flat button{position:relative;padding:12px 14px 13px;font-size:15.5px;font-weight:500;color:var(--ink3);white-space:nowrap;transition:color .15s}
.tabs-flat button:hover,.tabs-flat button[aria-selected="true"]{color:var(--ink)}
.tabs-ind{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--tile);transition:transform .32s cubic-bezier(.3,.7,.2,1),width .32s cubic-bezier(.3,.7,.2,1)}

/* ───────── başlık: ufuk çizgisi = günün ilerleyişi ───────── */
.hd{position:fixed;top:0;left:0;right:0;z-index:80;background:#fff;color:var(--ink);transition:background .25s,color .25s,box-shadow .25s}
.hd-in{display:flex;align-items:center;gap:clamp(18px,2.6vw,44px);height:var(--hdh);max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:0 var(--gut);transition:height .25s}
.hd-logo{display:flex;flex-direction:column;gap:5px;color:inherit;flex:none}
.hd-logo .logo{width:150px;height:auto;transition:width .25s}
.hd-logo .logo g{stroke-width:1.9}
.hd-nav{display:flex;align-items:center;gap:4px;margin-right:auto}
.hd-nav>a,.hd-mega{position:relative;display:flex;align-items:center;gap:6px;height:44px;padding:0 13px;font-size:16px;font-weight:450;color:inherit;border-radius:var(--r)}
.hd-nav>a span,.hd-mega span{position:relative}
.hd-nav>a span::after,.hd-mega span::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .28s cubic-bezier(.6,0,.2,1)}
.hd-nav>a:hover span::after,.hd-mega:hover span::after,.hd-nav>a[aria-current] span::after,.hd-mega.on span::after,.hd-mega[aria-expanded="true"] span::after{transform:scaleX(1);transform-origin:0 50%}
.hd-mega .ic{width:15px;height:15px;transition:transform .15s}
.hd-mega[aria-expanded="true"] .ic{transform:rotate(180deg)}
.hd-r{display:flex;align-items:center;gap:18px;flex:none}
.hd-cta{min-height:44px;padding:0 20px}
.hd-menu{display:flex;align-items:center;gap:10px;height:44px;padding:0 4px 0 10px;font-size:15.5px;font-weight:500}
.hd-menu-l{display:flex;flex-direction:column;gap:6px;width:22px}
.hd-menu-l i{height:1.6px;background:currentColor;transition:transform .15s}
.hd-menu-l i:last-child{width:70%;margin-left:auto}
.hd-menu:hover .hd-menu-l i:last-child{width:100%}
.hd.is-scrolled{box-shadow:0 10px 30px -22px rgba(13,59,79,.5)}
.hd.is-scrolled .hd-in{height:62px}
.hd.is-scrolled .hd-logo .logo{width:126px}
/* mega menü */
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--ink);border-top:1px solid var(--line);box-shadow:0 40px 60px -40px rgba(13,59,79,.45)}
.mega:not([hidden]){animation:mg .14s ease-out}
@keyframes mg{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mega-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,3vw,56px);max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:26px var(--gut) 30px}
.mega-h{font:400 15px/1 var(--sans);color:var(--ink3);margin-bottom:12px}
.mega-rooms{display:flex;flex-direction:column}
.mega-rooms a{display:grid;grid-template-columns:72px minmax(0,1fr) 34px 150px 116px;gap:16px;align-items:center;padding:9px 10px;border-radius:4px;transition:background .12s}
.mega-rooms li+li a{box-shadow:0 -1px 0 var(--line)}
.mega-rooms a:hover,.mega-rooms a:focus-visible,.mega-rooms a.on{background:var(--fog2)}
.mega-th img{width:72px;height:52px;object-fit:cover;border-radius:3px}
.mega-n{font:400 21px/1.1 var(--disp);letter-spacing:-.01em}
.mega-n small,.mega-v small,.mega-p small{display:block;font:400 13px/1.3 var(--sans);color:var(--ink3);letter-spacing:0;margin-top:3px}
.mega-v{font-size:14.5px;font-weight:500}
.mega-p{font-size:15px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.mega-p small{display:block}
.mega-cn{width:34px;height:34px}
.mega-links{display:flex;gap:28px;margin-top:18px;padding-left:10px}
.mega-r{position:relative;display:flex;flex-direction:column;gap:12px}
.mega-pv{position:absolute;inset:0 0 52px;margin:0;border-radius:6px;overflow:hidden;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:var(--e2)}
.mega-pv.on{opacity:1;position:relative;inset:auto;flex:1;min-height:340px;pointer-events:auto}
.mega-pv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mega-pv figcaption{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#fff;border-radius:5px;box-shadow:var(--e2)}
.mega-pv b{font:400 24px/1.05 var(--disp)}
.mega-pv span{font-size:14.5px;color:var(--ink2);line-height:1.45}
.mega-pv em{display:flex;align-items:center;gap:8px;font-style:normal;font-size:13.5px;font-weight:500;color:var(--sea)}
.mega-pv em .ic{width:16px;height:16px;color:var(--tile)}
.mega-live{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink2)}
.mega-live .ic{color:var(--tile)}
.mega-live b{color:var(--ink);font-weight:500}
/* pencere pusulası */
.pus .cn-r{fill:none;stroke:currentColor;stroke-width:1;opacity:.35}
.pus .cn-t{stroke:currentColor;stroke-width:1;opacity:.45}
.pus .cn-c{fill:var(--tile);fill-opacity:.82;stroke:none}
.pus .cn-d{fill:currentColor}
/* menü çekmecesi */
.mnav{position:fixed;inset:0 0 0 auto;margin:0;width:min(520px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;background:#fff;color:var(--ink);overflow:auto;box-shadow:-30px 0 80px -30px rgba(13,59,79,.45)}
.mnav[open]{display:flex;flex-direction:column;animation:dr .15s ease-out}
@keyframes dr{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
.mnav::backdrop{background:rgba(8,42,57,.42)}
.mnav-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}
.mnav-top .logo{width:132px}
.mnav-x{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r)}
.mnav-x:hover{border-color:var(--sea)}
.mnav-now{position:relative;margin:0 24px;height:150px;border-radius:6px;overflow:hidden}
.mnav-now img{width:100%;height:100%;object-fit:cover;filter:var(--now-f,none)}
.mnav-now figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 12px;background:linear-gradient(transparent,rgba(8,42,57,.7));color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;font-size:13.5px}
.mnav-now figcaption>b{font:400 22px/1 var(--disp)}
.mnav-now span b{font-weight:500}
.mnav-l{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;padding:26px 24px 10px}
.mnav-g{display:flex;flex-direction:column}
.mnav-g:first-child{grid-column:1/-1}
.mnav-g p{font-size:13px;color:var(--ink3);margin-bottom:6px}
.mnav-g a{font:400 26px/1.25 var(--disp);letter-spacing:-.01em;padding:3px 0;transition:color .12s}
.mnav-g:first-child{flex-direction:row;flex-wrap:wrap;gap:0 22px;align-items:baseline}
.mnav-g:first-child p{width:100%}
.mnav-g:first-child a{font-size:32px}
.mnav-g a:hover,.mnav-g a[aria-current]{color:var(--tile2)}
.mnav-rooms{display:flex;gap:10px;overflow-x:auto;padding:14px 24px 6px;scrollbar-width:none}
.mnav-rooms::-webkit-scrollbar{display:none}
.mnav-rooms a{flex:none;width:140px;display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;line-height:1.25}
.mnav-rooms img{width:140px;height:96px;object-fit:cover;border-radius:4px}
.mnav-rooms small{display:block;font-weight:400;color:var(--ink3);font-size:12.5px}
.mnav-foot{margin-top:auto;padding:18px 24px 26px;display:flex;flex-direction:column;gap:12px}
.mnav-foot .btn{width:100%}
.mnav-foot p{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px;color:var(--ink2)}

/* ───────── rezervasyon paneli + takvim ───────── */
.bb{position:relative;display:flex;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:var(--rc)}
.bb-fs{display:flex;flex:1;min-width:0}
.bb-f{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:12px 18px;text-align:left;position:relative;transition:background .15s}
.bb-f>.ic{color:var(--tile);width:21px;height:21px}
.bb-f:hover,.bb-f[aria-expanded="true"]{background:var(--fog2)}
.bb-f[aria-expanded="true"]{box-shadow:inset 0 -2px 0 var(--tile)}
.bb-l{display:flex;flex-direction:column;min-width:0}
.bb-l small{font-size:12.5px;color:var(--ink3);line-height:1.25}
.bb-l span{font-size:16.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;font-variant-numeric:tabular-nums}
.bb-go{margin:8px;min-height:auto}
.bb-pop{position:absolute;top:calc(100% + 8px);z-index:60;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--rc);box-shadow:var(--e3);padding:22px}
.bb-pop:not([hidden]){animation:mg .12s ease-out}
.bb-pop--cal{left:0;width:min(700px,calc(100vw - 32px))}
.bb-pop--g{left:30%;width:340px}
.bb-pop--r{left:auto;right:0;width:420px;padding:8px;max-height:440px;overflow:auto}
.bb--up .bb-pop{top:auto;bottom:calc(100% + 10px)}
.bb--up .bb-pop--cal{left:auto;right:0}
.bb-pfoot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);flex-wrap:wrap}
.bb-note{font-size:14px;color:var(--ink2)}
.bb-gnote{font-size:13.5px;color:var(--ink3);margin:12px 0 14px}
.bb-ro{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;width:100%;padding:8px;text-align:left;border-radius:4px;transition:background .12s}
.bb-ro:hover,.bb-ro:focus-visible{background:var(--fog2)}
.bb-ro.on{background:var(--fog)}
.bb-ro img,.bb-ri{width:56px;height:42px;object-fit:cover;border-radius:3px}
.bb-ri{display:grid;place-items:center;background:var(--fog);color:var(--sea)}
.bb-ro b{display:block;font:400 18px/1.15 var(--disp)}
.bb-ro small{display:block;font-size:13px;color:var(--ink3)}
.bb-ro em{font-style:normal;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
.step{display:grid;grid-template-columns:1fr 40px 42px 40px;align-items:center;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}
.step span{font-weight:500;font-size:16.5px;line-height:1.25}
.step small{display:block;font-weight:400;font-size:13px;color:var(--ink3)}
.step button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:var(--r);transition:border-color .12s,background .12s,transform .12s}
.step button:hover:not(:disabled){border-color:var(--sea);background:var(--fog2)}
.step button:active:not(:disabled){transform:scale(.94)}
.step button:disabled{opacity:.3}
.step button .ic{width:16px;height:16px}
.step output{text-align:center;font-size:19px;font-weight:500;font-variant-numeric:tabular-nums}
.cal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;position:relative}
.cal-m h3{font:400 20px/1 var(--disp);text-align:center;margin:8px 0 14px}
.cal-w,.cal-d{display:grid;grid-template-columns:repeat(7,1fr)}
.cal-w span{font-size:12.5px;color:var(--ink3);text-align:center;padding-bottom:6px}
.cal-d button,.cal-d span{position:relative;height:42px;font:500 15px/42px var(--sans);text-align:center;font-variant-numeric:tabular-nums}
.cal-d button{border-radius:3px;transition:background .1s}
.cal-d button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--sea)}
.cal-d button:disabled{color:#B5C3C9;font-weight:400;cursor:default}
.cal-d .off{color:#BCC8CD;font-weight:400}
.cal-d .full{color:#9FB0B8;text-decoration:line-through;font-weight:400}
.cal-d .few::after{content:"";position:absolute;left:50%;bottom:6px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--tile)}
.cal-d .rng{background:var(--fog);border-radius:0}
.cal-d .s,.cal-d .e{background:var(--sea);color:#fff}
.cal-d .s{border-radius:4px 0 0 4px}.cal-d .e{border-radius:0 4px 4px 0}
.cal-d .s.few::after,.cal-d .e.few::after{background:#fff}
.cal-nav{position:absolute;top:0;display:flex;justify-content:space-between;left:-4px;right:-4px;pointer-events:none}
.cal-nav button{pointer-events:auto;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.cal-nav button:hover:not(:disabled){border-color:var(--sea)}
.cal-nav button:disabled{opacity:.3}
.cal-key{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--ink2)}
.cal-key li{display:flex;align-items:center;gap:7px}
.cal-key i{display:inline-block;width:14px;height:14px;border-radius:2px;position:relative}
.k-sel{background:var(--sea)}
.k-few{border:1px solid var(--line2)}
.k-few::after{content:"";position:absolute;left:4px;top:4px;width:4px;height:4px;border-radius:50%;background:var(--tile)}
.k-full{border:1px solid var(--line2);background:linear-gradient(135deg,transparent 45%,#9FB0B8 45% 55%,transparent 55%)}
.k-off{background:var(--fog)}

.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink2);cursor:pointer;margin-top:12px}
.chk input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--tile)}
.chk a{text-decoration:underline;text-underline-offset:2px}
.chk--light{color:rgba(255,255,255,.8)}
.form-msg{font-size:14px;margin-top:8px;min-height:1px}
.form-msg.ok{color:#1F7A55}
/* ───────── form ───────── */
.form{display:flex;flex-direction:column;gap:18px;background:#fff;border-radius:var(--rc);padding:clamp(22px,3vw,36px);box-shadow:var(--e2);border:1px solid var(--line)}
.form h2{font-size:clamp(30px,3vw,42px);font-weight:300}
.form-intro{color:var(--ink2);font-size:16px;margin-top:-6px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.fld{display:flex;flex-direction:column;gap:7px;position:relative;min-width:0}
.fld--full{grid-column:1/-1}
.fld-l{font-size:14px;font-weight:500;color:var(--ink2)}
.fld-l i{font-style:normal;font-weight:400;color:var(--ink3)}
.fld-c{width:100%;min-height:52px;padding:0 15px;border:1px solid var(--line2);border-radius:var(--r);background:#fff;font:inherit;font-size:16.5px;color:var(--ink);transition:border-color .15s,box-shadow .15s;outline:none}
textarea.fld-c{padding:13px 15px;min-height:120px;resize:vertical;line-height:1.5}
.fld-c:hover{border-color:var(--seat)}
.fld-c:focus,.fld-c[aria-expanded="true"]{border-color:var(--sea);box-shadow:0 0 0 3px rgba(13,59,79,.12)}
.fld.err .fld-c{border-color:#B4432A;box-shadow:0 0 0 3px rgba(180,67,42,.1)}
.fld-err{font-style:normal;font-size:13.5px;color:#A63A22;min-height:0}
.fld-err:empty{display:none}
.fld-dbtn{display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}
.fld-dbtn .ic{color:var(--tile)}
.fld-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:40;background:#fff;border:1px solid var(--line);border-radius:var(--rc);box-shadow:var(--e3);padding:14px;min-width:320px}
.chk-err{font-style:normal;font-size:13.5px;color:#A63A22}
.form-a{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.demo-note{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--ink3);line-height:1.45}
.demo-note .ic{width:17px;height:17px;margin-top:1px}

/* ───────── oda kartı (odalar, benzer odalar) ───────── */
.rc{display:flex;flex-direction:column;background:#fff;border-radius:var(--rc);overflow:hidden;box-shadow:var(--e1);border:1px solid var(--line);transition:box-shadow .25s,transform .25s}
.rc:hover{box-shadow:var(--e2);transform:translateY(-2px)}
.rc-ph{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--fog)}
.rc-imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.rc-imgs img.on{opacity:1}
.rc-tag{position:absolute;left:12px;top:12px;background:#fff}
.rc-nav{position:absolute;top:50%;width:38px;height:38px;margin-top:-19px;display:grid;place-items:center;background:#fff;border-radius:var(--r);opacity:0;transition:opacity .15s;box-shadow:var(--e1)}
.rc-nav .ic{width:16px;height:16px}
.rc-prev{left:10px}.rc-next{right:10px}
.rc-ph:hover .rc-nav,.rc-nav:focus-visible{opacity:1}
.rc-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px}
.rc-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55)}
.rc-dots i.on{background:#fff}
.rc-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.rc-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.rc-h h3{font-size:27px}
.rc-h a:hover{color:var(--tile2)}
.rc-cn{width:36px;height:36px;color:var(--sea);flex:none}
.rc-v{font-size:14.5px;color:var(--ink3)}
.rc-l{display:none}
.rc--full .rc-l,.rc--w4 .rc-l{display:block;font:300 21px/1.4 var(--disp);color:var(--sea);margin:6px 0 4px;max-width:520px}
.rc-f{display:flex;flex-wrap:wrap;gap:4px 0;font-size:14.5px;font-weight:500}
.rc-f li+li::before{content:"·";margin:0 8px;color:var(--ink3)}
.rc-p{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.rc-p b{font:400 26px/1 var(--disp);font-variant-numeric:tabular-nums}
.rc-p small{font-size:13px;color:var(--ink3)}

/* ═════════ v5.1 iskelet: H1 saydam başlık · K1 tam ekran sahne · A7 dikey zaman çizgisi · F8 konum kartları ═════════ */
/* başlık: her sayfada sahnenin üstünde saydam, kaydırınca beyaz */
.hd-nav{margin:0 auto}
.hd-cta{display:inline-flex;align-items:center;height:42px;padding:0 18px;border:1px solid currentColor;border-radius:var(--r);font-size:15px;font-weight:500;transition:background .2s,color .2s,border-color .2s}
.hd-cta:hover{background:#fff;color:var(--sea);border-color:#fff}
.hd.is-scrolled .hd-cta,.hd.is-open .hd-cta{background:var(--sea);border-color:var(--sea);color:#fff}
.hd.is-scrolled .hd-cta:hover,.hd.is-open .hd-cta:hover{background:var(--sea3)}
.hd-menu{width:44px;justify-content:center;padding:0}
.hd:not(.is-scrolled):not(.is-open){background:transparent;color:#fff}
.hd:not(.is-scrolled):not(.is-open) .hd-in{height:84px}
.hd:not(.is-scrolled):not(.is-open) .hd-logo .logo{width:142px}
.hd.is-scrolled{box-shadow:0 1px 0 var(--line),0 12px 30px -24px rgba(13,59,79,.45)}

/* ───────── K1: günün saati sahnesi ekranı kaplar ───────── */
.sc{position:relative;height:100vh;height:100svh;min-height:680px;max-height:1120px;color:#fff;background:var(--sea);overflow:hidden;container-type:size;isolation:isolate}
.sc-view{position:absolute;inset:0;overflow:hidden;z-index:0}
.sc-stage{position:absolute;left:50%;top:50%;width:max(100cqw,177.78cqh);aspect-ratio:16/9;transform:translate(-50%,-50%)}
.sc-img,.sc-gl{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-img{filter:var(--sc-f,none)}
.sc-gl{opacity:0;transition:opacity .5s}
.sc-stage::after{content:"";position:absolute;z-index:1;inset:0 0 54.8% 0;background:linear-gradient(var(--sct,transparent),var(--sch,transparent));opacity:var(--scm,0);mix-blend-mode:color;pointer-events:none;transition:opacity .5s;-webkit-mask:url(foto/koy-gok.png) 0 0/100% 221% no-repeat;mask:url(foto/koy-gok.png) 0 0/100% 221% no-repeat}
.sc.gl-on .sc-stage::after{opacity:0}
.sc.gl-on .sc-gl{opacity:1}
/* logotip: ölçülü, adacığın arkasından ufka batar */
.sc-word{position:absolute;inset:0;z-index:2;-webkit-mask:url(foto/koy-gok.png) 0 0/100% 100% no-repeat;mask:url(foto/koy-gok.png) 0 0/100% 100% no-repeat;pointer-events:none}
.sc-logo{position:absolute;left:58.5%;width:25%;top:39.3%;height:auto;color:var(--wm,rgba(13,59,79,.86));transition:color .2s}
.sc-logo g{stroke-width:1.5}
.sc-veil{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(180deg,rgba(8,42,57,.34) 0,rgba(8,42,57,0) 140px),
  linear-gradient(0deg,rgba(8,42,57,.72) 0,rgba(8,42,57,.4) 250px,rgba(8,42,57,0) 390px)}
.sc-ui{position:absolute;z-index:3;left:0;right:0;bottom:0;max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:0 var(--gut) 62px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'line read' 'bar bar' 'dial dial';gap:18px 40px;align-items:end}
.sc-line{grid-area:line;text-shadow:0 1px 18px rgba(8,42,57,.35)}
.sc h1{font:300 clamp(24px,2.15vw,31px)/1.15 var(--disp);letter-spacing:-.012em}
.sc-loc{margin-top:8px;font-size:13px;opacity:.78;font-variant-numeric:tabular-nums}
.sc-loc span::before{content:"";display:inline-block;width:18px;height:1px;background:currentColor;vertical-align:middle;margin:0 10px;opacity:.7}
.sc-read{grid-area:read;display:flex;align-items:baseline;gap:12px;line-height:1.15;text-shadow:0 1px 18px rgba(8,42,57,.35)}
.sc-read b{font:300 30px/1 var(--disp);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sc-read span{font-size:14.5px;font-weight:500}
.sc-read small{font-size:12.5px;opacity:.72}
.sc-bar{grid-area:bar}
/* ince yüzen rezervasyon çubuğu */
.bb--bar{color:var(--ink);border:0;border-radius:6px;box-shadow:0 30px 60px -28px rgba(4,24,34,.55),0 8px 20px -12px rgba(4,24,34,.35);min-height:70px}
.bb--bar .bb-f{padding:10px 22px}
.bb--bar .bb-f+.bb-f{box-shadow:-1px 0 0 var(--line)}
.bb--bar .bb-f[aria-expanded="true"]{box-shadow:inset 0 -2px 0 var(--tile)}
.bb--bar .bb-go{margin:9px;min-height:52px;padding:0 26px}
.bb--bar.bb--up .bb-pop--cal{left:0;right:auto}
.bb--bar .bb-pop--g{left:44%}
/* kadran */
.sc-dial{grid-area:dial;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px}
.sc-track{position:relative;height:58px}
.sc-zones{position:absolute;left:0;right:0;top:26px;height:5px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}
.sc-ticks{position:absolute;inset:0;pointer-events:none}
.sc-ticks i{position:absolute;top:36px;width:1px;height:5px;background:rgba(255,255,255,.5)}
.sc-ticks i.h{height:8px}
.sc-ticks span{position:absolute;top:44px;transform:translateX(-50%);font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}
.sc-marks{position:absolute;inset:0;pointer-events:none}
.sc-mk{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;font-size:11px;line-height:1.15;white-space:nowrap}
.sc-mk::after{content:"";width:1px;height:7px;background:currentColor;margin-top:3px;opacity:.8}
.sc-mk b{font-weight:600;font-variant-numeric:tabular-nums}
.sc-knob{position:absolute;top:28.5px;left:0;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:radial-gradient(circle,#FFF4DF 0 28%,var(--kc,#F7C46C) 30% 46%,rgba(247,196,108,.32) 48% 70%,transparent 72%);pointer-events:none;transition:background .2s}
.sc-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.sc-track:has(input:focus-visible) .sc-knob{box-shadow:0 0 0 3px #fff}
.sc-quick{display:flex;gap:2px;margin-left:-10px}
.sc-quick button{height:32px;padding:0 10px;font-size:13.5px;font-weight:500;border-radius:var(--r);color:rgba(255,255,255,.8);transition:background .15s,color .15s}
.sc-quick button:hover{background:rgba(255,255,255,.12);color:#fff}
.sc-quick button.on{background:#fff;color:var(--sea)}
.sc-goset{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:#fff;white-space:nowrap;opacity:.9;transition:opacity .15s}
.sc-goset:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.sc-goset .ic{width:18px;height:18px;color:#F7C46C}
.sc-goset b{font-weight:600;font-variant-numeric:tabular-nums}

/* ───────── A7: dikey zaman çizgisi omurgası ───────── */
.dy-s{position:relative;background:#fff}
.dy{position:relative;isolation:isolate;--k:150px;--n:64px;padding-top:clamp(96px,10vw,160px);padding-bottom:clamp(40px,5vw,80px)}
.dy-spine{position:absolute;top:clamp(96px,10vw,160px);height:var(--sh,100%);left:calc(var(--gut) + var(--k) + var(--n) / 2);width:1px;background:var(--line2);z-index:1}
.dy-fill{position:absolute;left:-.5px;top:0;width:2px;height:100%;transform-origin:50% 0;transform:scaleY(var(--p,0));background:linear-gradient(#D7A3A0,#BFD9E8 10%,#8DB7CB 34%,#E9C58A 58%,#F2A55A 70%,#E2683A 80%,#7A4E7E 90%,#2B3155)}
.dy-sun{position:absolute;left:.5px;top:calc(var(--p,0) * 100%);width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:radial-gradient(circle,#FFF6E4 0 26%,var(--suc,#F7C46C) 28% 46%,rgba(247,196,108,.28) 48% 70%,transparent 72%);transition:background .4s}
.dy-head{margin-left:calc(var(--k) + var(--n));max-width:820px;padding-bottom:clamp(70px,8vw,120px);position:relative;z-index:2;background:#fff;box-shadow:-60px 0 0 #fff}
.dy-head h2{font:300 clamp(46px,5.6vw,88px)/.98 var(--disp);letter-spacing:-.032em;color:var(--sea)}
.dy-head p{margin-top:20px;color:var(--ink2);font-size:18px;max-width:540px}
.st,.ast{display:grid;grid-template-columns:var(--k) var(--n) minmax(0,1fr);position:relative}
.st{padding:clamp(70px,8vw,130px) 0}
.st-k{position:sticky;top:112px;align-self:start;text-align:right;display:flex;flex-direction:column;gap:6px;padding-top:2px}
.st-k time{font:300 40px/1 var(--disp);letter-spacing:-.02em;color:var(--sea);font-variant-numeric:tabular-nums}
.st-k>span{font-size:13.5px;color:var(--ink3);line-height:1.3}
.st-n{position:sticky;top:124px;align-self:start;justify-self:center;width:13px;height:13px;margin-top:2px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--seat),0 0 0 6px #fff;z-index:2;transition:background .3s,box-shadow .3s}
.st.on>.st-n,.ast.on>.st-n{background:var(--tile);box-shadow:0 0 0 5px rgba(200,100,59,.18),0 0 0 9px #fff}
.st-c{min-width:0}
.st-h{font:300 clamp(36px,3.7vw,58px)/1.02 var(--disp);letter-spacing:-.026em;color:var(--sea);max-width:820px}
.st-p{margin-top:16px;color:var(--ink2);font-size:17.5px;max-width:560px}
.st-a{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}
/* varış: yapışkan harita, rota kaydırmayla çizilir */
.dy-arr{display:grid;grid-template-columns:var(--k) var(--n) minmax(0,390px) minmax(0,1fr);position:relative}
.ast{grid-column:1/4;min-height:78vh;padding-bottom:40px}
.ast:nth-last-child(2){min-height:64vh}
.ast-c{display:flex;flex-direction:column;gap:10px;opacity:.32;transition:opacity .45s}
.ast.cur .ast-c{opacity:1}
.ast-ph{aspect-ratio:3/2;border-radius:var(--rc);overflow:hidden;box-shadow:var(--e2);margin-bottom:14px}
.ast-ph img{width:100%;height:100%;object-fit:cover}
.ast-m{font-size:13.5px;font-weight:500;color:var(--tile2)}
.ast-c h3{font:400 31px/1.06 var(--disp);letter-spacing:-.012em}
.ast-c>p:not(.ast-m):not(.ast-live){color:var(--ink2);font-size:16.5px;line-height:1.58}
.ast-live{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink2);margin-top:4px}
.ast-live .ic{width:18px;height:18px;color:var(--sea)}
.ast-live b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.dy-map{grid-column:4;grid-row:1/span 5;margin-left:clamp(28px,3.4vw,60px);position:relative}
.dy-map-in{position:sticky;top:96px;height:calc(100vh - 128px);height:calc(100svh - 128px);border-radius:10px;overflow:hidden;background:#E9F0F3;box-shadow:var(--e3)}
.dy-map-in [data-fmap],.dy-map-in .fm{width:100%;height:100%}
.dy-map-k{position:absolute;left:16px;bottom:14px;display:flex;align-items:center;gap:8px;padding:7px 11px;background:#fff;border-radius:3px;font-size:13px;color:var(--ink2);box-shadow:var(--e1)}
.dy-map-k .ic{width:16px;height:16px;color:var(--tile)}
/* harita (portolan) */
.fm .fm-sea{fill:#E9F0F3}
.fm .fm-dl{fill:none;stroke:#F5F9FA;stroke-linejoin:round}
.fm .fm-dl0{stroke:#EDF3F6}.fm .fm-dl1{stroke:#F1F6F8}.fm .fm-dl2{stroke:#F6F9FA}.fm .fm-dl3{stroke:#FBFDFD}
.fm .fm-land{fill:#fff;stroke:none}
.fm .fm-hatch{fill:url(#fm-h);opacity:.55}
.fm .fm-hl{stroke:var(--fog3);stroke-width:.7}
.fm .fm-coast{fill:none;stroke:var(--sea);stroke-width:1.2;stroke-linejoin:round}
.fm .fm-hill path{fill:none;stroke:var(--seat);stroke-width:1}
.fm .fm-vine circle{fill:#9DB2A6}
.fm .fm-olive circle{fill:#C9D6CF;stroke:#9DB2A6;stroke-width:.6}
.fm .fm-mill circle{fill:#fff;stroke:var(--sea);stroke-width:.8}
.fm .fm-mill path{stroke:var(--sea);stroke-width:.7}
.fm .fm-estate rect{fill:var(--tile);stroke:#fff;stroke-width:.6}
.fm .fm-snd text{font:300 11px var(--disp);fill:var(--seat)}
.fm .fm-lab text{font-family:var(--disp);fill:var(--ink2)}
.fm .fm-big{font-size:18px;letter-spacing:.3em;font-weight:300}
.fm .fm-isl{font-size:22px;letter-spacing:.32em;font-weight:300;fill:var(--sea)}
.fm .fm-bay{font-size:15px;font-weight:300;fill:var(--seam)}
.fm .fm-seat{font-size:22px;font-weight:300;letter-spacing:.2em;fill:var(--seat)}
.fm .fm-sm{font-size:12px;fill:var(--ink3)}
.fm .fm-pre{fill:none;stroke:var(--seat);stroke-width:1.4;stroke-dasharray:1.5 5;stroke-linecap:round;opacity:.9}
.fm .fm-leg{fill:none;stroke:var(--tile);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.fm .fm-leg.sea{stroke-width:2.2}
.fm .fm-st .fm-ring{fill:none;stroke:var(--sea);stroke-width:1;opacity:0;transition:opacity .3s}
.fm .fm-st .fm-dot{fill:#fff;stroke:var(--sea);stroke-width:1.6;transition:fill .3s}
.fm .fm-st .fm-stn{font:400 13px var(--disp);fill:var(--ink3);paint-order:stroke;stroke:#fff;stroke-width:4px;transition:fill .3s}
.fm .fm-st.on .fm-dot{fill:var(--tile);stroke:#fff}
.fm .fm-st.on .fm-stn{fill:var(--ink)}
.fm .fm-st.cur .fm-ring{opacity:.7}
.fm .fm-head-h{fill:var(--tile);opacity:.22}
.fm .fm-head-d{fill:var(--tile);stroke:#fff;stroke-width:1.5}
.fm .fm-rose path{fill:var(--sea);stroke:var(--sea);stroke-width:1.4}
.fm .fm-rose path[fill="none"]{fill:none}
/* 12.30 avlu: kireç */
.kt-big{font:300 clamp(30px,3.3vw,50px)/1.12 var(--disp);letter-spacing:-.022em;color:var(--sea);max-width:980px}
.kt-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.55fr) minmax(0,.9fr);gap:clamp(20px,2.6vw,40px);margin-top:clamp(40px,4.4vw,64px);align-items:start}
.kt-a img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--rc);box-shadow:var(--e3)}
.kt-b{margin-top:clamp(80px,9vw,150px)}
.kt-b img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--rc);box-shadow:var(--e2)}
.kt-t{display:flex;flex-direction:column;gap:14px;color:var(--ink2);padding-top:6px}
.kt-t .lnk{align-self:flex-start;margin-top:6px}
/* 15.00 odalar */
.rm-g{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);margin-top:44px;align-items:start}
.rm-ph{position:relative;aspect-ratio:4/3.4;border-radius:var(--rc);overflow:hidden;box-shadow:var(--e3);background:var(--fog)}
.rm-f{position:absolute;inset:0;opacity:0;transition:opacity .45s}
.rm-f.on{opacity:1}
.rm-f img{width:100%;height:100%;object-fit:cover}
.rm-f figcaption{position:absolute;left:0;right:0;bottom:0;padding:56px 24px 20px;color:#fff;background:linear-gradient(rgba(8,42,57,0),rgba(8,42,57,.66));font:300 19px/1.38 var(--disp)}
.rm-l{border-top:1px solid var(--line)}
.rm-l li{border-bottom:1px solid var(--line)}
.rm-l a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:20px;align-items:center;padding:19px 6px;transition:padding .28s cubic-bezier(.3,.7,.2,1),background .2s}
.rm-l a:hover,.rm-l a.on{padding-left:16px;background:linear-gradient(90deg,var(--fog2),rgba(242,246,248,0))}
.rm-cn{width:40px;height:40px;color:var(--sea)}
.rm-n{font:400 27px/1.08 var(--disp);letter-spacing:-.012em;transition:color .2s}
.rm-n small{display:block;font:400 14px/1.4 var(--sans);color:var(--ink3);margin-top:5px;letter-spacing:0}
.rm-l a.on .rm-n{color:var(--tile2)}
.rm-p{text-align:right;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.rm-p small{display:block;font-size:12.5px;font-weight:400;color:var(--ink3)}
/* 16.30 koy */
.cv-ph{position:relative;margin-top:40px;aspect-ratio:21/9;border-radius:var(--rc);overflow:hidden;box-shadow:var(--e2)}
.cv-ph img{width:100%;height:100%;object-fit:cover}
.cv-ph figcaption{position:absolute;left:22px;bottom:18px;color:#fff;font-size:14px;text-shadow:0 1px 14px rgba(0,0,0,.45)}
.cv-g{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(28px,4vw,72px);margin-top:44px;align-items:start}
.cv-t{display:flex;flex-direction:column;gap:22px}
.cv-t .st-p{margin-top:0}
.cv-t .lnk{align-self:flex-start}
.bn-days{background:transparent}
.bn-days button{padding:10px 14px 12px;font-size:15px}
.bn-list{display:flex;flex-direction:column}
.bn-list li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:20px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.bn-list li:not([hidden]){animation:mg .2s ease-out}
.bn-list time{font:300 26px/1 var(--disp);color:var(--sea);font-variant-numeric:tabular-nums}
.bn-list h3{font-size:22px;font-weight:400}
.bn-list h3 a:hover{color:var(--tile2)}
.bn-list p{font-size:14px;color:var(--ink3);margin-top:3px}
.bn-p{font-size:15px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
/* 17.30 sarnıç */
.sp{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:clamp(28px,4.4vw,80px);align-items:center}
.sp-ph{border-radius:var(--rc);overflow:hidden;box-shadow:var(--e2)}
.sp-ph img{width:100%;aspect-ratio:4/5;object-fit:cover}
.sp-t{display:flex;flex-direction:column}
.sp-l{margin:26px 0 24px;border-top:1px solid var(--line)}
.sp-l li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
.sp-l small{display:block;font-size:13px;color:var(--ink3)}
.sp-l b{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.sp-t .lnk{align-self:flex-start}
/* gün batımı */
.st--set .st-k time{color:var(--tile2)}
.mo-t{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px 64px;align-items:end;margin-bottom:clamp(30px,3.4vw,52px)}
.mo-t .st-p{margin-top:0}
.mo-t>div{display:flex;flex-direction:column;align-items:flex-start}
.mo-go{margin-top:22px}
.mo-go .ic{color:var(--tile)}
.mo-svg{width:100%;height:auto;overflow:visible}
.mo-peak{fill:var(--tilel);opacity:.55}
.mo-grid{stroke:var(--line);stroke-width:1}
.mo-ax{font:400 12.5px var(--sans);fill:var(--ink3)}
.mo-line{fill:none;stroke:var(--sea);stroke-width:2.4;stroke-linejoin:round}
.mo-pt{fill:#fff;stroke:var(--sea);stroke-width:2}
.mo-stem{stroke:var(--tile);stroke-width:1;stroke-dasharray:2 4;opacity:.65}
.mo-sun{fill:var(--tile)}
.mo-st{font:500 11.5px var(--sans);fill:var(--tile2);font-variant-numeric:tabular-nums}
.mo-m{font:400 16px var(--disp);fill:var(--ink2)}
.mo-hit{fill:transparent;cursor:pointer;outline:none}
.mo-hit:hover,.mo-hit:focus-visible{fill:rgba(13,59,79,.035)}
.mo-hit.on{fill:rgba(13,59,79,.05)}
.mo-card{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.mo-c{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 36px;align-items:baseline}
.mo-c h3{font-size:30px;font-weight:300;grid-row:1/3}
.mo-c dl{display:flex;gap:30px;flex-wrap:wrap}
.mo-c dt{font-size:12.5px;color:var(--ink3)}
.mo-c dd{font-size:16.5px;font-weight:500;font-variant-numeric:tabular-nums}
.mo-c p{font-size:15.5px;color:var(--ink2)}
/* 19.30 Ambar: sayfadaki tek derin bant */
.st--dark{color:#fff}
.st--dark::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--sea);z-index:-1}
.st--dark .st-k time{color:#fff}
.st--dark .st-k>span{color:rgba(255,255,255,.6)}
.st--dark>.st-n{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6),0 0 0 6px var(--sea)}
.st--dark.on>.st-n{box-shadow:0 0 0 5px rgba(200,100,59,.3),0 0 0 9px var(--sea)}
.st--dark .st-h{color:#fff}
.st--dark .st-p{color:rgba(255,255,255,.8)}
.am{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:clamp(28px,4.4vw,80px);align-items:center}
.am-ph{border-radius:var(--rc);overflow:hidden;box-shadow:0 50px 90px -40px rgba(0,0,0,.6)}
.am-ph img{width:100%;aspect-ratio:4/5;object-fit:cover}
.am-t{display:flex;flex-direction:column}
.am-st{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;margin-bottom:18px}
.am-st i{width:9px;height:9px;border-radius:50%;background:#7FD3AE;box-shadow:0 0 0 4px rgba(127,211,174,.2)}
.am-st.closed i{background:#F2A07B;box-shadow:0 0 0 4px rgba(242,160,123,.2)}
.am-menu{margin:28px 0 30px;border-top:1px solid rgba(255,255,255,.16)}
.am-menu li{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.am-menu span{font:400 20px/1.25 var(--disp)}
.am-menu small{display:block;font:400 13.5px/1.4 var(--sans);opacity:.68;margin-top:3px}
.am-menu b{font-weight:500;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}
.am-a{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
/* ertesi gün */
.st--end{padding-bottom:clamp(40px,4vw,70px)}
.lv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px 48px;align-items:end}
.lv-ph{grid-column:1/-1;aspect-ratio:21/8;border-radius:var(--rc);overflow:hidden;box-shadow:var(--e2)}
.lv-ph img{width:100%;height:100%;object-fit:cover}
.lv-a{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px}
.lv-seal{width:116px;color:var(--sea);opacity:.85}
.seal-t{font:500 13px var(--sans);letter-spacing:.18em}

/* ───────── F8: konum kartları ───────── */
.ft{background:var(--fog2);color:var(--ink);padding-top:clamp(70px,8vw,120px);border-top:1px solid var(--line)}
.ft-h{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}
.ft-h h2{font:300 clamp(34px,3.4vw,52px)/1.04 var(--disp);letter-spacing:-.024em;color:var(--sea);max-width:620px}
.ft-h p{max-width:420px;color:var(--ink2);font-size:16px}
.ft-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ftc{display:flex;flex-direction:column;background:#fff;border-radius:var(--rc);overflow:hidden;box-shadow:var(--e2);transition:box-shadow .25s,transform .25s}
.ftc:hover{box-shadow:var(--e3);transform:translateY(-2px)}
.ftc-m{position:relative;aspect-ratio:16/8.4;background:#E9F0F3;overflow:hidden}
.ftc-m .mm{width:100%;height:100%}
.ftc-m figcaption{position:absolute;left:14px;top:12px;padding:4px 8px;border-radius:2px;background:#fff;font-size:12.5px;font-weight:500;color:var(--sea);box-shadow:var(--e1)}
.ftc-b{display:flex;flex-direction:column;gap:14px;padding:22px 24px 24px;flex:1}
.ftc-b h3{font:400 29px/1.04 var(--disp);letter-spacing:-.012em}
.ftc-live{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink2)}
.ftc-live .ic{color:var(--tile);width:21px;height:21px}
.ftc-live b{font:300 30px/1 var(--disp);color:var(--ink);font-variant-numeric:tabular-nums;margin:0 4px}
.ftc-live small{font-size:13px;color:var(--ink3)}
.ftc dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding-top:14px;border-top:1px solid var(--line)}
.ftc dt{font-size:12.5px;color:var(--ink3)}
.ftc dd{font-size:15px;font-weight:500}
.ftc-a{display:flex;gap:22px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.ftc-a .lnk{font-size:15px}
.ft-copy.ok{color:#1F7A55}
.mm-sea{fill:#E9F0F3}
.mm-dl{fill:none;stroke:#F3F8FA;stroke-linejoin:round}
.mm-land{fill:#fff;stroke:var(--sea);stroke-width:1.3;stroke-linejoin:round}
.mm-route{fill:none;stroke:var(--tile);stroke-width:2.2;stroke-dasharray:3 7;stroke-linecap:round}
.mm-pin circle{fill:var(--tile);stroke:#fff;stroke-width:2}
.mm-pin .mm-halo{fill:rgba(200,100,59,.18);stroke:none}
.mm-t{font:400 15px var(--disp);fill:var(--ink)}
.ft-row{display:flex;align-items:center;gap:36px;margin-top:60px;padding:26px 0;border-top:1px solid var(--line2)}
.ft-logo{color:var(--sea);flex:none}
.ft-logo .logo{width:118px}
.ft-nav{display:flex;flex-wrap:wrap;gap:6px 20px;flex:1;font-size:14.5px;color:var(--ink2)}
.ft-nav a{transition:color .15s}
.ft-nav a:hover{color:var(--tile2)}
.ft-mail{font-weight:500;font-size:15px}
.ft-mail:hover{color:var(--tile2)}
.ft-bot{display:flex;justify-content:space-between;align-items:center;gap:12px 28px;flex-wrap:wrap;padding:18px 0 30px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink3)}
.ft-up{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:500}
.ft-up .ic{width:16px;height:16px;transition:transform .2s}
.ft-up:hover .ic{transform:translateY(-3px)}

/* ───────── iç sayfa: fotoğraf sahnesi + yüzen künye çubuğu ───────── */
.ph{position:relative;height:clamp(480px,74svh,760px);display:flex;align-items:flex-end;color:#fff;background:var(--sea);overflow:hidden;isolation:isolate}
.ph--short{height:clamp(380px,50svh,500px)}
.ph-bg{position:absolute;inset:0;z-index:-1}
.ph-bg img{width:100%;height:100%;object-fit:cover}
.ph::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,42,57,.42),rgba(8,42,57,0) 170px),linear-gradient(0deg,rgba(8,42,57,.7),rgba(8,42,57,.2) 45%,rgba(8,42,57,0) 70%);pointer-events:none}
.ph-in{position:relative;padding-bottom:clamp(44px,5vw,72px)}
.ph--bar .ph-in{padding-bottom:calc(clamp(40px,4vw,60px) + 48px)}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:14px;color:var(--ink3);margin-bottom:22px}
.crumbs a:hover{color:var(--ink)}
.crumbs>*+*::before{content:"";display:inline-block;width:14px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px;opacity:.6}
.crumbs [aria-current]{color:var(--ink)}
.ph .crumbs{color:rgba(255,255,255,.72)}
.ph .crumbs a:hover,.ph .crumbs [aria-current]{color:#fff}
.ph h1{font:300 clamp(44px,5.2vw,80px)/.98 var(--disp);letter-spacing:-.032em;max-width:960px;text-shadow:0 1px 24px rgba(8,42,57,.25)}
.ph-lead{margin-top:18px;font-size:18px;line-height:1.55;max-width:620px;opacity:.9}
.ph-barw{position:relative;z-index:2;margin-top:-48px}
.ph-bar{display:flex;align-items:stretch;min-height:96px;background:#fff;border-radius:6px;box-shadow:var(--e3)}
.ph-live{display:flex;align-items:center;gap:12px;padding:18px 28px;font-size:15px;color:var(--ink2);flex:none;max-width:46%}
.ph-live .ic{width:22px;height:22px;color:var(--tile);flex:none}
.ph-live b{font:300 32px/1 var(--disp);color:var(--ink);font-variant-numeric:tabular-nums}
.ph-live+dl{box-shadow:-1px 0 0 var(--line)}
.ph-bar dl{display:flex;flex:1;min-width:0}
.ph-bar dl div{flex:1;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:16px 24px;min-width:0}
.ph-bar dl div+div{box-shadow:-1px 0 0 var(--line)}
.ph-bar dt{font-size:12.5px;color:var(--ink3)}
.ph-bar dd{font:400 21px/1.2 var(--disp);color:var(--ink);font-variant-numeric:tabular-nums}
.ph-bar dd a:hover{color:var(--tile2)}
.pc-st{display:inline-flex;align-items:center;gap:12px;font:300 26px/1.1 var(--disp);color:var(--ink)}
.pc-st i{width:11px;height:11px;border-radius:50%;background:#2F9B6E;box-shadow:0 0 0 5px rgba(47,155,110,.16);flex:none}
.pc-st.closed i{background:var(--tile);box-shadow:0 0 0 5px rgba(200,100,59,.16)}
/* iç sayfa zaman çizgisi */
.tl{position:relative;--k:150px;--n:64px}
.tl::before{content:"";position:absolute;top:10px;bottom:0;left:calc(var(--k) + var(--n) / 2);width:1px;background:var(--line2)}
.tl-i{display:grid;grid-template-columns:var(--k) var(--n) minmax(0,1fr);padding-bottom:clamp(52px,6vw,96px);position:relative}
.tl-i:last-child{padding-bottom:0}
.tl-k{position:sticky;top:104px;align-self:start;text-align:right;display:flex;flex-direction:column;gap:5px}
.tl-k b{font:300 34px/1 var(--disp);letter-spacing:-.02em;color:var(--sea);font-variant-numeric:tabular-nums}
.tl-k small{font-size:13.5px;color:var(--ink3);line-height:1.3}
.tl-n{position:sticky;top:114px;align-self:start;justify-self:center;width:13px;height:13px;border-radius:50%;background:var(--tile);box-shadow:0 0 0 5px rgba(200,100,59,.15),0 0 0 9px #fff;z-index:1}
.tl-c{min-width:0}
.tl--fog .tl-n{box-shadow:0 0 0 5px rgba(200,100,59,.15),0 0 0 9px var(--fog2)}

/* ───────── duyarlı ───────── */
@media (max-width:1180px){
  .mega-rooms a{grid-template-columns:64px minmax(0,1fr) 30px 110px}
  .mega-p{display:none}
  .dy,.tl{--k:120px;--n:52px}
  .dy-arr{grid-template-columns:var(--k) var(--n) minmax(0,320px) minmax(0,1fr)}
  .sc-quick button{padding:0 7px}
  .bb--bar .bb-f{padding:10px 16px}
  .ft-cards{gap:16px}
}
@media (max-width:980px){
  :root{--hdh:64px}
  .hd-nav,.hd-cta{display:none}
  .hd-in,.hd:not(.is-scrolled):not(.is-open) .hd-in{height:64px}
  .hd-logo .logo,.hd:not(.is-scrolled):not(.is-open) .hd-logo .logo{width:124px}
  .hd-r{margin-left:auto}
  .mega{display:none}
  .sc{min-height:640px;max-height:none}
  .sc-logo{left:43%;width:14%;top:37.4%}
  .sc-logo g{stroke-width:2.6}
  .sc-veil{background:linear-gradient(180deg,rgba(8,42,57,.38) 0,rgba(8,42,57,0) 120px),linear-gradient(0deg,rgba(8,42,57,.86) 0,rgba(8,42,57,.5) 300px,rgba(8,42,57,0) 450px)}
  .sc-ui{grid-template-columns:minmax(0,1fr);grid-template-areas:'line' 'bar' 'dial';gap:14px;padding-bottom:64px}
  .sc-read,.sc-quick,.sc-goset{display:none}
  .sc-dial{grid-template-columns:minmax(0,1fr)}
  .bb--bar{flex-direction:column}
  .bb--bar .bb-fs{display:grid;grid-template-columns:1fr 1fr}
  .bb--bar .bb-f{padding:10px 14px;min-height:58px}
  .bb--bar .bb-f+.bb-f{box-shadow:none}
  .bb--bar .bb-f--out,.bb--bar .bb-f--r{box-shadow:-1px 0 0 var(--line)}
  .bb--bar .bb-f--g,.bb--bar .bb-f--r{border-top:1px solid var(--line)}
  .bb--bar .bb-go{margin:0 8px 8px}
  .dy,.tl{--k:0px;--n:34px}
  .dy-spine{left:calc(var(--gut) + 17px)}
  .dy-head{margin-left:var(--n);box-shadow:none}
  .st,.ast{grid-template-columns:var(--n) minmax(0,1fr);grid-template-areas:'n k' 'n c'}
  .st{padding:64px 0}
  .st-k{grid-area:k;position:static;text-align:left;flex-direction:row;align-items:baseline;gap:12px;margin-bottom:18px}
  .st-k time{font-size:32px}
  .st-n{grid-area:n;position:static;margin-top:12px}
  .st-c,.ast-c{grid-area:c}
  .dy-arr{grid-template-columns:var(--n) minmax(0,1fr)}
  .ast{grid-column:1/-1;min-height:0;padding-bottom:56px}
  .ast:nth-last-child(2){min-height:0}
  .ast-c{opacity:1}
  .dy-map{grid-column:1/-1;grid-row:1;position:sticky;top:64px;z-index:4;margin:0 calc(var(--gut) * -1) 36px;padding-bottom:10px;background:#fff}
  .dy-map-in{position:relative;top:auto;height:40svh;border-radius:0;box-shadow:0 14px 24px -18px rgba(13,59,79,.35)}
  .kt-g{grid-template-columns:1fr 1fr}
  .kt-t{grid-column:1/-1}
  .kt-b{margin-top:60px}
  .rm-g,.cv-g,.sp,.mo-t,.am{grid-template-columns:minmax(0,1fr)}
  .lv{grid-template-columns:minmax(0,1fr)}
  .lv-seal{display:none}
  .ft-h{flex-direction:column;align-items:flex-start;gap:14px}
  .ft-cards{grid-template-columns:minmax(0,1fr)}
  .ft-row{flex-direction:column;align-items:flex-start;gap:18px}
  .ph{height:clamp(440px,66svh,620px)}
  .ph-bar{flex-direction:column}
  .ph-live{max-width:none;padding:16px 18px}
  .ph-live+dl{box-shadow:0 -1px 0 var(--line)}
  .ph-bar dl{flex-wrap:wrap}
  .ph-bar dl div{flex:1 1 45%;padding:12px 18px}
  .ph-bar dl div+div{box-shadow:none}
  .tl::before{left:calc(var(--n) / 2)}
  .tl-i{grid-template-columns:var(--n) minmax(0,1fr);grid-template-areas:'n k' 'n c'}
  .tl-k{grid-area:k;position:static;text-align:left;flex-direction:row;align-items:baseline;gap:10px;margin-bottom:14px}
  .tl-k b{font-size:28px}
  .tl-n{grid-area:n;position:static;margin-top:9px}
  .tl-c{grid-area:c}
}
@media (max-width:700px){
  body{font-size:17px}
  .hd-r{gap:6px}
  .bb-pop--cal{left:50%!important;right:auto!important;transform:translateX(-50%);width:calc(100vw - 24px);padding:16px}
  .cal{grid-template-columns:1fr;gap:18px}
  .cal .cal-m+.cal-m{display:none}
  .bb-pop--g,.bb-pop--r,.bb--bar .bb-pop--g{left:0!important;right:0;width:auto}
  .sc h1{font-size:23px}
  .sc-loc span{display:none}
  .rm-l a{grid-template-columns:34px minmax(0,1fr);gap:14px}
  .rm-p{grid-column:2;text-align:left}
  .rm-n{font-size:23px}
  .bn-list li{grid-template-columns:56px minmax(0,1fr)}
  .bn-p{grid-column:2;text-align:left}
  .cv-ph,.lv-ph{aspect-ratio:4/3}
  .mo-c{grid-template-columns:minmax(0,1fr)}
  .mo-c h3{grid-row:auto}
  .fgrid{grid-template-columns:1fr}
  .mnav-l{grid-template-columns:1fr}
  .ph-bar dl{display:grid;grid-template-columns:1fr 1fr}
  .ph-bar dl div{padding:12px 18px}
  .ph-bar dl div:nth-child(n+3){box-shadow:0 -1px 0 var(--line)}
  .ph-bar dl div:nth-child(even){box-shadow:-1px 0 0 var(--line)}
  .ph-bar dl div:nth-child(n+3):nth-child(even){box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}