/* Tuzhane v5.1 — iç sayfalar (fotoğraf sahnesi + dikey zaman çizgisi): odalar, oda, rezervasyon, deneyimler, restoran, spa, galeri, konum, hakkımızda, iletişim, SSS, yasal */
.sec{padding:clamp(70px,8vw,120px) 0}
.pr-l{fill:none;stroke:#F3C3A9;stroke-width:2;stroke-dasharray:3 5}
.pr-a,.pr-b{fill:var(--tile);stroke:#fff;stroke-width:2}

/* ───────── odalar ───────── */
.rl{padding:30px 0 clamp(70px,8vw,120px)}
.rl-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}
.rl-n{font-size:14.5px;color:var(--ink3);white-space:nowrap}
.rc-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rc--w{grid-column:span 1}
@media (min-width:1101px){.rl .rc-g{grid-template-columns:repeat(6,minmax(0,1fr))}.rl .rc{grid-column:span 2}.rl .rc--w4{grid-column:span 4;order:-1}.rl .rc--w4 .rc-ph{aspect-ratio:auto;flex:1;min-height:320px}
.rl .rc--full{grid-column:1/-1;flex-direction:row}.rl .rc--full .rc-ph{flex:0 0 58%;aspect-ratio:16/9}.rl .rc--full .rc-b{padding:30px 34px}.rl .rc--full .rc-h h3{font-size:40px;font-weight:300}}
.cmp-s{padding:clamp(80px,9vw,130px) 0;background:#fff}
.cmp-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:40px;align-items:end;margin-bottom:26px}
.cmp-head h2{font-size:clamp(48px,6vw,96px);font-weight:300;letter-spacing:-.03em;color:var(--sea)}
.cmp-head div{display:flex;flex-direction:column;gap:12px;align-items:flex-start;color:var(--ink2)}
.cmp-pick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}
.cmp-c{position:relative;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:border-color .15s,box-shadow .15s;background:#fff}
.cmp-c:hover{border-color:var(--seat)}
.cmp-c input{position:absolute;opacity:0;pointer-events:none}
.cmp-c img{width:48px;height:38px;object-fit:cover;border-radius:3px}
.cmp-c span{font:400 16px/1.15 var(--disp);min-width:0}
.cmp-c small{display:block;font:400 12.5px var(--sans);color:var(--ink3)}
.cmp-c i{position:absolute;right:8px;top:8px;width:18px;height:18px;border-radius:3px;border:1px solid var(--line2);display:grid;place-items:center;color:#fff}
.cmp-c i .ic{width:12px;height:12px;stroke-width:2.4;opacity:0}
.cmp-c:has(input:checked){border-color:var(--sea);box-shadow:inset 0 0 0 1px var(--sea)}
.cmp-c:has(input:checked) i{background:var(--sea);border-color:var(--sea)}
.cmp-c:has(input:checked) i .ic{opacity:1}
.cmp-c:has(input:disabled){opacity:.45;cursor:default}
.cmp-c:has(input:focus-visible){outline:2px solid var(--tile);outline-offset:2px}
.cmp-wrap{overflow-x:auto;border-radius:var(--rc);box-shadow:var(--e2);border:1px solid var(--line)}
.cmp-t{width:100%;border-collapse:collapse;min-width:900px;background:#fff}
.cmp-t th,.cmp-t td{padding:14px 16px;text-align:left;vertical-align:top;font-size:15px;border-bottom:1px solid var(--line)}
.cmp-t thead th{position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid var(--line2);vertical-align:bottom}
.cmp-t thead a{display:flex;flex-direction:column;gap:6px}
.cmp-t thead img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.cmp-t thead span{font:400 20px/1.15 var(--disp)}
.cmp-t thead small{font-size:13px;color:var(--ink3);font-weight:400}
.cmp-t tbody th{font-weight:500;color:var(--ink2);white-space:nowrap;width:170px}
.cmp-t tbody th .ic{display:inline-block;vertical-align:-4px;margin-right:8px;width:18px;height:18px;color:var(--ink3)}
.cmp-t tbody tr:hover td,.cmp-t tbody tr:hover th{background:var(--fog2)}
.cmp-t td small{display:block;color:var(--ink3);font-size:13px}
.cmp-t .yes{display:inline-flex;align-items:center;gap:6px;color:#1F6B4F;font-weight:500}.cmp-t .yes .ic{width:16px;height:16px}
.cmp-t .no{color:var(--ink3)}
.cmp-t [data-col].hide{display:none}
.cmp-act td{border-bottom:0}
.cmp-m{display:none}
.incl{padding:clamp(70px,8vw,110px) 0;background:var(--sea);color:#fff}
.incl-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(30px,5vw,80px);align-items:start}
.incl-t{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.incl-t h2{font-size:clamp(38px,4.4vw,64px);font-weight:300}
.incl-t p{opacity:.85}
.incl ul{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.12);border-radius:var(--rc);overflow:hidden}
.incl li{display:flex;gap:14px;align-items:flex-start;padding:20px;background:var(--sea)}
.incl li .ic{width:24px;height:24px;color:#F3C3A9;flex:none}
.incl li b{display:block;font:400 19px/1.25 var(--disp)}
.incl li small{display:block;font-size:14px;opacity:.7;margin-top:2px}

/* ───────── oda detayı ───────── */
.rg-cn{width:58px;height:58px;color:var(--sea)}
.rd{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(30px,5vw,80px);padding-top:50px;padding-bottom:80px;align-items:start}
.rd-lead{font:300 clamp(26px,2.6vw,36px)/1.25 var(--disp);color:var(--sea);letter-spacing:-.01em}
.rd-story{display:flex;flex-direction:column;gap:14px;margin-top:22px;color:var(--ink2);max-width:680px}
.rd-h{font-size:clamp(30px,3vw,42px);font-weight:300;margin:56px 0 20px}
.rd-amen{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 34px}
.rd-amen h3{font:500 14px/1 var(--sans);color:var(--ink3);margin-bottom:10px}
.rd-amen li{padding:7px 0 7px 18px;border-top:1px solid var(--line);font-size:15.5px;position:relative}
.rd-amen li::before{content:"";position:absolute;left:0;top:16px;width:8px;height:1.5px;background:var(--tile)}
.rd-site,.rd-plan{border-radius:var(--rc);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--e1)}
.rd-site figcaption,.rd-plan figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;font-size:14.5px;color:var(--ink2);border-top:1px solid var(--line)}
.plan{width:100%;max-width:680px;margin:0 auto;height:auto;background:#fff}
.plan .pl-room{fill:#fff;stroke:var(--sea);stroke-width:2.2}
.plan .pl-ext{stroke:var(--seat);stroke-width:1;stroke-dasharray:4 4}
.plan .pl-hl{stroke:var(--fog3);stroke-width:1}
.plan .pl-t{font:400 16px var(--disp);fill:var(--ink)}
.plan .pl-m{font:400 12px var(--sans);fill:var(--ink3)}
.plan .pl-bed rect,.plan .pl-bed path{fill:var(--fog2);stroke:var(--ink3);stroke-width:1}
.plan .pl-wet,.plan .pl-wet rect,.plan .pl-wet path{fill:#E8F1F4;stroke:var(--seat);stroke-width:1}
.plan .pl-door{fill:none;stroke:var(--ink3);stroke-width:1}
.plan .pl-win{stroke:var(--tile);stroke-width:4}
.plan .pl-vault{fill:none;stroke:var(--fog3);stroke-width:1.2;stroke-dasharray:3 4}
.plan .pl-pool{fill:#9ACFD9;stroke:#5F98A6}
.plan .pl-wave{fill:none;stroke:#fff;stroke-width:1.4}
.plan .pl-tree circle{fill:#D9E4DC;stroke:#6E8574}
.plan .pl-dim path{stroke:var(--ink3);stroke-width:1;fill:none}
.plan .pl-dim text,.plan .pl-n text{font:400 12px var(--sans);fill:var(--ink3)}
.plan .pl-n circle{fill:none;stroke:var(--ink3)}.plan .pl-n path{fill:var(--tile)}
.plan .pl-sea{font:300 15px var(--disp);fill:var(--seam);letter-spacing:.1em}
.rd-side{position:sticky;top:90px}
.rd-card{background:#fff;border-radius:var(--rc);box-shadow:var(--e3);padding:24px;display:flex;flex-direction:column;gap:14px;border-top:3px solid var(--tile)}
.rd-price small{display:block;font-size:13px;color:var(--ink3)}
.rd-price b{font:300 42px/1 var(--disp);font-variant-numeric:tabular-nums}
.rd-price span{font-size:16px;color:var(--ink2);margin-left:6px}
.rd-pnote{font-size:14px;color:var(--ink2)}
.bb--side{flex-direction:column;border:0}
.bb--side .bb-fs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px}
.bb--side .bb-f{padding:11px 13px}
.bb--side .bb-f--g{grid-column:1/-1;border-top:1px solid var(--line)}
.bb--side .bb-f--in{border-right:1px solid var(--line)}
.bb--side .bb-go{margin:10px 0 0;min-height:52px}
.bb--side .bb-pop--cal{left:auto;right:0}
.bb--side .bb-pop--g{left:0}
.rd-perks{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink2)}
.rd-perks li{padding-left:18px;position:relative}
.rd-perks li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:1.5px;background:var(--tile)}
.rd-call{font-size:14.5px;color:var(--ink2)}
.rd-call a{font-weight:500;color:var(--ink)}
.sim{padding:clamp(60px,7vw,100px) 0;background:var(--fog2)}
.sim-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}
.sim-h h2{font-size:clamp(36px,4vw,58px);font-weight:300}
/* görüntüleyici */
.lb{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(6,26,36,.96);color:#fff}
.lb[open]{display:grid;place-items:center}
.lb::backdrop{background:rgba(6,26,36,.9)}
.lb-f{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(1400px,92vw)}
.lb-f img{max-height:80dvh;width:auto;border-radius:4px}
.lb-f figcaption{font-size:14.5px;opacity:.8}
.lb-x,.lb-p,.lb-n{position:fixed;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:var(--r);color:#fff;transition:background .15s}
.lb-x:hover,.lb-p:hover,.lb-n:hover{background:rgba(255,255,255,.12)}
.lb-x{top:20px;right:20px}.lb-p{left:20px;top:50%}.lb-n{right:20px;top:50%}

/* ───────── rezervasyon sihirbazı ───────── */
.rz-main{display:flex;flex-direction:column;gap:22px;min-width:0}
.rz-h{font-size:clamp(30px,3vw,44px);font-weight:300;margin-bottom:20px}
.cal--2{padding:22px;border:1px solid var(--line);border-radius:var(--rc);background:#fff;box-shadow:var(--e1)}
.rz-p>.cal-key{margin-top:14px}
.rz-msg{margin-top:12px;font-size:15px;color:var(--ink2)}
.rz-guests{max-width:520px;border-top:1px solid var(--line)}
.rz-note{font-size:14.5px;color:var(--ink2);margin-top:14px}
.rz-note a{text-decoration:underline;text-underline-offset:2px}
.rz-rooms{display:flex;flex-direction:column;gap:14px}
.rz-r{display:grid;grid-template-columns:180px minmax(0,1fr) 230px;gap:20px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--rc);background:#fff;transition:border-color .15s,box-shadow .15s}
.rz-r:hover{box-shadow:var(--e1)}
.rz-r.sel{border-color:var(--sea);box-shadow:inset 0 0 0 1px var(--sea),var(--e2)}
.rz-r.na{opacity:.55}
.rz-r img{width:180px;height:126px;object-fit:cover;border-radius:4px}
.rz-r h3{font-size:24px}
.rz-r p{font-size:14px;color:var(--ink2)}
.rz-r .tag{margin-top:8px}
.rz-r-p{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right;font-size:13.5px;color:var(--ink3)}
.rz-r-p b{display:block;font:300 28px/1.1 var(--disp);color:var(--ink)}
.rz-x{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.rz-x li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.rz-xl{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;align-items:start;flex:1;cursor:pointer;min-width:260px}
.rz-xl input{width:20px;height:20px;margin:3px 0 0;accent-color:var(--tile)}
.rz-xn{font:400 19px/1.25 var(--disp)}
.rz-xn small{display:block;font:400 14px/1.45 var(--sans);color:var(--ink3);margin-top:3px}
.rz-xp{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.rz-xp small{font-weight:400;color:var(--ink3)}
.step--s{grid-template-columns:40px 42px 40px;border:0;padding:0}
.rz-sum dl{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.rz-sum dl div{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.rz-sum dt{color:var(--ink3)}
.rz-sum .row{display:flex;justify-content:space-between;padding:10px 0;font-size:16px}
.rz-sum .row.tot{font:300 30px/1.2 var(--disp);padding-top:16px}
.rz-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;border-top:1px solid var(--line)}
.rz-nav [data-next]{margin-left:auto;min-width:170px}
.rz-done{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:34px;border-radius:var(--rc);background:var(--fog2);border:1px solid var(--line)}
.rz-done h2{font-size:clamp(36px,4vw,56px);font-weight:300;color:var(--sea)}
.rz-seal{width:120px;color:var(--tile);animation:stamp .5s cubic-bezier(.2,1.4,.4,1) both}
@keyframes stamp{from{transform:scale(1.6) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}
.rz-done-a{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.rz-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}
.rz-card{background:#fff;border-radius:var(--rc);box-shadow:var(--e3);padding:22px;border-top:3px solid var(--tile)}
.rz-card h2{font-size:26px;margin-bottom:12px}
.rz-card dl{display:flex;flex-direction:column}
.rz-card dl div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px}
.rz-card dt{color:var(--ink3)}.rz-card dd{text-align:right;font-weight:500}
.rz-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;border-top:1px solid var(--line2);margin-top:4px}
.rz-total b{font:300 32px/1 var(--disp);font-variant-numeric:tabular-nums}
.rz-tnote{font-size:13px;color:var(--ink3);margin-top:4px}
.rz-fig{border-radius:var(--rc);overflow:hidden;position:relative}
.rz-fig img{width:100%;aspect-ratio:16/10;object-fit:cover}
.rz-fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 14px 10px;background:linear-gradient(transparent,rgba(8,42,57,.7));color:#fff;font-size:13.5px}
.rz-help{font-size:14.5px;color:var(--ink2)}.rz-help a{font-weight:500;color:var(--ink)}

/* ───────── deneyimler ───────── */
.xb-m{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 18px;width:100%;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:4px 0 6px}
.xb-m dt{font-size:12.5px;color:var(--ink3)}
.xb-m dd{font-size:14.5px;font-weight:500;color:var(--ink);line-height:1.35}
.talep{background:var(--sea);color:#fff;padding:clamp(70px,8vw,120px) 0}
.talep-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(30px,5vw,80px);align-items:start}
.talep-t{display:flex;flex-direction:column;gap:16px}
.talep-t h2{font-size:clamp(40px,4.6vw,68px);font-weight:300}
.talep-t p{opacity:.85;max-width:440px}
.talep-rose{color:rgba(255,255,255,.55);margin-top:20px}
.talep .form{color:var(--ink)}

/* ───────── restoran ───────── */
.rs1{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;padding-top:clamp(60px,7vw,100px);padding-bottom:40px;align-items:start}
.rs1-t{grid-column:1/6;display:flex;flex-direction:column;gap:16px;font-size:18px;color:var(--ink2);padding-top:30px}
.rs1-t p:first-child{font:300 26px/1.35 var(--disp);color:var(--sea)}
.rs1-sig{font:400 18px var(--disp);color:var(--ink)}
.rs1-a{grid-column:7/11;grid-row:1}.rs1-b{grid-column:10/13;grid-row:1;margin-top:220px;position:relative;z-index:1}
.rs1 img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--rc);box-shadow:var(--e2)}
.rs1-b img{aspect-ratio:1;border:6px solid #fff}
.menu{padding-top:clamp(60px,7vw,100px);padding-bottom:clamp(60px,7vw,100px)}
.menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.menu-head h2{font-size:clamp(44px,5vw,76px);font-weight:300;color:var(--sea)}
.menu-seal{width:110px;color:var(--tile)}
.menu-note{font-size:15px;color:var(--ink3);margin:18px 0 8px}
.menu-l{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.menu-l li{display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.menu-n{font:400 21px/1.2 var(--disp)}
.menu-l i{border-bottom:1.5px dotted var(--line2);transform:translateY(-5px)}
.menu-p{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.menu-d{grid-column:1/-1;font-size:14.5px;color:var(--ink3);margin-top:4px}
.sofra{background:var(--sea);color:#fff;padding:clamp(60px,7vw,100px) 0}
.sofra-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.sofra-i img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--rc);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.sofra-t{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.sofra-k{font-size:14.5px;font-weight:500;color:#F3C3A9}
.sofra-t h2{font-size:clamp(46px,5.4vw,84px);font-weight:300}
.sofra-t p{opacity:.88}
.sofra-p{font:300 22px var(--disp)}
.rstrip{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:18px;padding-top:clamp(60px,7vw,100px);align-items:end}
.rstrip figure:nth-child(2){margin-bottom:60px}
.rstrip img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--rc)}
.rstrip figure:nth-child(2) img{aspect-ratio:3/4}
.rstrip figcaption{font:300 17px var(--disp);color:var(--ink2);margin-top:8px}
.masa{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);padding-top:clamp(60px,7vw,100px);padding-bottom:clamp(70px,8vw,120px);align-items:start}
.masa-h{padding:26px;border-radius:var(--rc);background:var(--fog2);border:1px solid var(--line)}
.masa-h h3{font-size:26px;margin-bottom:12px}
.hours{width:100%;border-collapse:collapse;font-size:15px}
.hours th,.hours td{padding:9px 0;border-top:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}
.hours th{font-weight:500;width:40%}
.hours tr.today th,.hours tr.today td{color:var(--tile2);font-weight:600}
.masa-img img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--rc);box-shadow:var(--e2)}

/* ───────── spa ───────── */
.sp1{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);padding-top:clamp(60px,7vw,100px);padding-bottom:clamp(60px,7vw,100px);align-items:center}
.sp1-t{display:flex;flex-direction:column;gap:16px;color:var(--ink2);font-size:18px}
.sp1-t p:first-child{font:300 28px/1.35 var(--disp);color:var(--sea)}
.sp1-h{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:500;color:var(--ink);padding-top:14px;border-top:1px solid var(--line)}
.sp1-h .ic{color:var(--tile)}
.sp1-i img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--rc);box-shadow:var(--e3)}
.rit{background:var(--fog);padding:clamp(70px,8vw,120px) 0}
.trt{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px);padding-top:clamp(70px,8vw,120px);padding-bottom:20px;align-items:start}
.trt-imgs{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:sticky;top:100px}
.trt-imgs figure:last-child{margin-top:70px}
.trt-imgs img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--rc)}
.trt-t h2{font-size:clamp(40px,4.4vw,64px);font-weight:300;margin-bottom:18px}
.trt-l li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);transition:background .15s}
.trt-l li:hover{background:linear-gradient(90deg,var(--fog2),transparent)}
.trt-n{font:400 22px/1.2 var(--disp)}
.trt-n small{display:block;font:400 14.5px/1.4 var(--sans);color:var(--ink3);margin-top:3px}
.trt-d{font-size:14px;color:var(--ink3);white-space:nowrap}
.trt-p{font-weight:500;font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
.trt-note{font-size:14.5px;color:var(--ink3);margin-top:16px}

/* ───────── galeri ───────── */
.gf{padding-top:20px}
.gf-in{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.rf-b{display:flex;align-items:baseline;gap:6px;padding:12px 14px;font-size:15.5px;font-weight:500;color:var(--ink3);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .15s,border-color .15s}
.rf-b small{font-size:12px;color:var(--ink3);font-variant-numeric:tabular-nums}
.rf-b:hover,.rf-b.on{color:var(--ink)}
.rf-b.on{border-color:var(--tile)}
.gal{columns:3 320px;column-gap:18px;padding-top:30px;padding-bottom:clamp(70px,8vw,120px)}
.gal-i{break-inside:avoid;margin-bottom:18px}
.gal-i button{display:block;width:100%;padding:0;border-radius:6px;overflow:hidden;position:relative}
.gal-i img{width:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.gal-i button:hover img{transform:scale(1.03)}
.gal-i figcaption{font-size:13.5px;color:var(--ink3);margin-top:7px}

/* ───────── konum ───────── */
.kmap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding-top:clamp(60px,7vw,100px);align-items:start}
.kmap-m{border-radius:var(--rc);overflow:hidden;box-shadow:var(--e2);background:#fff}
.map{width:100%;height:auto}
.map .m-sea{fill:#EDF3F5}
.map .m-rh path{stroke:#D8E3E8;stroke-width:.6;fill:none}
.map .m-dl{stroke:#F6F9FA}.map .m-dg{stroke:#EDF3F5}
.map .m-land{fill:#fff}
.map .m-hach{fill:none;stroke:#C7D6DD;stroke-dasharray:.8 2.6}
.map .m-coast{stroke:var(--sea);stroke-width:1.2}
.map .m-hill path{fill:none;stroke:var(--seat)}
.map .m-vine circle{fill:#9DB2A6}
.map .m-route{fill:none;stroke:var(--tile);stroke-width:2;stroke-dasharray:5 5}
.map .m-snd text{font:300 11px var(--disp);fill:var(--seat)}
.map .m-lab text{font:400 13px var(--disp);fill:var(--ink2)}
.map .m-isl{font-size:24px!important;letter-spacing:.3em;font-weight:300!important;fill:var(--sea)!important}
.map .m-big{font-size:18px!important;letter-spacing:.3em}
.map .m-bay{fill:var(--seam)!important}
.map .m-rose path{fill:var(--sea);stroke:var(--sea);stroke-width:1.4}
.map .m-rose path[fill="none"]{fill:none}
.map .mp{cursor:pointer;outline:none}
.map .mp-dot{fill:#fff;stroke:var(--sea);stroke-width:1.6;transition:fill .15s,r .15s}
.map .mp.main .mp-dot{fill:var(--tile);stroke:#fff}
.map .mp-ring{fill:none;stroke:var(--tile);stroke-width:1;opacity:.6}
.map .mp-t{font:400 14px var(--disp);fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px}
.map.dim .mp:not(.on){opacity:.35}
.map .mp.on .mp-dot{fill:var(--tile);stroke:#fff}
.kmap-l{display:flex;flex-direction:column}
.kmap-l li{display:flex;flex-direction:column;padding:13px 14px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s,box-shadow .15s;outline:none}
.kmap-l li:hover,.kmap-l li.on,.kmap-l li:focus-visible{background:var(--fog2);box-shadow:inset 3px 0 0 var(--tile)}
.kmap-l span{font:400 19px/1.2 var(--disp)}
.kmap-l small{font-size:13.5px;color:var(--ink3)}
.kf{padding:clamp(70px,8vw,110px) 0;margin-top:clamp(60px,7vw,100px);background:var(--fog)}
.kf-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,70px);align-items:start}
.kf-t h2{font-size:clamp(44px,5vw,76px);font-weight:300;color:var(--sea);margin-bottom:14px}
.kf-t p{color:var(--ink2)}
.kf-n{font-size:14px;color:var(--ink3);margin-top:12px}
.kf-tab{overflow-x:auto;border-radius:var(--rc);background:#fff;box-shadow:var(--e2)}
.tbl{width:100%;border-collapse:collapse;min-width:520px}
.tbl th,.tbl td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:15.5px;font-variant-numeric:tabular-nums}
.tbl thead th{font-size:13px;color:var(--ink3);font-weight:500;background:var(--fog2)}
.tbl tbody th{font:400 19px var(--disp)}
.tbl tbody tr:hover>*{background:var(--fog2)}
.kr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px);padding-top:clamp(70px,8vw,110px);align-items:center}
.kr-i img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--rc);box-shadow:var(--e2)}
.kr-t h2{font-size:clamp(40px,4.4vw,64px);font-weight:300;margin-bottom:16px}
.kr-l{border-top:1px solid var(--line);margin-bottom:18px}
.kr-l li{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:2px 16px;padding:14px 0;border-bottom:1px solid var(--line)}
.kr-a{font:400 20px/1.2 var(--disp)}
.kr-b{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.kr-c{grid-column:1/-1;font-size:14px;color:var(--ink3)}
.kr-t>p{color:var(--ink2)}
.kadr{display:grid;grid-template-columns:200px minmax(0,1.2fr) minmax(0,.7fr) minmax(0,.9fr);gap:28px;padding-top:clamp(70px,8vw,110px);padding-bottom:clamp(70px,8vw,120px);align-items:center}
.kadr-rose{color:var(--sea);width:100%;height:auto}
.kadr-rose text{font:400 11px var(--disp);fill:var(--ink2)}
.kadr-t h2{font-size:clamp(34px,3.4vw,48px);font-weight:300;margin-bottom:10px}
.kadr-t address{font:300 21px/1.4 var(--disp)}
.kadr-copy{color:var(--tile2);margin:8px 0 12px}
.kadr-t p{font-size:15px;color:var(--ink2)}
.kadr-t a{color:var(--ink);font-weight:500}
.kadr-n{margin-top:10px}
.kadr img{width:100%;object-fit:cover;border-radius:var(--rc)}
.kadr-i img{aspect-ratio:3/4}.kadr-j img{aspect-ratio:4/5}
.kadr-j{margin-top:80px}

/* ───────── hakkımızda ───────── */
.phil{background:var(--sea);color:#fff;padding:clamp(70px,8vw,120px) 0}
.phil-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(30px,5vw,80px)}
.phil h2{font-size:clamp(40px,4.6vw,68px);font-weight:300}
.phil-c{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.14);border-radius:var(--rc);overflow:hidden}
.phil-c>div{padding:26px;background:var(--sea)}
.phil-c h3{font-size:28px;font-weight:300;margin-bottom:10px;color:#F3C3A9}
.phil-c p{opacity:.85;font-size:16px}
.team{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(30px,5vw,80px);padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(70px,8vw,120px);align-items:start}
.team-i img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--rc);box-shadow:var(--e2)}
.team-t h2{font-size:clamp(40px,4.4vw,64px);font-weight:300;margin-bottom:18px}
.team-l{border-top:1px solid var(--line);margin-bottom:18px}
.team-l li{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1.2fr);gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.team-in{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--fog);color:var(--sea);font:400 19px var(--disp)}
.team-n{font:400 21px/1.2 var(--disp)}
.team-n small{display:block;font:500 13px var(--sans);color:var(--tile2);margin-top:2px}
.team-d{font-size:15px;color:var(--ink2)}
.team-t>p{color:var(--ink2)}

/* ───────── iletişim ───────── */
.ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(30px,5vw,80px);padding-top:clamp(60px,7vw,100px);padding-bottom:clamp(70px,8vw,120px);align-items:start}
.ct-info{display:flex;flex-direction:column;gap:24px}
.ct-dl{border-top:1px solid var(--line)}
.ct-dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.ct-dl dt{font-size:14px;color:var(--ink3);padding-top:4px}
.ct-dl dd{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.ct-dl dd a{font:300 22px/1.3 var(--disp);transition:color .15s}
.ct-dl dd a:hover{color:var(--tile2)}
.ct-dl dd span{font-size:15.5px;color:var(--ink2)}
.ct-dl .ft-copy{color:var(--tile2);margin-top:0}
.ct-img img{width:70%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--rc)}

/* ───────── SSS ───────── */
.faq-s{display:flex;align-items:center;gap:10px;height:54px;padding:0 14px;border:1px solid var(--line2);border-radius:var(--r);background:#fff;transition:border-color .15s,box-shadow .15s}
.faq-s:focus-within{border-color:var(--sea);box-shadow:0 0 0 3px rgba(13,59,79,.12)}
.faq-s .ic{color:var(--ink3)}
.faq-s input{flex:1;min-width:0;border:0;outline:none;font:inherit;font-size:17px;background:transparent;color:var(--ink)}
.faq-d{border-bottom:1px solid var(--line)}
.faq-d summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font:400 21px/1.3 var(--disp);cursor:pointer;list-style:none}
.faq-d summary::-webkit-details-marker{display:none}
.faq-d summary i{position:relative;width:16px;height:16px;flex:none}
.faq-d summary i::before,.faq-d summary i::after{content:"";position:absolute;left:0;right:0;top:7.25px;height:1.5px;background:var(--tile);transition:transform .2s}
.faq-d summary i::after{transform:rotate(90deg)}
.faq-d[open] summary i::after{transform:rotate(0)}
.faq-d summary:hover{color:var(--tile2)}
.faq-d p{padding:0 0 20px;color:var(--ink2);max-width:720px}
.faq-none{padding:20px;border-radius:var(--rc);background:var(--fog2);margin-bottom:20px}

/* ───────── yasal ───────── */

/* ───────── v5.1: sayfa gövdesi zaman çizgisi düzeni ───────── */
.pg{padding-top:clamp(80px,9vw,140px);padding-bottom:clamp(70px,8vw,120px)}
.pg-h{margin-left:calc(150px + 64px);max-width:760px;margin-bottom:clamp(48px,5vw,80px)}
.pg-h h2{font:300 clamp(38px,4.2vw,64px)/1.02 var(--disp);letter-spacing:-.026em;color:var(--sea)}
.pg-h p{margin-top:14px;color:var(--ink2);font-size:17.5px;max-width:560px}
.rit .pg-h{margin-bottom:clamp(40px,4vw,64px)}
.tl--tight .tl-i{padding-bottom:clamp(30px,3.4vw,52px)}
.tl--words .tl-k b{font-size:24px;line-height:1.15}
/* deneyim */
.xt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,3.6vw,60px);align-items:start;scroll-margin-top:110px}
.xt-i{border-radius:var(--rc);overflow:hidden;box-shadow:var(--e2)}
.xt-i img{width:100%;aspect-ratio:4/3.3;object-fit:cover}
.xt--r .xt-i{order:2}
.xt-t{display:flex;flex-direction:column;gap:12px;color:var(--ink2);align-items:flex-start}
.xt-t h2{font:300 clamp(32px,3vw,46px)/1.04 var(--disp);letter-spacing:-.02em;color:var(--ink)}
.xt-lead{font:300 21px/1.4 var(--disp);color:var(--sea)}
.xb-m{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px;width:100%;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:4px 0 8px}
.xb-m dt{font-size:12.5px;color:var(--ink3)}
.xb-m dd{font-size:14.5px;font-weight:500;color:var(--ink);line-height:1.35}
.tl-i{scroll-margin-top:100px}
/* restoran servisleri */
.sv{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center}
.sv figure{border-radius:var(--rc);overflow:hidden;box-shadow:var(--e1)}
.sv img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sv h3{font:300 34px/1.05 var(--disp);color:var(--ink)}
.sv-t{font-size:16px;font-weight:500;color:var(--tile2);margin:6px 0 8px;font-variant-numeric:tabular-nums}
.sv p:last-child{color:var(--ink2)}
/* spa ritüeli */
.ri{max-width:620px;padding-top:2px}
.ri h3{font:400 26px/1.1 var(--disp);margin-bottom:6px}
.ri p{color:var(--ink2)}
.rit .tl-k b{font-size:26px}
/* yol tarifi */
.jr h3{font:300 32px/1.06 var(--disp);color:var(--ink);margin-bottom:10px}
.jr p{color:var(--ink2);max-width:620px}
.jr .lnk{margin-top:12px}
.jr-l{border-top:1px solid var(--line);max-width:760px}
.jr-l li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 20px;padding:14px 0;border-bottom:1px solid var(--line)}
.jr-l span{font:400 20px/1.25 var(--disp)}
.jr-l b{font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
.jr-l small{grid-column:1/-1;font-size:14px;color:var(--ink3)}
.jr--ph{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center}
.jr--ph figure{border-radius:var(--rc);overflow:hidden;box-shadow:var(--e1)}
.jr--ph img{width:100%;aspect-ratio:4/3;object-fit:cover}
/* hakkımızda tarihçe */
.hs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:clamp(24px,3.4vw,56px);align-items:start}
.hs--t{grid-template-columns:minmax(0,1fr)}
.hs p{font:300 clamp(21px,1.8vw,26px)/1.45 var(--disp);color:var(--sea);max-width:640px}
.hs figure{border-radius:var(--rc);overflow:hidden;box-shadow:var(--e2)}
.hs img{width:100%;aspect-ratio:4/3;object-fit:cover}
/* SSS */
.faq-top{margin-left:calc(150px + 64px);display:flex;align-items:center;gap:28px;margin-bottom:clamp(44px,5vw,72px)}
.faq-top .faq-s{flex:0 1 520px}
.faq-top p{font-size:14.5px;color:var(--ink3);max-width:420px}
.faq .faq-none{margin:0 0 30px calc(150px + 64px)}
.faq .faq-d:first-child summary{padding-top:0}
/* yasal */
.lg h2{font:300 clamp(24px,2.4vw,32px)/1.15 var(--disp);color:var(--sea);margin-bottom:10px}
.lg p{color:var(--ink2);font-size:17px;max-width:760px}
.legal .tl-k b{font-size:24px}
.ph-seal{width:62px;height:62px;flex:none;color:var(--sea)}
.ph-live .ph-sm{font:500 15px/1.3 var(--sans)}
/* oda detayı: sahne + küçük fotoğraf şeridi */
.ph--room .ph-bg{display:block;width:100%;padding:0;cursor:zoom-in}
.rg-cn{width:52px;height:52px;color:var(--sea);flex:none}
.rg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.rg button{position:relative;display:block;padding:0;border-radius:6px;overflow:hidden;box-shadow:var(--e1);aspect-ratio:16/10}
.rg img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.rg button:hover img{transform:scale(1.035)}
/* rezervasyon: dikey adım rayı */
.rz{display:grid;grid-template-columns:190px minmax(0,1fr) 370px;gap:clamp(28px,3.4vw,56px);padding-top:56px;padding-bottom:90px;align-items:start}
.rz-steps{position:sticky;top:100px;display:flex;flex-direction:column;gap:0;padding-left:0}
.rz-steps::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:1px;background:var(--line2)}
.rz-steps button{position:relative;display:flex;align-items:center;gap:16px;width:100%;padding:11px 0;font-size:15.5px;font-weight:500;color:var(--ink3);text-align:left}
.rz-steps button i{position:relative;z-index:1;width:13px;height:13px;border-radius:50%;border:1.5px solid var(--line2);background:#fff;flex:none;transition:background .2s,border-color .2s}
.rz-steps li.done button,.rz-steps button[aria-current]{color:var(--ink)}
.rz-steps li.done button i{background:var(--sea);border-color:var(--sea)}
.rz-steps button[aria-current] i{background:var(--tile);border-color:var(--tile);box-shadow:0 0 0 5px rgba(200,100,59,.18)}
.rz-steps button:not(:disabled):hover span{color:var(--tile2)}

/* ───────── duyarlı ───────── */
@media (max-width:1100px){
  .rc-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cmp-pick{grid-template-columns:repeat(3,1fr)}
  .rd{grid-template-columns:minmax(0,1fr) 340px}
  .kadr{grid-template-columns:160px minmax(0,1fr) minmax(0,.8fr)}.kadr-j{display:none}
}
@media (max-width:900px){
  .rc-g{grid-template-columns:1fr}
  .cmp-head,.incl-g,.rd,.rz,.talep-g,.sofra-g,.masa,.sp1,.trt,.kmap,.kf-g,.kr,.phil-g,.team,.ct,.faq,.legal{grid-template-columns:1fr}
  .cmp-wrap{display:none}.cmp-m{display:flex;flex-direction:column;gap:10px}
  .cmp-mi{border:1px solid var(--line);border-radius:6px;background:#fff}
  .cmp-mi summary{display:grid;grid-template-columns:64px 1fr 20px;gap:12px;align-items:center;padding:10px;cursor:pointer;list-style:none}
  .cmp-mi summary::-webkit-details-marker{display:none}
  .cmp-mi summary img{width:64px;height:48px;object-fit:cover;border-radius:3px}
  .cmp-mi summary span{font:400 19px/1.2 var(--disp)}.cmp-mi summary small{display:block;font:400 13px var(--sans);color:var(--ink3)}
  .cmp-mi dl{padding:0 12px}.cmp-mi dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:14.5px}
  .cmp-mi dt{color:var(--ink3)}.cmp-mi dd{text-align:right}
  .cmp-mi .btn{margin:10px 12px 12px}
  .cmp-mi.hide{display:none}
  .incl ul{grid-template-columns:1fr}
  .rd-side,.rz-side,.trt-imgs,.faq-nav,.legal-nav{position:static}
  .rd-side{order:-1}
  .rd{padding-top:28px}
  .rd-amen{grid-template-columns:1fr}
  .rz-r{grid-template-columns:110px 1fr}.rz-r img{width:110px;height:84px}.rz-r-p{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;text-align:left}
  .rz-sum dl div{grid-template-columns:120px 1fr}
  .xb-m{grid-template-columns:1fr 1fr}
  .rs1{grid-template-columns:1fr 1fr}.rs1-t{grid-column:1/-1;padding-top:0}.rs1-a{grid-column:1}.rs1-b{grid-column:2;grid-row:auto;margin-top:60px}
  .menu-l{grid-template-columns:1fr}
  .rstrip{grid-template-columns:1fr 1fr}.rstrip figure:nth-child(3){display:none}
  .kadr{grid-template-columns:120px 1fr}.kadr-i{display:none}
  .phil-c{grid-template-columns:1fr}
  .team-l li{grid-template-columns:44px 1fr}.team-in{width:44px;height:44px}.team-d{grid-column:2}
  .ct-dl div{grid-template-columns:1fr;gap:4px}
  .ct-img{display:none}
}
@media (max-width:600px){
  .cmp-pick{grid-template-columns:repeat(2,1fr)}
  .xb-m{grid-template-columns:1fr}
}
@media (max-width:1180px){
  .pg-h,.faq-top,.faq .faq-none{margin-left:calc(120px + 52px)}
  .rz{grid-template-columns:160px minmax(0,1fr) 330px}
}
@media (max-width:980px){
  .pg-h,.faq-top,.faq .faq-none{margin-left:34px}
  .faq-top{flex-direction:column;align-items:stretch;gap:12px}
  .faq-top .faq-s{flex:none}
  .xt,.sv,.jr--ph,.hs{grid-template-columns:minmax(0,1fr)}
  .xt--r .xt-i{order:0}
  .rz{grid-template-columns:minmax(0,1fr)}
  .rz-steps{position:static;flex-direction:row;overflow-x:auto;gap:18px;scrollbar-width:none;padding-bottom:6px;border-bottom:1px solid var(--line)}
  .rz-steps::before{display:none}
  .rz-steps button{white-space:nowrap;gap:10px}
  .rg{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
}
@media (max-width:600px){
  .rg-all{font-size:12.5px;padding:6px 8px}
}