/* =====================================================================
   Studio Brulee — müşteri sitesi · "Lake ve swatch"
   Bordo lake, pembe-nude zemin, krom parıltı. Başlıklar Forum, metin Onest.
   İmza: açılışta yelpaze gibi açılan badem uçlu tırnak örnekleri.
   ===================================================================== */
:root{
  color-scheme:light;
  --wine:#4b0e1f; --wine-2:#6b1830; --wine-deep:#2a0711;
  --nude:#f1e4e1; --nude-2:#e6d3cf; --porcelain:#fbf6f5;
  --ink:#1c1215; --muted:#6e5a5f; --line:#dfc9c5;
  --rose:#c98b93; --chrome:#c9ccd3; --chrome-hi:#f6f7fa;
  --ok:#2f6b46; --err:#9c2a1d;
  --display:"Forum","Cormorant Garamond","Times New Roman",serif;
  --text:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --radius:20px; --wrap:1240px; --pad:clamp(20px,4vw,48px);
  --ease:cubic-bezier(.2,.7,.1,1);
  --tip:50% 50% 46% 46% / 62% 62% 38% 38%;
  --header-h:72px;
  /* bu fazda yenilenmeyen sayfaların değişken adları */
  --custard:var(--nude); --custard-2:var(--nude-2); --crust:var(--wine); --crust-deep:var(--wine-deep); --amber:var(--rose); --almond:var(--tip);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:hidden}
body{margin:0;background:var(--nude);color:var(--ink);font:400 16px/1.6 var(--text);overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:6px}
::selection{background:var(--wine);color:var(--nude)}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.02;letter-spacing:-.01em;margin:0}
p{margin:0 0 1em}
fieldset{min-width:0;margin:0;padding:0;border:0}
h1,h2,h3,p,a,strong,span{overflow-wrap:break-word}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--ink);color:var(--nude);padding:10px 16px;border-radius:8px}
.skip:focus{left:8px}
.muted{color:var(--muted)}
.small{font-size:14px}
.lede{font-size:clamp(1.05rem,1.5vw,1.2rem);max-width:58ch}
.plain-list{list-style:none;margin:0;padding:0}
.plain-list li{margin:0 0 8px}
.section-title{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.02;margin:0 0 12px}
.notice{padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:var(--porcelain);margin:0 0 18px;color:var(--ink)}
.notice.ok{border-color:var(--ok);color:var(--ok)}
.notice.err{border-color:var(--err);color:var(--err)}

/* ------------------------------------------------------------ düğmeler */
.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:999px;border:1px solid transparent;
  font:600 15px/1.2 var(--text);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.42) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--ease)}
.btn:hover::after{transform:translateX(120%)}
.btn-lacquer,.btn-ink{background:var(--wine);color:var(--nude)}
.btn-lacquer:hover,.btn-ink:hover{background:var(--wine-2)}
.btn-pearl{background:var(--porcelain);color:var(--wine-deep)}
.btn-cream{background:var(--nude);color:var(--wine-deep)}
.btn-ghost-light,.btn-line{border-color:rgba(241,228,225,.45);color:var(--nude);background:transparent}
.btn-ghost-light:hover,.btn-line:hover{background:rgba(241,228,225,.08);border-color:var(--nude)}
.btn-outline{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-outline:hover{background:var(--porcelain)}
.btn-wide,.btn-block{width:100%}
.btn-sm{min-height:38px;padding:8px 16px;font-size:14px}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.link-line,.link-more{display:inline-block;font-weight:600;text-decoration:none;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .5s var(--ease),color .3s}
.link-line:hover,.link-more:hover{background-size:0 1px;background-position:100% 100%}
.magnetic{will-change:transform;transition:transform .5s var(--ease),background-color .3s,color .3s}

/* -------------------------------------------------------------- üst çubuk */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:28px;padding:14px var(--pad);color:var(--ink);
  transition:background-color .45s,color .45s,padding .45s,box-shadow .45s,backdrop-filter .45s}
.site-header.is-solid,.is-page .site-header{background:rgba(241,228,225,.88);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 var(--line);padding-top:10px;padding-bottom:10px}
.is-home .site-header:not(.is-solid),.is-dark-top .site-header:not(.is-solid){color:var(--nude)}
.is-page main{padding-top:var(--header-h)}
.wordmark{font-family:var(--display);font-size:24px;line-height:1;text-decoration:none;letter-spacing:.02em;white-space:nowrap}
.site-nav{display:flex;gap:30px;font-size:15px;font-weight:500}
.site-nav a{position:relative;text-decoration:none;padding:6px 0}
.site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.site-nav a:hover::after,.site-nav a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.header-end{margin-left:auto;display:flex;align-items:center;gap:18px}
.lang-menu{position:relative}
.lang-current{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 12px;border:1px solid rgba(127,127,127,.35);border-radius:999px;background:transparent;color:inherit;font:600 13px var(--text);cursor:pointer}
.lang-current::after{content:"";width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-2px);margin-left:2px}
.flag{display:inline-flex;flex:none;width:22px;height:15px;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.flag svg{display:block;width:100%;height:100%}
.lang-list{position:absolute;right:0;top:calc(100% + 8px);z-index:5;min-width:180px;list-style:none;margin:0;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--porcelain);color:var(--ink);box-shadow:0 22px 40px -18px rgba(42,7,17,.45);animation:drop .3s var(--ease)}
.lang-list[hidden]{display:none}
.lang-list a,.lang-stack a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:500}
.lang-list a:hover,.lang-list a[aria-current]{background:var(--nude)}
.lang-stack{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.lang-stack a{padding:8px 0;font-size:16px;opacity:.7}
.lang-stack a[aria-current]{opacity:1}
@keyframes drop{from{opacity:0;transform:translateY(-6px)}}
.account-links{display:flex;gap:16px;font-size:14px;font-weight:500}
.account-links a{text-decoration:none}
.account-links a:hover,.account-links a[aria-current]{text-decoration:underline;text-underline-offset:4px}
.header-book{min-height:42px;padding:9px 22px}
.is-home .site-header:not(.is-solid) .header-book,.is-dark-top .site-header:not(.is-solid) .header-book{background:var(--porcelain);color:var(--wine-deep)}
.menu-toggle{display:none;position:relative;width:46px;height:46px;border:0;background:transparent;color:inherit;cursor:pointer}
.menu-toggle i,.menu-toggle i::before{position:absolute;left:11px;width:24px;height:1.5px;background:currentColor;content:"";transition:transform .45s var(--ease),top .45s var(--ease)}
.menu-toggle i{top:19px}
.menu-toggle i::before{left:0;top:8px}
.menu-toggle[aria-expanded="true"] i{top:23px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] i::before{top:0;transform:rotate(-90deg)}
@media (max-width:1100px){.account-links{display:none}}
@media (max-width:900px){
  .site-header{gap:12px;padding:12px 16px}
  .site-nav,.header-end .lang-menu,.header-book{display:none}
  .menu-toggle{display:block}
  .wordmark{font-size:22px}
}

/* -------------------------------------------------------- tam ekran menü */
.menu{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;justify-content:space-between;gap:24px;overflow-y:auto;
  padding:90px var(--pad) calc(28px + env(safe-area-inset-bottom));background:var(--wine-deep);color:var(--nude);
  clip-path:circle(0% at calc(100% - 38px) 34px);visibility:hidden;transition:clip-path .75s var(--ease),visibility 0s .75s}
.menu.is-open{clip-path:circle(160% at calc(100% - 38px) 34px);visibility:visible;transition:clip-path .75s var(--ease),visibility 0s}
.menu-links{display:flex;flex-direction:column;gap:4px}
.menu-links a{font-family:var(--display);font-size:clamp(1.9rem,8vw,2.8rem);line-height:1.18;text-decoration:none;opacity:0;transform:translateY(32px);
  transition:opacity .5s,transform .7s var(--ease);transition-delay:calc(.12s + var(--d) * .06s)}
.menu.is-open .menu-links a{opacity:1;transform:none}
.menu-foot{display:grid;gap:16px;align-items:start}
.menu-foot a{text-decoration:none}
.menu-foot .btn{justify-self:stretch}
.menu-open{overflow:hidden}
.menu-open .site-header{color:var(--nude)!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* ----------------------------------------------------------------- açılış */
.hero{position:relative;min-height:clamp(560px,92svh,860px);display:flex;align-items:center;overflow:hidden;color:var(--nude);
  background:radial-gradient(120% 90% at 85% 8%,#7a1f33 0%,rgba(122,31,51,0) 55%),radial-gradient(90% 80% at 0% 100%,#16030a 0%,rgba(22,3,10,0) 60%),var(--wine)}
.hero::before{content:"";position:absolute;inset:0;opacity:.14;mix-blend-mode:overlay;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,72%) var(--my,30%),rgba(255,214,224,.16),transparent 62%);transition:background .2s}
.hero-inner{position:relative;z-index:1;width:100%;max-width:var(--wrap);margin:0 auto;padding:104px var(--pad) 72px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center}
.hero-title{font-size:clamp(2.5rem,5.2vw,5rem);line-height:.98;margin:0 0 22px;max-width:12ch}
.hero-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.hero-title .w > span{display:inline-block;transform:translateY(108%);transition:transform 1.15s var(--ease);transition-delay:calc(.15s + var(--w) * .08s)}
.is-ready .hero-title .w > span{transform:none}
.hero-lede{max-width:44ch;font-size:clamp(1.02rem,1.35vw,1.15rem);opacity:0;transform:translateY(16px);transition:opacity .9s .75s,transform 1s .75s var(--ease)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;opacity:0;transform:translateY(16px);transition:opacity .9s .9s,transform 1s .9s var(--ease)}
.is-ready .hero-lede,.is-ready .hero-actions{opacity:1;transform:none}
.scroll-cue{position:absolute;left:50%;bottom:26px;z-index:1;width:1px;height:56px;background:rgba(241,228,225,.25);overflow:hidden}
.scroll-cue span{position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--nude);animation:cue 2.4s var(--ease) infinite}
@keyframes cue{to{top:110%}}

/* tırnak yelpazesi: oje renkleri ve nail-art desenleri, derin açılıp kapanır */
.fan-wrap{position:relative;height:clamp(340px,54vh,520px)}
.fan{position:absolute;left:50%;bottom:4%;width:0;height:0;transform:rotate(calc(var(--tilt,0) * 6deg));transition:transform .7s var(--ease)}
.tip{--w:clamp(86px,8.6vw,124px);--h:clamp(172px,17.5vw,250px);position:absolute;left:calc(var(--w) / -2);bottom:0;display:block;width:var(--w);height:var(--h);transform-origin:50% 118%;opacity:0}
.is-ready .tip{opacity:1;animation:fan-open 1.5s var(--ease) both,fan-breathe 6.5s ease-in-out infinite;animation-delay:calc(.25s + var(--i) * .06s),calc(1.8s + var(--i) * .05s)}
.fan-wrap:hover .tip{animation-play-state:running,paused}
@keyframes fan-open{from{opacity:0;transform:rotate(0deg) translateY(40px)}to{opacity:1;transform:rotate(calc(var(--k) * 17deg))}}
@keyframes fan-breathe{0%,100%{transform:rotate(calc(var(--k) * 17deg))}50%{transform:rotate(calc(var(--k) * 4deg))}}
.tip-body{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--tip);background:var(--wine-2);
  box-shadow:0 30px 46px -24px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.16);transition:transform .55s var(--ease)}
.tip-body::after{content:"";position:absolute;top:7%;left:22%;width:13%;height:34%;border-radius:999px;transform:rotate(-8deg);background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,0));pointer-events:none}
a.tip:hover .tip-body,a.tip:focus-visible .tip-body{transform:translateY(-24px) scale(1.04)}
.tip-gloss{position:absolute;inset:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.5) 46%,transparent 54%);background-size:260% 100%;background-position:130% 0;animation:gloss 7s ease-in-out infinite;animation-delay:calc(var(--i,0) * .45s + 2s)}
@keyframes gloss{0%,62%{background-position:130% 0}100%{background-position:-40% 0}}
.d-solid{background:linear-gradient(160deg,#9b2a48,#5a1023 70%)}
.d-french{background:radial-gradient(120% 62% at 50% -10%,#fff 0 47%,rgba(255,255,255,0) 48.5%),linear-gradient(#f6dad3,#ecc2b8)}
.d-chrome{background:linear-gradient(135deg,#f7f8fb 0%,#b9bec9 28%,#eef0f5 48%,#9da3b0 70%,#e6e8ee 100%)}
.d-ombre{background:linear-gradient(to top,#f08aa8 0%,#f7c4d2 55%,#fff6f8 100%)}
.d-glitter{background:radial-gradient(circle at 30% 30%,#f6d27a 0 1.3px,transparent 2px) 0 0/11px 11px,radial-gradient(circle at 70% 70%,#fff 0 1px,transparent 1.6px) 0 0/9px 9px,linear-gradient(160deg,#8a2440,#3a0a17)}
.d-cateye{background:linear-gradient(115deg,transparent 36%,rgba(205,180,255,.9) 50%,transparent 64%) 0 0/100% 220%,linear-gradient(160deg,#2b1230,#0f0710);animation:cateye 4s ease-in-out infinite alternate}
@keyframes cateye{to{background-position:0 100%,0 0}}
.d-dots{background:radial-gradient(circle,#fff 0 2.6px,transparent 3.2px) 0 0/15px 15px,linear-gradient(160deg,#d7263d,#a10f22)}
@media (max-width:900px){
  .hero{min-height:auto}
  .hero-inner{grid-template-columns:1fr;padding:84px 20px 36px;gap:0}
  .hero-title{font-size:clamp(2.1rem,9vw,2.9rem);margin-bottom:14px}
  .hero-lede{margin-bottom:18px}
  .fan-wrap{height:250px;margin-top:6px}
  .tip{--w:62px;--h:124px}
  .scroll-cue{display:none}
}
/* -------------------------------------------------------------- hizmet bandı */
.marquee{overflow:hidden;padding:16px 0;background:var(--nude);border-bottom:1px solid var(--line)}
.marquee-track{display:flex;width:max-content;animation:marquee 48s linear infinite}
.marquee-group{display:flex;align-items:center;gap:26px;padding-right:26px}
.marquee-group span{font-family:var(--display);font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.1;white-space:nowrap;color:var(--wine)}
.marquee-group i{flex:none;width:9px;height:17px;border-radius:var(--tip);background:var(--rose)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ------------------------------------------------------------- kampanyalar */
.offers-x{max-width:var(--wrap);margin:0 auto;padding:clamp(48px,6vw,80px) var(--pad) 0}
.offer-grid{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:24px}
.offer-x{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius);background:var(--wine);color:var(--nude)}
.offer-x::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(120deg,var(--chrome),transparent 35%,var(--chrome-hi) 60%,transparent 85%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.offer-x img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.offer-x-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px 26px 28px}
.offer-x-body p{margin:0}
.offer-x-value{font-family:var(--display);font-size:3.4rem;line-height:1;color:transparent;-webkit-background-clip:text;background-clip:text;
  background-image:linear-gradient(100deg,var(--chrome-hi) 20%,var(--rose) 45%,var(--chrome-hi) 70%);background-size:220% 100%;animation:shimmer 5s linear infinite}
.offer-x h3{font-size:1.8rem}
.offer-x .muted{color:rgba(241,228,225,.7)}
.offer-x-code strong{letter-spacing:.06em}
@keyframes shimmer{to{background-position:-220% 0}}

/* ------------------------------------------------------- hizmetler (menü) */
.services-x{position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(44px,5vw,72px) var(--pad) clamp(12px,2vw,24px)}
.services-head,.team-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 40px;align-items:end;margin:0 0 28px}
.services-head p,.team-head p{max-width:46ch;margin:0;color:var(--muted)}
.service-cat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:20px;padding:18px 0;border-top:1px solid var(--line)}
.service-cat h3{position:sticky;top:96px;align-self:start;font-size:clamp(1.4rem,2vw,1.75rem)}
.service-cat ul{list-style:none;margin:0;padding:0}
.service-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .45s var(--ease),color .3s}
.service-cat li:last-child .service-row{border-bottom:0}
.service-row::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.service-row:hover,.service-row:focus-visible{padding-left:12px;color:var(--wine)}
.service-row:hover::before,.service-row:focus-visible::before{transform:scaleX(1)}
.sr-name{min-width:0;font-size:1.02rem;font-weight:500;line-height:1.35}
.sr-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.15}
.sr-price{font-family:var(--display);font-size:1.3rem;white-space:nowrap}
.sr-time{font-size:13px;color:var(--muted);white-space:nowrap}
.cursor-preview{position:fixed;left:0;top:0;z-index:30;width:190px;height:250px;border-radius:var(--tip);overflow:hidden;pointer-events:none;opacity:0;background:var(--nude-2);
  transform:translate3d(calc(var(--x,0px) - 50%),calc(var(--y,0px) - 50%),0) scale(var(--s,.6)) rotate(-7deg);transition:opacity .3s,transform .45s var(--ease);box-shadow:0 30px 60px -30px rgba(42,7,17,.6)}
.cursor-preview.is-on{opacity:1;--s:1}
.cursor-preview img{display:block;width:100%;height:100%;object-fit:cover}
@media (hover:none),(max-width:900px){.cursor-preview{display:none}}
@media (max-width:760px){
  .services-head,.team-head{grid-template-columns:1fr}
  .service-cat{grid-template-columns:1fr;gap:2px;padding:16px 0}
  .service-cat h3{position:static}
}

/* ------------------------------------------------------ galeri ızgarası */
.work-x{max-width:var(--wrap);margin:0 auto;padding:clamp(24px,3vw,40px) var(--pad) clamp(44px,5vw,72px)}
.work-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 32px;margin:0 0 24px}
.work-head p{max-width:46ch;margin:0;color:var(--muted)}
.work-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.work-media{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;border-radius:16px;background:var(--nude-2)}
.work-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.work-media:hover img{transform:scale(1.05)}
.work-over{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:36px 14px 12px;font-size:13px;color:var(--nude);
  background:linear-gradient(rgba(26,4,11,0),rgba(26,4,11,.78));opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s var(--ease)}
.work-over strong{font-family:var(--display);font-size:1.15rem;font-weight:400}
.work-media:hover .work-over,.work-media:focus-visible .work-over{opacity:1;transform:none}
@media (hover:none){.work-over{opacity:1;transform:none}}
@media (max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-head .btn{width:100%}}

/* ------------------------------------------------------------------ ekip */
.team-x{max-width:var(--wrap);margin:0 auto;padding:clamp(44px,5vw,72px) var(--pad)}
.team-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}
@media (min-width:761px){.member:nth-child(even){margin-top:36px}}
@media (max-width:900px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.member h3{font-size:1.3rem}}
.member-photo{position:relative;display:block;overflow:hidden;aspect-ratio:3/4;border-radius:var(--tip);background:var(--nude-2);transition:border-radius .8s var(--ease)}
.member-photo:hover{border-radius:var(--radius)}
.member-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.member-photo:hover img{transform:scale(1.05)}
.member-initial{display:grid;place-items:center;width:100%;height:100%;font-family:var(--display);font-size:5rem;color:var(--wine)}
.member h3{font-size:1.6rem;margin:14px 0 2px}
.member h3 a{text-decoration:none}
.member p{margin:0 0 10px}

/* ------------------------------------------------------------------ footer */
.site-footer{position:relative;overflow:hidden;color:var(--nude);padding:0 var(--pad) calc(96px + env(safe-area-inset-bottom));
  background:radial-gradient(70% 60% at 88% 0%,rgba(122,31,51,.6),rgba(122,31,51,0) 70%),radial-gradient(60% 50% at 0% 100%,rgba(201,139,147,.12),rgba(201,139,147,0) 70%),var(--wine-deep)}
.site-footer a:not(.btn){color:inherit}
.footer-cta{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr);gap:24px 40px;align-items:center;padding:52px 0 40px;border-bottom:1px solid rgba(241,228,225,.14)}
.footer-cta-title{margin:0 0 10px;font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.02}
.footer-cta-copy p{max-width:44ch;margin:0;opacity:.78}
.footer-tips{position:relative;width:180px;height:112px}
.ft-tip{position:absolute;left:50%;bottom:0;width:34px;height:70px;margin-left:-17px;border-radius:var(--tip);transform-origin:50% 125%;
  box-shadow:0 12px 22px -12px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.16);animation:tip-sway 4.5s ease-in-out infinite;animation-delay:calc(var(--i) * .12s);transform:rotate(calc((var(--i) - 2) * 22deg))}
.ft-tip::after{content:"";position:absolute;top:9%;left:24%;width:16%;height:32%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0))}
@keyframes tip-sway{0%,100%{transform:rotate(calc((var(--i) - 2) * 24deg))}50%{transform:rotate(calc((var(--i) - 2) * 12deg))}}
.ft-milk{background:linear-gradient(160deg,#fff,#eee3dc)}
.ft-baby{background:linear-gradient(160deg,#fbd6dd,#f2b3c0)}
.ft-bordeaux{background:linear-gradient(160deg,#9b2a48,#5a1023)}
.ft-chrome{background:linear-gradient(135deg,#fff,#b8bdc8 30%,#f3f4f8 50%,#8e95a3 75%,#e7e9ef)}
.ft-cateye{background:linear-gradient(135deg,#1d0f2b 0 38%,#e2c8ff 50%,#1d0f2b 62%) 0 0/200% 200%;animation:tip-sway 4.5s ease-in-out infinite,cat-shift 3s ease-in-out infinite alternate}
@keyframes cat-shift{to{background-position:100% 100%}}
.footer-cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.btn-big{min-height:56px;padding:15px 34px;font-size:16px}
.btn svg,.footer-links svg,.footer-address svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
svg .dot{fill:currentColor;stroke:none}
.footer-grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:36px 0 4px}
.footer-col h3{margin:0 0 14px;font-family:var(--text);font-size:13px;font-weight:600;letter-spacing:.03em;opacity:.6}
.footer-address{display:flex;gap:10px;margin:0 0 12px;font-family:var(--display);font-size:1.2rem;line-height:1.3;text-decoration:none}
.footer-address small{display:block;margin-top:6px;font-family:var(--text);font-size:13px;font-weight:600;opacity:.75;text-decoration:underline;text-underline-offset:4px}
a.footer-address:hover small{opacity:1}
.footer-address svg{margin-top:4px}
.footer-hours{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0;font-size:14px}
.footer-hours dt{opacity:.7}
.footer-hours dd{margin:0;text-align:right;font-weight:600}
.footer-hours dd.is-closed{font-weight:500;opacity:.55}
.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.footer-links a{display:inline-flex;align-items:center;gap:10px;font-size:15px;text-decoration:none;transition:color .2s,transform .3s var(--ease)}
.footer-links a:hover{color:#fff;transform:translateX(3px)}
.footer-account{margin:18px 0 0;font-size:14px}
.footer-mark{margin:30px 0 14px;text-align:center;white-space:nowrap;font-family:var(--display);font-size:clamp(2.6rem,10vw,8.5rem);line-height:.9;color:transparent;
  -webkit-background-clip:text;background-clip:text;background-image:linear-gradient(100deg,rgba(241,228,225,.14) 0%,rgba(241,228,225,.14) 42%,rgba(255,255,255,.85) 50%,rgba(241,228,225,.14) 58%,rgba(241,228,225,.14) 100%);background-size:300% 100%;animation:shimmer 10s linear infinite}
.footer-bottom{max-width:var(--wrap);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;padding-top:14px;border-top:1px solid rgba(241,228,225,.12);font-size:13px;opacity:.72}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.footer-bottom a{text-decoration:none}
.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
@media (min-width:901px){.site-footer{padding-bottom:28px}}
@media (max-width:1000px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .footer-cta{grid-template-columns:1fr;padding:40px 0 30px;text-align:left}
  .footer-tips{order:-1;width:140px;height:84px;margin:0 0 4px}
  .ft-tip{width:26px;height:54px;margin-left:-13px}
  .footer-cta-actions{justify-content:stretch}
  .footer-cta-actions .btn{flex:1 1 100%}
}
@media (max-width:540px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
  .footer-col:nth-child(-n+2){grid-column:1 / -1}
  .footer-links a{font-size:14px}
  .footer-bottom{justify-content:center;text-align:center}
  .footer-bottom nav{justify-content:center}
}
.book-bar{display:none}
@media (max-width:900px){
  .book-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:999px;
    background:var(--wine);color:var(--nude);font-weight:600;text-decoration:none;box-shadow:0 14px 30px -12px rgba(42,7,17,.65);transform:translateY(0);transition:transform .45s var(--ease)}
  .book-bar.is-hidden{transform:translateY(140%)}
}

/* ------------------------------------------------- sayfa başlığı (galeri vb.) */
.page-hero{background:radial-gradient(90% 120% at 90% 0%,#7a1f33 0%,rgba(122,31,51,0) 60%),var(--wine);color:var(--nude);padding:112px var(--pad) 40px}
.page-hero-inner{max-width:var(--wrap);margin:0 auto}
.page-title{font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:.98;margin:0 0 12px}
.page-lede{max-width:52ch;margin:0;font-size:1rem;opacity:.86}

/* ---------------------------------------------------------- galeri filtresi */
.filterbar{position:sticky;top:calc(var(--header-h) - 2px);z-index:20;background:rgba(241,228,225,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.filterbar-inner{max-width:var(--wrap);margin:0 auto;padding:12px var(--pad);display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
.filter-artist select{appearance:none;-webkit-appearance:none;min-height:40px;padding:6px 40px 6px 16px;border:1px solid var(--ink);border-radius:999px;background:transparent;font:500 14px var(--text);color:var(--ink);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231c1215' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.filter-more{flex:1 1 100%}
.filter-more summary{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 16px;border:1px solid var(--line);border-radius:999px;background:var(--porcelain);font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.filter-more summary::-webkit-details-marker{display:none}
.filter-more summary::after{content:"";width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-2px);transition:transform .3s var(--ease)}
.filter-more[open] summary::after{transform:rotate(-135deg)}
.filter-rows{display:grid;gap:10px;padding-top:12px}
.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.filter-row legend{float:left;margin:0 6px 0 0;padding:0;font-size:13px;color:var(--muted);white-space:nowrap}
@media (min-width:901px){.filterbar-inner{flex-wrap:nowrap}.filter-more{flex:1}.filter-more summary{display:none}.filter-rows{padding-top:0}}
@media (max-width:900px){.filterbar{position:static}}
.chip-x{flex:none;cursor:pointer}
.chip-x input{position:absolute;opacity:0;pointer-events:none}
.chip-x span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 13px;border:1px solid var(--line);border-radius:999px;background:var(--porcelain);font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .25s,color .25s,border-color .25s}
.chip-x:hover span{border-color:var(--wine)}
.chip-x input:checked + span{background:var(--wine);border-color:var(--wine);color:var(--nude)}
.chip-x input:focus-visible + span{outline:2px solid var(--rose);outline-offset:2px}
.cap{flex:none;width:16px;height:18px;border-radius:50% 50% 46% 46% / 40% 40% 60% 60%;background:var(--cap,#ccc);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),inset 0 2px 2px rgba(255,255,255,.4)}

/* -------------------------------------------------------------- galeri */
.gallery-x{max-width:1360px;margin:0 auto;padding:32px var(--pad) 80px}
.gallery-x > .section-title{margin-bottom:28px}
.result-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin:0 0 26px;color:var(--muted)}
.shots{list-style:none;margin:0;padding:0;columns:3 300px;column-gap:26px}
.shot{position:relative;break-inside:avoid;margin:0 0 34px}
.shot-media{position:relative;display:block;overflow:hidden;border-radius:var(--radius);background:var(--nude-2)}
.shot-media img{display:block;width:100%;transition:transform 1s var(--ease)}
.shot-media:hover img{transform:scale(1.04)}
.shot-count{position:absolute;top:12px;right:12px;display:grid;place-items:center;min-width:30px;height:30px;padding:0 9px;border-radius:15px;background:rgba(42,7,17,.72);color:var(--nude);font-size:13px;font-weight:600}
.shot-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px 2px}
.shot-artist{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:1.3rem;line-height:1.1;text-decoration:none}
.shot-artist img,.avatar-initial{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover}
.avatar-initial{display:grid;place-items:center;background:var(--wine);color:var(--nude);font-family:var(--text);font-size:13px}
.shot-service{font-size:13px;color:var(--muted);text-align:right}
.shot-book{display:inline-block;margin-top:6px;font-size:14px;font-weight:600;color:var(--wine);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease)}
.shot-book:hover{background-size:100% 1px}
.empty-x{padding:70px 0;text-align:center}
.empty-x p{font-family:var(--display);font-size:1.5rem;margin:0 0 16px}
.pager-x{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px}
@media (max-width:640px){
  .shots{columns:2;column-gap:12px}
  .shot{margin-bottom:22px}
  .shot-info{flex-direction:column;align-items:flex-start;gap:2px}
  .shot-artist{font-size:1.08rem}
  .shot-service{display:none}
  .shot-book{font-size:13px}
}

/* ---------------------------------------------------------- tasarım sayfası */
.post-x{max-width:1240px;margin:0 auto;padding:24px var(--pad) 80px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
.post-x-images{display:grid;gap:18px}
.post-x-figure{margin:0;overflow:hidden;border-radius:var(--radius);background:var(--nude-2)}
.post-x-figure img{display:block;width:100%}
.post-x-panel{position:sticky;top:calc(var(--header-h) + 28px);display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.back-link{font-size:14px;color:var(--muted);text-decoration:none}
.back-link::before{content:"‹";margin-right:8px}
.back-link:hover{color:var(--wine)}
.post-x-title{font-size:clamp(2rem,3.4vw,3rem);line-height:1.02}
.shot-artist-lg img,.shot-artist-lg .avatar-initial{width:44px;height:44px}
.shot-artist-lg small{display:block;font-family:var(--text);font-size:13px;color:var(--muted)}
.post-x-caption{max-width:48ch;margin:0;font-size:1.05rem}
.tag-x{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tag-x a{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--porcelain);font-size:14px;text-decoration:none}
.tag-x a:hover{border-color:var(--wine)}
@media (max-width:900px){.post-x{grid-template-columns:1fr}.post-x-panel{position:static}}

/* ------------------------------------------------------------ uzman profili */
.artist-x{overflow:hidden;background:radial-gradient(100% 120% at 100% 0%,#7a1f33 0%,rgba(122,31,51,0) 55%),var(--wine);color:var(--nude)}
.artist-x-inner{max-width:var(--wrap);margin:0 auto;padding:104px var(--pad) 36px;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(24px,5vw,64px);align-items:center}
.artist-x-photo{position:relative;width:100%;max-width:330px;aspect-ratio:3/4;overflow:hidden;border-radius:var(--tip);background:var(--wine-2);box-shadow:0 40px 70px -40px rgba(0,0,0,.75)}
.artist-x-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.6s var(--ease)}
.is-ready .artist-x-photo img{transform:none}
.artist-x-role{margin:0 0 6px;opacity:.75}
.artist-x-name{margin:0 0 16px;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:.96}
.artist-x-bio{max-width:56ch;margin:0 0 22px;opacity:.9}
.artist-x-actions{display:flex;flex-wrap:wrap;gap:10px}
.artist-x .notice{margin-top:16px;background:rgba(255,255,255,.06);color:var(--nude);border-color:rgba(241,228,225,.3)}
.week-x{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad) 40px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.week-day{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border:1px solid rgba(241,228,225,.22);border-radius:14px;text-align:center;background:rgba(255,255,255,.04)}
.week-day.is-off{opacity:.45}
.week-name{font-family:var(--display);font-size:1.25rem;line-height:1}
.week-hours{display:flex;flex-wrap:wrap;justify-content:center;column-gap:4px;font-size:12.5px;opacity:.9}
.week-hours span + span::before{content:"–";margin-right:4px}
.services-x-artist .services-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:760px){
  .artist-x-inner{grid-template-columns:1fr;padding-top:88px;gap:20px}
  .artist-x-photo{max-width:220px}
  .artist-x-actions .btn{flex:1 1 100%}
  .week-x{gap:4px;padding-bottom:28px}
  .week-day{padding:8px 2px;border-radius:10px}
  .week-name{font-size:1rem}
  .week-hours{flex-direction:column;font-size:10.5px}
  .week-hours span + span::before{content:none}
  .services-x-artist .services-head{grid-template-columns:1fr}
}

/* ------------------------------------------------------------- 404 / 410 */
.status-x{display:grid;place-items:center;min-height:80svh;padding:110px var(--pad) 70px;text-align:center;color:var(--nude);background:radial-gradient(80% 80% at 50% 0%,#7a1f33 0%,rgba(122,31,51,0) 60%),var(--wine)}
.status-x-inner{max-width:760px}
.status-x .page-lede{margin:0 auto 30px}
.status-links{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px}
.status-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* --------------------------------------------------------- görsel belirmesi */
.js .reveal{clip-path:inset(14% 0 0 0);opacity:0;transform:scale(1.06);transition:clip-path 1.2s var(--ease),opacity .9s,transform 1.5s var(--ease)}
.js .reveal.is-in{clip-path:inset(0 0 0 0);opacity:1;transform:none}

/* ------------------------------------------------------------ ışık kutusu */
.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(26,4,11,.96);color:var(--nude)}
.lightbox::backdrop{background:rgba(26,4,11,.6)}
.lightbox[open]{animation:lb-in .45s var(--ease)}
@keyframes lb-in{from{opacity:0}}
.lightbox-inner{display:grid;grid-template-rows:1fr auto;gap:14px;height:100%;padding:60px 16px calc(18px + env(safe-area-inset-bottom))}
.lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0}
.lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:16px}
.lightbox-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:980px;margin:0 auto}
.lightbox-bar p{margin:0;font-size:15px}
.lightbox-bar strong{font-family:var(--display);font-size:1.3rem;font-weight:400}
.lightbox button{width:50px;height:50px;border:0;border-radius:50%;background:rgba(241,228,225,.1);color:var(--nude);font-size:22px;cursor:pointer;transition:background-color .2s}
.lightbox button:hover{background:rgba(241,228,225,.2)}
.lightbox .lb-close{position:absolute;top:12px;right:12px}
.lightbox .lb-prev,.lightbox .lb-next{position:absolute;top:50%;transform:translateY(-50%)}
.lightbox .lb-prev{left:8px}
.lightbox .lb-next{right:8px}

/* ------------------------------------------------------------ sayfa geçişi */
@view-transition{navigation:auto}
::view-transition-old(root){animation:.32s var(--ease) both vt-out}
::view-transition-new(root){animation:.5s var(--ease) both vt-in}
@keyframes vt-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(14px)}}

/* =====================================================================
   Rezervasyon akışı ve hukuki sayfalar (sonraki fazda yeniden tasarlanacak)
   ===================================================================== */
/* -------------------------------------------------------- rezervasyon */
.booking-shell{max-width:1120px;margin:0 auto;padding:clamp(24px,4vw,48px) 20px 120px}
.booking-title{font-size:clamp(1.9rem,4vw,2.8rem);margin:0 0 20px}
.booking{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.booking > *,.step{min-width:0}
.steps{list-style:none;display:flex;gap:6px;margin:0 0 22px;padding:0;overflow-x:auto;scrollbar-width:none}
.steps li{flex:none;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);background:transparent}
.steps li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--custard-2);font-size:12px}
.steps li.is-current{background:var(--porcelain);color:var(--ink);border:1px solid var(--line)}
.steps li.is-current span{background:var(--crust);color:var(--custard)}
.steps li.is-done span{background:var(--ink);color:var(--custard)}
.step h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 18px}
.step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.tabs-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px}
.tabs-row button{flex:none;min-height:42px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--porcelain);font:600 14px var(--text);color:var(--ink);cursor:pointer}
.tabs-row button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--custard)}
.choice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:16px 18px;margin:0 0 10px;border:1.5px solid var(--line);border-radius:14px;background:var(--porcelain);cursor:pointer;transition:border-color .15s,background-color .15s}
.choice:hover{border-color:var(--crust)}
.choice input{width:20px;height:20px;accent-color:var(--crust);margin:0}
.choice.is-on{border-color:var(--crust);background:#fff3df}
.choice.is-off{opacity:.45;cursor:not-allowed}
.choice-main{display:flex;flex-direction:column;line-height:1.35}
.choice-main strong{font-weight:700}
.choice-main small{color:var(--muted);font-size:14px}
.choice-price{font-weight:700;white-space:nowrap;text-align:right}
.choice-photo{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--custard-2);display:grid;place-items:center;font-family:var(--display)}
.days{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;margin:0 0 18px;max-width:100%;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.day{scroll-snap-align:start}
.day{flex:none;width:72px;padding:10px 0;border-radius:14px;border:1.5px solid var(--line);background:var(--porcelain);font:inherit;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.2}
.day small{font-size:12px;color:var(--muted)}
.day strong{font-family:var(--display);font-weight:400;font-size:20px;margin:4px 0}
.day[disabled]{opacity:.35;cursor:not-allowed}
.day[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--custard)}
.day[aria-pressed="true"] small{color:var(--custard-2)}
.time-group h3{font-family:var(--text);font-weight:600;font-size:14px;color:var(--muted);margin:14px 0 8px}
.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}
.time{min-height:46px;border-radius:12px;border:1.5px solid var(--line);background:var(--porcelain);font:700 15px var(--text);color:var(--ink);cursor:pointer}
.time:hover{border-color:var(--crust)}
.time[aria-pressed="true"]{background:var(--crust);border-color:var(--crust);color:var(--custard)}
.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.form-grid .full{grid-column:1 / -1}
.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.field input,.field textarea{width:100%;min-width:0;min-height:50px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--porcelain);font:400 16px var(--text);color:var(--ink)}
.field textarea{min-height:90px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--crust);outline:none;box-shadow:0 0 0 3px rgba(227,162,76,.35)}
.field small{font-weight:400;color:var(--muted)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:14px 0 0}
.check input{width:18px;height:18px;accent-color:var(--crust);margin-top:2px}
.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.summary{position:sticky;top:96px;background:var(--porcelain);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}
.summary h2{font-size:1.1rem;font-weight:400;margin:0 0 14px}
.summary dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:15px}
.summary dt{color:var(--muted)}
.summary dd{margin:0;font-weight:600;text-align:right}
.summary .total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:14px;padding-top:14px;font-size:18px;font-weight:700}
.summary-design{display:flex;gap:12px;align-items:center;margin:0 0 14px;font-size:14px}
.summary-design img{width:56px;height:70px;object-fit:cover;border-radius:var(--almond)}
.summary-empty{color:var(--muted);font-size:15px;margin:0}
.done{text-align:center;padding:clamp(24px,5vw,56px) 0}
.done h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 14px}
.done .code{font-family:var(--display);font-size:1.6rem;letter-spacing:.12em;margin:12px 0 22px}
.alternatives{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
@media (max-width:900px){
  .booking{grid-template-columns:minmax(0,1fr)}
  .summary{position:static;order:2}
  .form-grid{grid-template-columns:1fr}
  .booking-shell{padding-bottom:40px}
}

/* --------------------------------------------- müşterinin randevu sayfası */
.manage{max-width:720px;margin:0 auto;padding:clamp(28px,5vw,56px) 24px 80px}
.manage h1{font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 22px}
.manage .card{background:var(--porcelain);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin:0 0 18px}
.manage .when{font-family:var(--display);font-weight:300;font-size:clamp(1.4rem,3vw,1.9rem);margin:0 0 8px}
.manage .status{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;background:#f6dcb8;color:var(--crust-deep)}
.manage .status.is-cancelled{background:var(--custard-2);color:var(--muted)}
.manage .details{display:grid;grid-template-columns:130px 1fr;gap:8px 16px;margin:18px 0 0}
.manage .details dt{color:var(--muted);font-size:15px}
.manage .details dd{margin:0;font-weight:600}
.manage .actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.manage .btn-primary{background:var(--ink);color:var(--custard)}
.manage .btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.manage .btn-danger{background:transparent;border-color:var(--err);color:var(--err)}
.manage label{display:block;font-size:14px;font-weight:600;margin:0 0 12px}
.manage input[type=date],.manage input[type=text]{display:block;width:100%;max-width:320px;margin-top:6px;min-height:48px;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--porcelain);font:inherit}
.manage .slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;margin:12px 0}
.manage .slot{min-height:46px;border:1.5px solid var(--line);border-radius:12px;background:var(--porcelain);font:700 15px var(--text);cursor:pointer}
.manage .slot:hover{border-color:var(--crust)}
.manage .panel h2{font-size:1.2rem;margin:0 0 14px}
@media (max-width:560px){.manage .details{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}}

/* ---- Faz 6: hesap ve hukuki sayfalar */
.narrow{max-width:760px;margin:0 auto;padding:clamp(32px,5vw,64px) 24px 80px}
.narrow h1{font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 18px}
.narrow h2{font-size:clamp(1.25rem,2.4vw,1.6rem);margin:40px 0 14px}
.stack-form{display:flex;flex-direction:column;gap:14px;max-width:440px;margin:0 0 18px}
.account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.appt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.appt-card{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;background:var(--porcelain);border:1px solid var(--line);border-radius:var(--radius)}
.appt-card p{margin:0 0 4px}
.appt-when{font-family:var(--display);font-weight:400;font-size:1.1rem}
.appt-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.status-chip{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--custard-2);font-size:13px;font-weight:700}
.account-form select{min-height:50px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--porcelain);font:400 16px var(--text);color:var(--ink);width:100%}
.danger-zone{margin-top:28px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--porcelain)}
.danger-zone summary{cursor:pointer;font-weight:700;color:var(--err)}
.btn-danger{background:var(--err);color:#fff}
.legal h2{font-size:1.2rem;margin:32px 0 10px}
.legal p,.legal li{max-width:68ch}
.legal ul{padding-left:20px}
.legal table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0 20px}
.legal th,.legal td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.legal .table-scroll{overflow-x:auto}
@media (max-width:560px){.appt-card{padding:14px}.appt-actions{width:100%}.appt-actions .btn{flex:1}}

/* ---- Faz 7: takvime ekle */
.calendar-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:8px 0 18px}
.calendar-links p{flex-basis:100%;margin:0 0 2px;text-align:center}
.manage .calendar-links{justify-content:flex-start}
.manage .calendar-links p{text-align:left}
.done-actions{justify-content:center}
@media (max-width:420px){.calendar-links .btn{flex:1 1 100%}}

/* ---- Faz 8: hesapla rezervasyon, indirim */
.password-row{display:flex;gap:8px;align-items:stretch}
.password-row input{flex:1;min-width:0}
.btn-small{min-height:50px;padding:10px 16px;font-size:14px}
.link-button{background:none;border:0;padding:0;font:600 15px var(--text);color:var(--crust);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.inline-login{margin:0 0 16px;padding:14px 16px;border:1px dashed var(--line);border-radius:14px;background:var(--porcelain)}
.login-form{display:grid;gap:12px;margin-top:12px}
.logged-box{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--porcelain)}
.logged-box p{margin:0}
.final-total{border-top:1px solid var(--line);padding-top:12px;margin:6px 0 8px}
.final-total p{display:flex;justify-content:space-between;gap:12px;margin:0 0 4px;font-size:15px}
.final-total .is-total{font-size:18px;font-weight:700;margin-top:6px}
.final-total .is-discount,.ok-text{color:var(--ok)}
.err-text{color:var(--err)}
.small{font-size:14px}
.stack-form .check,.login-form .check{margin:0}
.verify-note{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.device-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.device-list li{padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--porcelain)}

.req{color:var(--err);font-weight:700}
.field > span{display:inline}

/* ---- (eski bileşenler) küçük telefonlar ve tablet */
@media (max-width:420px){
  .booking-shell,.manage,.narrow{padding-left:16px;padding-right:16px}
  .day{width:62px}
  .day strong{font-size:18px}
  .times{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}
  .choice{padding:14px;gap:4px 10px}
  .summary{padding:16px}
  .step-actions .btn{flex:1}
}
@media (min-width:901px) and (max-width:1180px){.booking{grid-template-columns:minmax(0,1fr) 300px}}

/* ----------------------------------------------------------- mini oyun */
.play-x{background:linear-gradient(180deg,var(--nude) 0%,#f7ebe8 100%);border-top:1px solid var(--line);overflow:hidden}
.play-inner{max-width:var(--wrap);margin:0 auto;padding:clamp(44px,5vw,72px) var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.play-lede{max-width:44ch;color:var(--muted);margin:0}
.play-label{margin:20px 0 8px;font-size:13px;font-weight:600;color:var(--muted)}
.play-bottles{display:flex;flex-wrap:wrap;gap:8px}
.bottle{position:relative;width:40px;height:62px;padding:0;border:0;background:none;cursor:pointer;transition:transform .35s var(--ease)}
.bottle-cap{position:absolute;left:50%;top:0;width:14px;height:24px;margin-left:-7px;border-radius:6px 6px 3px 3px;background:linear-gradient(90deg,#1b1216,#5b4248 40%,#2a1b20 70%,#1b1216);box-shadow:inset 0 2px 1px rgba(255,255,255,.25)}
.bottle-cap::after{content:"";position:absolute;left:-3px;right:-3px;bottom:-3px;height:5px;border-radius:2px;background:linear-gradient(90deg,#b98a3a,#f3d68b,#b98a3a)}
.bottle-body{position:absolute;left:0;right:0;bottom:0;height:38px;overflow:hidden;border-radius:45% 45% 16px 16px / 38% 38% 16px 16px;background:var(--b);background-size:200% 200%;
  box-shadow:inset 0 -6px 10px rgba(0,0,0,.16),inset 0 0 0 1px rgba(0,0,0,.06)}
.bottle-body::after{content:"";position:absolute;left:7px;top:6px;width:5px;height:18px;border-radius:3px;background:rgba(255,255,255,.65)}
.bottle:hover{transform:translateY(-4px) rotate(-6deg)}
.bottle[aria-checked="true"]{transform:translateY(-8px) scale(1.06)}
.bottle[aria-checked="true"]::after{content:"";position:absolute;left:50%;bottom:-11px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--wine)}
.b-milk{--b:#f5efe9}.b-latte{--b:#e4c2a8}.b-peach{--b:#ffb38a}.b-coral{--b:#ff6f61}.b-butter{--b:#f7e08f}.b-sage{--b:#9caf88}.b-cobalt{--b:#1f4fbf}
.b-aura{--b:radial-gradient(circle at 50% 55%,#ff7eb3,#f7b9d6 50%,#d7c7f7)}
.b-marble{--b:linear-gradient(120deg,transparent 40%,rgba(160,155,150,.5) 45%,transparent 50%) 0 0/100% 100%,linear-gradient(60deg,transparent 60%,rgba(190,185,180,.45) 64%,transparent 68%) 0 0/100% 100%,#f7f5f2}
.b-galaxy{--b:radial-gradient(circle,#fff 0 .8px,transparent 1.2px) 0 0/9px 9px,radial-gradient(circle at 40% 50%,#4b2a8a,#1b1440 70%)}
.b-marble .bottle-body,.b-galaxy .bottle-body{background-size:auto}.b-baby{--b:#f7c6cf}.b-barbie{--b:#ff3d97}.b-cherry{--b:#c8102e}.b-bordeaux{--b:#6d0f2a}
.b-mocha{--b:#8a5d4b}.b-lavender{--b:#c9b8f3}.b-sky{--b:#a8d4f6}.b-pistachio{--b:#b9e2c3}.b-black{--b:#151015}
.b-chrome{--b:linear-gradient(135deg,#fff,#b8bdc8 30%,#f3f4f8 50%,#8e95a3 75%,#e7e9ef)}
.b-pearl{--b:linear-gradient(135deg,#fff6f2,#f6e3ef 35%,#e3eefc 60%,#fdf1e2)}
.b-glitter{--b:radial-gradient(circle,#fff6c9 0 1.2px,transparent 1.8px) 0 0/7px 7px,#f6b6c8}
.b-holo{--b:linear-gradient(135deg,#ffd1e8,#d7c9ff 25%,#bdeeff 50%,#c9ffd9 75%,#fff2b8)}
.b-cateye{--b:linear-gradient(135deg,#1d0f2b 0 40%,#e2c8ff 50%,#1d0f2b 60%)}
.b-holo .bottle-body,.b-cateye .bottle-body{animation:cat-shift 2.6s ease-in-out infinite alternate}
.b-glitter .bottle-body{background-size:auto}
.play-designs{display:flex;flex-wrap:wrap;gap:6px}
.design-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:5px 13px;border:1px solid var(--line);border-radius:999px;background:var(--porcelain);color:var(--ink);font:500 14px var(--text);cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.design-btn:hover{border-color:var(--wine)}
.design-btn[aria-checked="true"]{background:var(--wine);border-color:var(--wine);color:var(--nude)}
.dz{display:inline-block;flex:none;width:12px;height:17px;border-radius:var(--tip);background:#e9c3bb;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.dz-french{background:radial-gradient(120% 62% at 50% -10%,#fff 0 47%,transparent 48.5%),#e9c3bb}
.dz-dots{background:radial-gradient(circle,#fff 0 1.4px,transparent 1.8px) 0 0/6px 6px,#c1121f}
.dz-ombre{background:linear-gradient(to top,#f08aa8,#fff)}
.dz-gems{background:radial-gradient(circle at 50% 60%,#cfe7ff 0 3px,transparent 3.5px),#e9c3bb}
.dz-moon{background:radial-gradient(70% 45% at 50% 100%,#f3d68b 0 60%,transparent 62%),#e9c3bb}
.dz-stars{background:radial-gradient(circle at 50% 40%,#f3c55a 0 2px,transparent 2.4px),radial-gradient(circle at 35% 70%,#f3c55a 0 1.2px,transparent 1.6px),#6d0f2a}
.dz-flower{background:radial-gradient(circle at 50% 55%,#f6c945 0 1.6px,#fff 1.8px 3.6px,transparent 3.8px),#ff8fb8}
.dz-bow{background:radial-gradient(ellipse 3px 2px at 35% 50%,#c8102e 0 98%,transparent),radial-gradient(ellipse 3px 2px at 65% 50%,#c8102e 0 98%,transparent),#f7c6cf}
.dz-cherry{background:radial-gradient(circle at 40% 65%,#d7263d 0 2px,transparent 2.4px),radial-gradient(circle at 62% 70%,#d7263d 0 2px,transparent 2.4px),#f5efe9}
.dz-stripes{background:repeating-linear-gradient(-25deg,#e9c3bb 0 3px,#6d0f2a 3px 4px)}
.dz-leopard{background:radial-gradient(circle at 30% 30%,#3b2414 0 1.2px,transparent 1.5px),radial-gradient(circle at 70% 60%,#3b2414 0 1.2px,transparent 1.5px),radial-gradient(circle at 40% 80%,#3b2414 0 1px,transparent 1.3px),#d7a46a}
.dz-heart{background:radial-gradient(circle at 38% 55%,#d7263d 0 2.2px,transparent 2.6px),radial-gradient(circle at 62% 55%,#d7263d 0 2.2px,transparent 2.6px),#f6dad3}
.play-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.play-result{min-height:1.5em;margin:16px 0 6px;font-family:var(--display);font-size:1.45rem;line-height:1.2;color:var(--wine)}
.play-result.is-pop{animation:pop .6s var(--ease)}
@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.06)}100%{transform:none;opacity:1}}
.play-stage{position:relative;display:flex;justify-content:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.play-hand{width:min(100%,380px);height:auto;overflow:visible}
.hand{}
.palm,.finger{fill:#e1a888}
.crease{fill:none;stroke:#b97a5d;stroke-width:1.2;stroke-linecap:round;opacity:.45}
.finger-light{fill:none;stroke:#f6d0bb;stroke-width:3.4;stroke-linecap:round;opacity:.55}
.palm-line{fill:none;stroke:#b97a5d;stroke-width:1.3;stroke-linecap:round;opacity:.4}
.knuckle{fill:none;stroke:#b5765a;stroke-width:1.3;stroke-linecap:round;opacity:.45}
.tendon{fill:none;stroke:#c98d70;stroke-width:2.2;stroke-linecap:round;opacity:.22}
.ring-band{fill:url(#rosegold)}
.ring-stone{fill:#ee9fb7;stroke:#c97a68;stroke-width:1}
.ring-glint{fill:#fff;opacity:.85}
.ring-diamond{fill:#fff;stroke:#d9a48f;stroke-width:1.2}
.chain{fill:none;stroke:url(#rosegold);stroke-width:2;stroke-linecap:round;stroke-dasharray:3 1.4}
.charm-bezel circle{fill:url(#rosegold)}
.charm-bezel .gem{fill:#fff;stroke:#f2d9cf;stroke-width:.6}
.charm-pearl{fill:#fbf6f1;stroke:#e9ddd2;stroke-width:.8}
.charm-heart{fill:url(#rosegold)}
.nail{cursor:pointer;outline:none}
.nail-base{fill:#efc0b2}
.nail-gloss{fill:url(#pg-topcoat);opacity:0;pointer-events:none;transform-box:fill-box;transform:translateX(-60%)}
.is-cured .nail.is-painted .nail-gloss,.is-cured .nail[data-art] .nail-gloss{opacity:1;animation:topcoat 1.4s var(--ease) both;animation-delay:calc(var(--n,0) * .12s)}
@keyframes topcoat{from{transform:translateX(-70%)}to{transform:translateX(-12%)}}
.is-cured .nail-shine{opacity:.95;stroke-width:3.6}
.twinkle{position:absolute;z-index:3;font-size:15px;line-height:1;color:#fff;pointer-events:none;opacity:0;text-shadow:0 0 6px #fff,0 0 14px rgba(255,170,210,.9);animation:twinkle 1.2s ease-in-out 3;animation-delay:var(--d,0s)}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(30deg)}}
.nail-paint{fill:transparent;transform:scaleY(0);transform-origin:50% 100%;transform-box:fill-box;transition:transform .55s var(--ease)}
.nail.is-painted .nail-paint{transform:scaleY(1)}
.nail-shine{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;opacity:.6;pointer-events:none}
.nail-edge{fill:none;stroke:rgba(120,60,60,.28);stroke-width:1;pointer-events:none;transition:stroke .2s}
.nail:hover .nail-edge{stroke:rgba(75,14,31,.7);stroke-width:1.6}
.nail:focus-visible .nail-edge{stroke:var(--wine);stroke-width:2.5}
.deco-pop{animation:deco .5s var(--ease)}
@keyframes deco{from{opacity:0;transform:scale(.6)}}
.deco-pop{transform-box:fill-box;transform-origin:center}
.play-lamp{position:absolute;left:50%;top:0;z-index:2;display:grid;place-items:end center;width:min(108%,440px);height:42%;padding-bottom:16px;border-radius:220px 220px 26px 26px;
  background:linear-gradient(180deg,#faf6fd,#e4dbef);box-shadow:inset 0 -12px 0 #d3c6e6,0 24px 40px -24px rgba(75,14,31,.4);font-family:var(--display);font-size:2.2rem;color:var(--wine);
  opacity:0;transform:translate(-50%,-70%);pointer-events:none;transition:opacity .45s,transform .7s var(--ease)}
.play-lamp::after{content:"";position:absolute;left:10%;right:10%;top:100%;height:150%;background:radial-gradient(60% 60% at 50% 0%,rgba(170,110,255,.42),transparent 72%);opacity:0;transition:opacity .45s}
.is-drying .play-lamp{opacity:1;transform:translate(-50%,-14%)}
.is-drying .play-lamp::after{opacity:1;animation:uv .9s ease-in-out infinite alternate}
@keyframes uv{to{opacity:.55}}
.spark{position:absolute;z-index:3;width:12px;height:12px;margin:-6px 0 0 -6px;pointer-events:none;background:radial-gradient(circle,#fff 0 25%,rgba(255,255,255,0) 70%);animation:spark .7s ease-out forwards}
@keyframes spark{to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}
.confetti{position:absolute;top:-12px;z-index:3;width:8px;height:14px;border-radius:2px;background:var(--c);pointer-events:none;animation:fall 2.3s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes fall{from{transform:translate(0,0) rotate(var(--r))}to{transform:translate(var(--dx),var(--fall)) rotate(calc(var(--r) + 540deg));opacity:0}}
@media (max-width:900px){
  .play-inner{grid-template-columns:1fr;gap:18px}
  .play-stage{order:-1}
  .play-hand{width:min(80%,300px)}
}

/* ------------------------------------------------- giriş / kayıt sayfaları */
.auth-x{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:calc(100svh - var(--header-h))}
.auth-side{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;padding:44px;color:var(--nude);
  background:radial-gradient(90% 70% at 80% 10%,#7a1f33 0%,rgba(122,31,51,0) 60%),var(--wine)}
.auth-fan{position:absolute;left:50%;top:46%;width:0;height:0}
.auth-fan .tip{--w:84px;--h:168px}
.auth-side-text{position:relative;max-width:20ch;margin:0;font-family:var(--display);font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2}
.auth-card{align-self:center;justify-self:center;width:min(100%,460px);padding:44px 24px}
.auth-card-wide{width:min(100%,600px)}
.auth-card h1{margin:0 0 8px;font-size:clamp(2rem,3.4vw,2.7rem)}
.auth-lede{margin:0 0 22px;color:var(--muted)}
.auth-form{display:flex;flex-direction:column;gap:14px}
.auth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.auth-grid .full{grid-column:1 / -1}
.auth-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-size:14px}
.auth-row .check{margin:0}
.auth-switch{margin:22px 0 0;color:var(--muted)}
.auth-switch a{color:var(--wine);font-weight:600}
.auth-x-center{grid-template-columns:1fr;place-items:center}
@media (max-width:860px){
  .auth-x{grid-template-columns:1fr;min-height:0}
  .auth-side{order:2;min-height:220px;padding:24px 20px}
  .auth-fan{top:40%}
  .auth-fan .tip{--w:52px;--h:104px}
  .auth-side-text{font-size:1.3rem}
  .auth-card{padding:28px 20px 36px}
  .auth-grid{grid-template-columns:1fr}
}

/* ------------------------------------------------------------- hesabım */
.acc-hero{padding:32px var(--pad) 26px;color:var(--nude);background:radial-gradient(90% 140% at 100% 0%,#7a1f33 0%,rgba(122,31,51,0) 60%),var(--wine)}
.acc-hero-inner{max-width:var(--wrap);margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}
.acc-hello{margin:0;opacity:.75}
.acc-name{margin:2px 0 6px;font-size:clamp(2rem,4vw,3.2rem);line-height:1}
.acc-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;opacity:.82}
.acc-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.acc-hero-actions form{margin:0}
.acc-next{max-width:var(--wrap);margin:20px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:12px 16px;border:1px solid rgba(241,228,225,.25);border-radius:16px;background:rgba(255,255,255,.05)}
.acc-next-label{font-size:13px;opacity:.75}
.acc-next strong{font-weight:600}
.acc-layout{max-width:var(--wrap);margin:0 auto;padding:28px var(--pad) 80px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start}
.acc-nav{position:sticky;top:calc(var(--header-h) + 18px);display:flex;flex-direction:column;gap:2px}
.acc-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:12px;text-decoration:none;font-size:15px;font-weight:500;color:var(--muted);transition:background-color .2s,color .2s}
.acc-nav a:hover{background:var(--porcelain);color:var(--ink)}
.acc-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--wine);color:var(--nude);font-size:12px;font-weight:700}
.acc-main{display:grid;gap:18px;min-width:0}
.acc-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--porcelain);scroll-margin-top:calc(var(--header-h) + 16px)}
.acc-card h2{margin:0 0 14px;font-size:1.6rem}
.acc-card > p{margin:0 0 14px}
.acc-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.acc-empty p{margin:0;color:var(--muted)}
.appt-list-x{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.appt-x{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--nude)}
.appt-x.is-upcoming{background:#fff}
.appt-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:62px;height:66px;border-radius:14px;background:var(--wine);color:var(--nude);line-height:1}
.appt-x:not(.is-upcoming) .appt-date{background:var(--nude-2);color:var(--ink)}
.appt-day{font-family:var(--display);font-size:1.8rem}
.appt-month{margin-top:4px;font-size:12px;opacity:.85}
.appt-info p{margin:0}
.appt-when{font-weight:600}
.appt-services{font-size:15px}
.appt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.appt-sep{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5}
.appt-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.status-x{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--nude-2);color:var(--ink)}
.st-completed,.st-confirmed{background:#e3f1e7;color:var(--ok)}
.st-pending{background:#f7ecd9;color:#8a5a12}
.st-cancelled_client,.st-cancelled_salon{background:#f1e4e1;color:var(--muted)}
.st-no_show{background:#fbe3dc;color:var(--err)}
.acc-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.acc-form .full{grid-column:1 / -1}
.acc-form .check{margin:0}
.acc-form select,.acc-form input:not([type=checkbox]):not([type=radio]){width:100%}
.acc-form select{min-height:50px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font:400 16px var(--text);color:var(--ink)}
.acc-form-narrow{max-width:420px}
.device-x{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.device-x li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--nude)}
.device-x small{display:block;font-size:13px;color:var(--muted)}
.device-icon{position:relative;flex:none;width:26px;height:38px;border:2px solid var(--wine);border-radius:7px}
.device-icon::after{content:"";position:absolute;left:50%;bottom:3px;width:8px;height:2px;margin-left:-4px;border-radius:2px;background:var(--wine)}
.danger-x{margin-top:16px;padding:14px 16px;border:1px solid #efd3cd;border-radius:14px;background:#fff8f6}
.danger-x summary{cursor:pointer;font-weight:600;color:var(--err)}
.danger-x p{margin:12px 0}
.verify-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
@media (max-width:860px){
  .acc-layout{grid-template-columns:1fr;gap:16px;padding-top:18px}
  .acc-nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .acc-nav a{justify-content:center;padding:9px 4px;border:1px solid var(--line);background:var(--porcelain);font-size:13px;text-align:center}
  .acc-hero-actions{width:100%}
  .acc-hero-actions .btn,.acc-hero-actions form{flex:1}
  .acc-hero-actions form .btn{width:100%}
  .appt-x{grid-template-columns:54px minmax(0,1fr)}
  .appt-date{width:54px;height:58px}
  .appt-actions{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}
  .acc-form{grid-template-columns:1fr}
  .acc-card{padding:18px}
}

/* ------------------------------------------------- randevu yönetim sayfası */
.manage{max-width:760px;padding:28px var(--pad) 80px}
.manage .back-link{display:inline-block;margin:0 0 10px}
.manage h1{margin:0 0 18px;font-size:clamp(2rem,4vw,2.8rem)}
.manage .card{border-radius:20px}
.manage .when{font-family:var(--display);font-size:clamp(1.4rem,3vw,1.9rem)}
.manage .btn-primary{background:var(--wine);color:var(--nude)}

/* ------------------------------------------------------- hareketi azalt */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .hero-title .w > span,.hero-lede,.hero-actions{transform:none!important;opacity:1!important}
  .tip{opacity:1!important;transform:rotate(calc(var(--k) * 13deg))!important}
  .marquee-track{transform:none!important}
  .js .reveal{clip-path:none;opacity:1;transform:none}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}


/* ---- ışık kutusu açıklaması */
.lb-caption{opacity:.8}
.auth-row-end{justify-content:flex-end}

/* ------------------------------------------------- hizmet menüsü (kartlar) */
.menu-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:880px}
.menu-card{padding:22px 26px 12px;border:1px solid var(--line);border-radius:22px;background:var(--porcelain)}
.menu-card h3{display:flex;align-items:center;gap:12px;margin:0 0 4px;padding-bottom:12px;border-bottom:2px solid var(--wine);font-size:clamp(1.6rem,2.4vw,2rem);color:var(--wine-deep)}
.menu-card h3::before{content:"";flex:none;width:11px;height:20px;border-radius:var(--tip);background:linear-gradient(160deg,#9b2a48,#5a1023)}
.menu-card ul{list-style:none;margin:0;padding:0}
.mi{display:grid;grid-template-columns:minmax(0,max-content) minmax(18px,1fr) auto;column-gap:10px;align-items:baseline;padding:12px 0;text-decoration:none;transition:color .25s}
.mi-name{font-weight:500;line-height:1.35}
.mi-dots{align-self:end;height:1px;margin-bottom:.45em;background-image:radial-gradient(circle,var(--muted) 0 1px,transparent 1.4px);background-size:7px 2px;background-repeat:repeat-x;opacity:.55}
.mi-price{font-family:var(--display);font-size:1.3rem;line-height:1;white-space:nowrap}
.mi-time{grid-column:1 / -1;margin-top:2px;font-size:13px;color:var(--muted)}
.mi:hover,.mi:focus-visible{color:var(--wine)}
.mi:hover .mi-dots{opacity:1}
.menu-card li + li{border-top:1px dashed rgba(110,90,95,.18)}
@media (max-width:540px){.menu-card{padding:18px 18px 10px}.menu-card h3{font-size:1.4rem}}

/* ----------------------------------------------- hesabım (şık sürüm) */
.acc-hero{padding:34px var(--pad) 30px}
.acc-id{display:flex;align-items:center;gap:18px;min-width:0}
.acc-id > div{min-width:0}
.acc-avatar{flex:none;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;font-family:var(--display);font-size:1.9rem;color:var(--wine-deep);
  background:linear-gradient(135deg,#fff,#f3d9d4 55%,#e7c1ba);box-shadow:0 0 0 4px rgba(241,228,225,.15),0 18px 30px -16px rgba(0,0,0,.6)}
.acc-contact span{overflow-wrap:anywhere}
.acc-next{max-width:var(--wrap);margin:22px auto 0;display:flex;align-items:center;gap:16px;padding:14px 18px;border:1px solid rgba(241,228,225,.22);border-radius:18px;background:rgba(255,255,255,.06);color:inherit;text-decoration:none;transition:background-color .3s}
a.acc-next[href]:hover{background:rgba(255,255,255,.1)}
.acc-next-date{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:60px;border-radius:14px;background:var(--porcelain);color:var(--wine-deep);line-height:1}
.acc-next-date span{font-family:var(--display);font-size:1.7rem}
.acc-next-date small{margin-top:3px;font-size:12px}
.acc-next-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.acc-next-text small{font-size:12px;opacity:.7}
.acc-next-text strong{font-weight:600}
.acc-next-text span{font-size:14px;opacity:.85}
.acc-nav a{gap:10px;justify-content:flex-start}
.acc-nav a svg,.acc-card-head svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.acc-nav a .acc-count{margin-left:auto}
.acc-nav a:target,.acc-nav a:focus-visible{background:var(--porcelain);color:var(--ink)}
.acc-card{padding:24px;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 16px 40px -34px rgba(75,14,31,.45)}
.acc-card-head{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--wine)}
.acc-card-head h2{margin:0;color:var(--ink)}
.acc-quiet{margin:0}
.acc-note{margin:0;font-size:13px;color:var(--muted)}
.acc-card-quiet{background:transparent;box-shadow:none}
.switch{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch-track{position:relative;flex:none;width:46px;height:28px;border-radius:999px;background:var(--nude-2);transition:background-color .3s}
.switch-track::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .35s var(--ease)}
.switch input:checked + .switch-track{background:var(--wine)}
.switch input:checked + .switch-track::after{transform:translateX(18px)}
.switch input:focus-visible + .switch-track{outline:2px solid var(--rose);outline-offset:3px}
.switch-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.switch-text small{font-size:13px;color:var(--muted)}
.close-x summary{list-style:none;cursor:pointer}
.close-x summary::-webkit-details-marker{display:none}
.close-x[open] summary{margin-bottom:16px}
.close-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.close-option{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--porcelain)}
.close-option h3{margin:0 0 6px;font-size:1.35rem}
.close-option p{margin:0 0 14px;font-size:14px;color:var(--muted)}
.close-option-danger{border-color:#efd3cd;background:#fff8f6}
.close-option-danger h3{color:var(--err)}
.auth-done{text-align:center}
.done-mark{display:block;width:44px;height:84px;margin:0 auto 18px;border-radius:var(--tip);background:linear-gradient(160deg,#9b2a48,#5a1023);box-shadow:0 20px 30px -18px rgba(75,14,31,.7)}
@media (max-width:860px){
  .acc-hero{padding:24px var(--pad) 22px}
  .acc-avatar{width:58px;height:58px;font-size:1.5rem}
  .acc-name{font-size:1.9rem}
  .acc-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .acc-nav a{flex-direction:column;justify-content:center;gap:4px;padding:10px 4px;font-size:12px}
  .acc-nav a .acc-count{margin:0;position:absolute;transform:translate(16px,-14px)}
  .acc-nav a{position:relative}
  .close-options{grid-template-columns:1fr}
}

/* ---- hesap kapatma: en altta, sade */
.acc-close{margin-top:6px;padding:4px 2px}
.acc-close summary{display:inline-block;list-style:none;cursor:pointer;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.acc-close summary::-webkit-details-marker{display:none}
.acc-close summary:hover{color:var(--ink)}
.acc-close[open] summary{margin-bottom:14px}

/* ---- imza */
.footer-credit{max-width:var(--wrap);margin:14px auto 0;font-size:12px;letter-spacing:.02em;opacity:.55;text-align:center;transition:opacity .3s}
.footer-credit:hover{opacity:.95}
.footer-credit a{display:inline-block;padding:6px 4px;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 4px)/0 1px no-repeat;transition:background-size .4s var(--ease)}
.footer-credit a:hover{background-size:100% 1px}
.footer-credit strong{font-weight:700}
.footer-credit span{opacity:.7}

/* ---- oyun bilgi notu */
.play-note{display:flex;align-items:flex-start;gap:10px;max-width:46ch;margin:18px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.55);font-size:13px;line-height:1.5;color:var(--muted)}
.play-note a{font-weight:600;color:var(--wine);text-underline-offset:3px}
.play-note-icon{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--wine);color:var(--nude);font:italic 700 12px/1 Georgia,serif}