/* Bella — Tasarım 2 "Noir": siyah, şampanya altını, Bodoni */
:root{--bg:#0E0B0C;--bg2:#161213;--tx:#F3EDE6;--mu:#A39A92;--gold:#D8B98A;--gold2:#EBD5B0;--line:rgba(243,237,230,.12);--se:'Bodoni Moda',Georgia,serif;--sa:'Manrope',system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--px:clamp(16px,5vw,64px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--ldbar) + 70px);-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--tx);font:300 16px/1.7 var(--sa);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}
h1,h2{font-family:var(--se);font-weight:400;line-height:1.02}
h2{font-size:clamp(38px,5.6vw,72px)}
i{font-style:italic;color:var(--gold)}
.k{display:block;font:500 12px var(--sa);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 28px;font:500 13px var(--sa);letter-spacing:.2em;text-transform:uppercase;transition:.3s var(--ease);cursor:pointer;border:0}
.btn--gold{background:var(--gold);color:#0E0B0C}
.btn--gold:hover{background:var(--gold2)}
.btn--line{border:1px solid var(--gold);color:var(--gold);background:transparent}
.btn--line:hover{background:var(--gold);color:#0E0B0C}
.btn--block{width:100%}
.row{display:flex;flex-wrap:wrap;gap:12px}

.hd{position:fixed;top:var(--ldbar);left:0;right:0;z-index:50;display:flex;align-items:center;gap:30px;padding:18px var(--px);transition:.3s}
.hd.s{background:rgba(14,11,12,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-block:12px;box-shadow:0 1px 0 var(--line)}
.logo{font:400 24px var(--se);letter-spacing:.45em;color:var(--gold)}
.hd__nav{display:flex;gap:30px;margin-left:auto;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mu)}
.hd__nav a:hover{color:var(--gold)}
.hd__cta{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;padding:10px 20px;border:1px solid var(--gold);color:var(--gold)}
.burger{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);background:none;position:relative;cursor:pointer}
.burger i{position:absolute;left:12px;right:12px;height:1px;background:var(--tx);transition:.3s}
.burger i:first-child{top:18px}.burger i:last-child{top:25px}
.hd.o .burger i:first-child{top:21px;transform:rotate(45deg)}.hd.o .burger i:last-child{top:21px;transform:rotate(-45deg)}

.hero{min-height:100svh;padding:calc(var(--ldbar) + 120px) var(--px) 70px;text-align:center;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.hero__k{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--mu)}
.hero__t{font-size:clamp(76px,17vw,230px);letter-spacing:.12em;margin:10px 0 6px;color:var(--tx);display:flex;justify-content:center;padding-left:.12em}
.hero__t span{display:inline-block;opacity:0;transform:translateY(40px);animation:up 1.2s var(--ease) forwards}
.hero__t span:nth-child(2){animation-delay:.08s}.hero__t span:nth-child(3){animation-delay:.16s}.hero__t span:nth-child(4){animation-delay:.24s}.hero__t span:nth-child(5){animation-delay:.32s}
@keyframes up{to{opacity:1;transform:none}}
.hero__s{font:400 clamp(17px,2vw,22px) var(--se);color:var(--mu)}
.hero__fan{position:relative;width:min(560px,92vw);height:clamp(260px,42vw,420px);margin:42px auto 34px}
.hero__fan figure{position:absolute;top:0;width:36%;aspect-ratio:9/15;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.6);opacity:0;animation:fan 1.2s var(--ease) .5s forwards}
.hero__fan img{width:100%;height:100%;object-fit:cover}
.f1{left:4%;--r:-8deg;z-index:1}.f2{left:32%;--r:0deg;z-index:2;top:-14px}.f3{right:4%;--r:8deg;z-index:1}
@keyframes fan{from{opacity:0;transform:translateY(40px) rotate(0)}to{opacity:1;transform:rotate(var(--r))}}
.hero__cta{display:flex;flex-wrap:wrap;gap:16px 26px;justify-content:center;align-items:center}
.hero__rate{font-size:14px;color:var(--mu)}
.hero__rate b{color:var(--gold)}

.sec{padding:clamp(80px,11vw,140px) var(--px)}
.sec__h{max-width:1180px;margin:0 auto 44px}

.idx{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.25fr;gap:60px}
.idx__l{position:sticky;top:calc(var(--ldbar) + 100px);align-self:start}
.idx__img{margin-top:34px;width:min(320px,100%);aspect-ratio:9/13;overflow:hidden;border:1px solid var(--line)}
.idx__img img{width:100%;height:100%;object-fit:cover;animation:fi .6s var(--ease)}
@keyframes fi{from{opacity:0;transform:scale(1.05)}}
.idx__list{list-style:none;counter-reset:i;border-top:1px solid var(--line)}
.idx__list li{counter-increment:i;border-bottom:1px solid var(--line)}
.idx__q{width:100%;display:flex;align-items:baseline;gap:18px;padding:22px 0;background:none;border:0;cursor:pointer;text-align:left;color:var(--tx)}
.idx__q::before{content:counter(i,decimal-leading-zero);font-size:12px;color:var(--gold);min-width:24px}
.idx__q b{font:400 clamp(24px,2.8vw,36px) var(--se);transition:color .3s,transform .4s var(--ease)}
.idx__q:hover b,.on .idx__q b{color:var(--gold);transform:translateX(8px)}
.idx__q em{margin-left:auto;font-style:normal;font-size:20px;color:var(--gold);transition:transform .3s}
.on .idx__q em{transform:rotate(45deg)}
.idx__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.on .idx__a{grid-template-rows:1fr}
.idx__a>div{overflow:hidden;padding-left:42px}
.idx__a p{color:var(--mu);max-width:520px}
.idx__a img{display:none}
.idx__a a{display:inline-block;margin:14px 0 24px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:2px}

.sig{background:var(--bg2)}
.sig__in{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.sig__img{border:1px solid var(--gold);padding:12px;max-width:380px;justify-self:center}
.sig__t p{color:var(--mu);margin:18px 0 28px;max-width:480px}

.mas{max-width:1180px;margin:0 auto;columns:3;column-gap:16px}
.mas figure{break-inside:avoid;margin-bottom:16px;position:relative;overflow:hidden}
.mas img{width:100%;transition:transform 1s var(--ease),filter .6s;filter:grayscale(.35)}
.mas figure:hover img{transform:scale(1.04);filter:none}
.mas figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));font:italic 400 17px var(--se)}
.ig{display:block;max-width:1180px;margin:26px auto 0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}

.quote{text-align:center;padding:clamp(80px,10vw,120px) var(--px);border-block:1px solid var(--line)}
.quote__s{color:var(--gold);letter-spacing:.4em}
.quote__t{font:400 clamp(34px,5.6vw,70px)/1.1 var(--se);margin:16px 0 30px}

.book{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.book p{color:var(--mu);margin-top:14px}
.rf{display:grid;gap:18px;padding:30px;border:1px solid var(--line);background:var(--bg2)}
.rf-hizmet{display:flex;flex-wrap:wrap;gap:8px}
.rf-hizmet label{cursor:pointer}
.rf-hizmet input{position:absolute;opacity:0;pointer-events:none}
.rf-hizmet span{display:inline-block;padding:9px 14px;border:1px solid var(--line);font-size:13.5px;transition:.2s}
.rf-hizmet input:checked+span{border-color:var(--gold);color:var(--gold);background:rgba(216,185,138,.08)}
.rf-hizmet input:focus-visible+span{outline:2px solid var(--gold)}
.rf__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rf__row label{display:grid;gap:6px;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--mu)}
.rf__row input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);background:var(--bg);font-size:16px;outline:none;color-scheme:dark}
.rf__row input:focus{border-color:var(--gold)}

.contact{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:50px}
.addr{color:var(--mu);margin:16px 0}
.open{font-size:14px;margin-bottom:10px;color:#F87171}
.open.acik{color:#4ADE80}
.hours{width:100%;max-width:420px;border-collapse:collapse;margin-bottom:26px;font-size:14.5px}
.hours td{padding:9px 0;border-bottom:1px solid var(--line)}
.hours td:last-child{text-align:right;color:var(--mu)}
.hours .bugun td{color:var(--gold)}
.map{min-height:420px;border:1px solid var(--line)}
.map iframe{display:block;width:100%;height:100%;min-height:420px;border:0;filter:grayscale(1) invert(.9) contrast(.95)}

.ft{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:34px var(--px) calc(110px + env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:13.5px;color:var(--mu)}
.ft a{color:var(--gold)}
.dock{display:none}
.rv{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease) var(--d,0s),transform 1s var(--ease) var(--d,0s)}
.rv.in{opacity:1;transform:none}
.is-embed .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv,.hero__t span,.hero__fan figure{opacity:1;transform:none}}

@media (max-width:960px){
  .idx,.sig__in,.book,.contact{grid-template-columns:1fr}
  .idx__l{position:static}.idx__img{display:none}
  .idx__a>div{padding-left:0}
  .idx__a img{display:block;width:100%;max-width:300px;aspect-ratio:9/12;object-fit:cover;margin:4px 0 14px}
  .mas{columns:2}
}
@media (max-width:760px){
  .hd__nav{position:fixed;top:calc(var(--ldbar) + 68px);left:0;right:0;flex-direction:column;gap:0;padding:6px var(--px) 16px;background:rgba(14,11,12,.98);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.3s;box-shadow:0 1px 0 var(--line)}
  .hd__nav a{padding:15px 0;border-bottom:1px solid var(--line);color:var(--tx);font-size:13px}
  .hd.o{background:rgba(14,11,12,.98)}.hd.o .hd__nav{opacity:1;visibility:visible;transform:none}
  .hd__cta{display:none}.burger{display:block}
  .hero{padding-top:calc(var(--ldbar) + 100px)}
  .rf{padding:20px}.rf__row{grid-template-columns:1fr}
  .map,.map iframe{min-height:320px}
  .dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1.4fr 1fr;padding-bottom:env(safe-area-inset-bottom);background:#0E0B0C;border-top:1px solid var(--gold);font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-align:center}
  .dock a{padding:16px 4px}
  .dock__wa{background:var(--gold);color:#0E0B0C}
  .is-embed .dock{display:none}
}