/* Bella — Tasarım 1 "Soft Lux": krem, lila, mürdüm; kemer biçimli çerçeveler */
:root{--bg:#FBF6F1;--bg2:#F4ECF6;--card:#fff;--tx:#2B1D33;--mu:#7A6A80;--plum:#5B2C83;--lila:#B596D6;--lila2:#EDE2F7;--gold:#C9A38B;--line:rgba(43,29,51,.12);--se:'Cormorant Garamond',Georgia,serif;--sa:'Jost',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) + 80px);-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--tx);font:400 16px/1.65 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,h3{font-family:var(--se);font-weight:600;line-height:1.05;letter-spacing:-.01em}
h2{font-size:clamp(34px,5vw,58px)}
em{font-style:italic;color:var(--plum)}
.kick{display:inline-block;font:500 12px var(--sa);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 24px;border-radius:999px;font-weight:500;font-size:15px;letter-spacing:.02em;transition:transform .25s var(--ease),background .25s,box-shadow .25s;cursor:pointer;border:0;text-align:center}
.btn:hover{transform:translateY(-2px)}
.btn--plum{background:var(--plum);color:#fff;box-shadow:0 14px 30px -14px var(--plum)}
.btn--plum:hover{background:#4A2270}
.btn--line{border:1px solid var(--plum);color:var(--plum);background:transparent}
.btn--lg{min-height:54px;padding:15px 28px;font-size:16px}
.btn--block{width:100%}
.row{display:flex;flex-wrap:wrap;gap:12px}

/* header */
.hd{position:fixed;top:var(--ldbar);left:0;right:0;z-index:50;display:flex;align-items:center;gap:24px;padding:14px var(--px);transition:background .3s,box-shadow .3s}
.hd.s{background:rgba(251,246,241,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.logo{display:flex;flex-direction:column;line-height:1}
.logo i{font:italic 600 32px var(--se);color:var(--plum)}
.logo small{font:500 8.5px var(--sa);letter-spacing:.42em;color:var(--mu);margin-top:2px}
.hd__nav{display:flex;gap:28px;margin-left:auto;font-size:15px;color:var(--mu)}
.hd__nav a:hover{color:var(--plum)}
.burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:none;position:relative;cursor:pointer}
.burger i{position:absolute;left:13px;right:13px;height:1.5px;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 */
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;min-height:100svh;padding:calc(var(--ldbar) + 110px) var(--px) 60px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-12%;top:8%;width:62vw;height:62vw;max-width:820px;max-height:820px;border-radius:50%;background:radial-gradient(closest-side,var(--lila2),transparent);z-index:-1}
.hero h1{font-size:clamp(46px,7.2vw,96px);margin:4px 0 22px}
.lead{font-size:18px;color:var(--mu);max-width:520px;margin-bottom:30px}
.rate{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:10px 16px;border-radius:999px;background:var(--card);box-shadow:0 10px 30px -18px rgba(43,29,51,.35);font-size:14px;color:var(--mu)}
.rate b{color:var(--tx);font-size:16px}
.rate__s{color:#E3A008;letter-spacing:2px}
.hero__vis{position:relative;height:min(76vh,680px);min-height:420px}
.arch{position:absolute;overflow:hidden;border-radius:999px 999px 28px 28px;box-shadow:0 40px 70px -35px rgba(43,29,51,.55);background:var(--lila2)}
.arch img{width:100%;height:100%;object-fit:cover}
.arch--big{right:4%;top:0;width:min(62%,380px);aspect-ratio:9/14;animation:float 7s ease-in-out infinite}
.arch--small{left:2%;bottom:0;width:min(40%,240px);aspect-ratio:9/13;border:6px solid var(--bg);animation:float 8s ease-in-out infinite -3s}
@keyframes float{50%{transform:translateY(-12px)}}
.chip{position:absolute;padding:10px 16px;border-radius:999px;background:var(--card);font-size:14px;font-weight:500;color:var(--plum);box-shadow:0 14px 30px -16px rgba(43,29,51,.4);white-space:nowrap}
.chip--a{left:10%;top:14%;animation:float 6s ease-in-out infinite -1s}
.chip--b{right:0;bottom:12%;animation:float 6.5s ease-in-out infinite -2s}

.ribbon{overflow:hidden;background:var(--plum);color:#F3E8FF;padding:14px 0}
.ribbon__t{display:flex;gap:44px;width:max-content;animation:mq 34s linear infinite;font:italic 500 22px var(--se);white-space:nowrap}
.ribbon__t span::after{content:"✦";font-style:normal;color:var(--lila);margin-left:44px;font-size:13px;vertical-align:middle}
@keyframes mq{to{transform:translateX(-50%)}}

/* bölümler */
.sec{padding:clamp(72px,10vw,130px) var(--px)}
.sec__h{max-width:1160px;margin:0 auto 46px;text-align:center}

.svc{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px}
.svc__k{grid-column:1/-1;margin:28px 0 6px;font:500 12px var(--sa);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.svc__k:first-child{margin-top:0}
.si{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.si__img{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--lila2)}
.si__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.si:hover .si__img img{transform:scale(1.12)}
.si h3{font-size:24px}
.si p{font-size:14.5px;color:var(--mu)}
.si a{font-size:13px;font-weight:500;color:var(--plum);white-space:nowrap;padding:8px 0}

.ba{background:var(--bg2)}
.ba__in{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.ba__img{border-radius:999px 999px 28px 28px;overflow:hidden;max-width:380px;justify-self:center;box-shadow:0 40px 70px -35px rgba(43,29,51,.5)}
.ba__txt p{color:var(--mu);margin:16px 0 26px;max-width:460px}

.gal{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(var(--px),calc((100vw - 1160px)/2)) 18px;margin:0 calc(var(--px) * -1);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gal::-webkit-scrollbar{display:none}
.gal figure{flex:0 0 clamp(200px,24vw,280px);scroll-snap-align:center}
.gal .arch{position:relative;aspect-ratio:9/14;width:100%}
.gal figcaption{text-align:center;margin-top:12px;font:italic 500 19px var(--se);color:var(--mu)}
.gal__ig{text-align:center;margin-top:18px}
.gal__ig a{color:var(--plum);font-weight:500}

.trust__in{max-width:900px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;padding:44px;border-radius:32px;background:var(--card);box-shadow:0 30px 60px -40px rgba(43,29,51,.4)}
.trust__n{display:grid;place-items:center;width:180px;height:180px;border-radius:50%;background:var(--plum);color:#fff;text-align:center}
.trust__n b{font:600 64px/1 var(--se)}
.trust p{color:var(--mu);margin:12px 0 20px}

.book{max-width:1060px;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-radius:28px;background:var(--card);box-shadow:0 30px 60px -40px rgba(43,29,51,.45)}
.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-radius:999px;border:1px solid var(--line);font-size:14px;transition:.2s}
.rf-hizmet input:checked+span{background:var(--plum);border-color:var(--plum);color:#fff}
.rf-hizmet input:focus-visible+span{outline:2px solid var(--plum);outline-offset:2px}
.rf__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rf__row label{display:grid;gap:6px;font-size:13px;color:var(--mu)}
.rf__row input{width:100%;min-height:48px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg);font-size:16px;outline:none}
.rf__row input:focus{border-color:var(--plum)}

.contact{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;gap:48px}
.addr{color:var(--mu);margin:16px 0}
.open{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;margin-bottom:12px}
.open::before{content:"";width:8px;height:8px;border-radius:50%;background:#DC2626}
.open.acik::before{background:#16A34A}
.hours{width:100%;max-width:420px;border-collapse:collapse;margin-bottom:24px;font-size:15px}
.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(--plum);font-weight:600}
.map{border-radius:28px;overflow:hidden;min-height:400px;box-shadow:0 30px 60px -40px rgba(43,29,51,.45)}
.map iframe{display:block;width:100%;height:100%;min-height:400px;border:0}

.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:14px;color:var(--mu)}
.ft a{color:var(--plum)}
.dock{display:none}

.rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s 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{opacity:1;transform:none}}

@media (max-width:960px){
  .hero,.ba__in,.book,.contact{grid-template-columns:1fr}
  .hero{min-height:auto;padding-top:calc(var(--ldbar) + 100px);gap:34px}
  .hero__vis{height:auto;min-height:0;aspect-ratio:1/1.05;max-width:480px;width:100%;margin:0 auto}
  .svc{grid-template-columns:1fr}
  .trust__in{grid-template-columns:1fr;justify-items:center;text-align:center;padding:32px 22px}
}
@media (max-width:760px){
  .hd__nav{position:fixed;top:calc(var(--ldbar) + 72px);left:0;right:0;flex-direction:column;gap:0;padding:6px var(--px) 16px;background:rgba(251,246,241,.98);box-shadow:0 20px 30px -20px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.3s}
  .hd__nav a{padding:14px 0;border-bottom:1px solid var(--line);color:var(--tx);font-size:17px}
  .hd.o{background:rgba(251,246,241,.98)}.hd.o .hd__nav{opacity:1;visibility:visible;transform:none}
  .hd__cta{display:none}.burger{display:block}
  .lead{font-size:16.5px}
  .row .btn--lg{flex:1 1 220px}
  .chip{font-size:13px;padding:8px 12px}
  .si{grid-template-columns:54px 1fr;gap:14px}
  .si__img{width:54px;height:54px}
  .si a{grid-column:2;padding:2px 0 0}
  .rf{padding:20px}
  .rf__row{grid-template-columns:1fr}
  .trust__n{width:150px;height:150px}
  .map,.map iframe{min-height:320px}
  .dock{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:6px;padding:6px;border-radius:999px;background:rgba(43,29,51,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:14px;font-weight:500;text-align:center;color:#fff}
  .dock a{padding:13px 4px;border-radius:999px}
  .dock__wa{background:#25D366}
  .is-embed .dock{display:none}
}