/* Salonia · web tasarım sistemi v2 "Pudra"
   yonetici.app v4 "Gökyüzü" dilinin Salonia pembesine uyarlaması.
   Katmanlar: tokenlar (:root) → temel (reset/tipografi/yerleşim) → bileşenler
   (.btn .chip .eyebrow .card .bento .phone .stage .tour .faq .cta .foot ...) → sayfa bileşenleri
   (özellik, blog, mağazalar, salon profili, randevu, kayıt).
   TEMA: yalnızca açık tema. Renk/boşluk için tokenları kullanın. */
@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/Poppins-Regular.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/Poppins-Medium.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/Poppins-SemiBold.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/Poppins-Bold.woff2) format("woff2")}

:root{color-scheme:light;
/* zemin & metin */
--bg:#FFF7F9;--bg2:#FDEEF3;--surface:#fff;--surface2:#FFF4F7;--ink:#23101C;--ink2:#5E4654;--ink3:#7F6573;--line:#F5E1E8;--line2:#EBC9D6;
/* marka: #cf2e63 → #e54c7d → #f0789d */
--pri:#E54C7D;--pri-d:#B8235A;--pri-dd:#8E1844;--pri-x:#CF2E63;--pri-l:#F0789D;--pri-ll:#F7A8C0;--tint:#FDE8EF;--tint2:#FAD2E0;--on-pri:#fff;--link:#C02A5C;
--grad:linear-gradient(135deg,#E54C7D 0%,#CF2E63 48%,#B8235A 100%);
--grad-brand:linear-gradient(135deg,#cf2e63 0%,#e54c7d 50%,#f0789d 100%);
/* durum & ikincil vurgu */
--ok:#0E9F6E;--ok-t:#E6F7EF;--ok-i:#0B7A55;--bad:#E5383B;--bad-t:#FDECEC;--bad-i:#B42323;--warn:#F59E0B;--warn-t:#FFF4DF;--warn-i:#9A5B05;
--vio:#8B5CF6;--vio-t:#F1EBFE;--vio-i:#6D3FD9;--cyn:#0EA5E9;--cyn-t:#E0F4FE;--cyn-i:#0369A1;--pch:#FB7A55;--pch-t:#FFEDE6;--pch-i:#B4431F;
--wa:#1FA855;
/* cam, gölge, dekor */
--glass:rgba(255,255,255,.7);--glass-b:rgba(255,255,255,.92);--hdr:rgba(255,250,252,.78);
--sh1:0 1px 2px rgba(120,20,60,.05),0 4px 14px rgba(120,20,60,.06);
--sh2:0 2px 4px rgba(120,20,60,.05),0 14px 38px rgba(120,20,60,.11);
--sh3:0 4px 8px rgba(120,20,60,.06),0 30px 70px rgba(184,35,90,.22);
--blob1:#FFD0DF;--blob2:#FFE1D4;--blob3:#EADCFF;--grid:rgba(207,46,99,.065);
--r-s:12px;--r-m:20px;--r-l:28px;--r-xl:36px;
--sec:clamp(64px,7.4vw,108px);--ease:cubic-bezier(.2,.8,.2,1)}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,video{max-width:100%;height:auto}
a{color:var(--link)}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,h5,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--pri-l);outline-offset:3px;border-radius:8px}
::selection{background:var(--tint2);color:var(--ink)}
.skip{position:absolute;left:-999px;top:10px;background:var(--surface);padding:12px 18px;border-radius:12px;z-index:200;font-weight:600;box-shadow:var(--sh2)}
.skip:focus{left:10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:1.2em;height:1.2em;flex:none;display:inline-block;vertical-align:-.2em}

/* ---------- yerleşim ---------- */
.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.container.narrow{max-width:900px}.container.mid{max-width:1080px}
.sec{padding-block:var(--sec);position:relative}
.sec.tight{padding-block:clamp(44px,5.5vw,80px)}
.sec.alt{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.sec.alt2{background:linear-gradient(180deg,var(--bg),var(--bg2) 50%,var(--bg))}
.sec.white{background:var(--surface)}
.sec-head{max-width:780px;margin-bottom:clamp(36px,5vw,64px)}
.sec-head.center{margin-inline:auto;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--link);background:var(--tint);padding:6px 14px;border-radius:99px;margin-bottom:18px;line-height:1.35}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--pri);box-shadow:0 0 0 4px rgba(229,76,125,.18);flex:none}
h1,.h1{font-weight:600;font-size:clamp(36px,4.6vw,64px);line-height:1.06;letter-spacing:-.038em;text-wrap:balance}
h2,.h2{font-weight:600;font-size:clamp(29px,3.8vw,52px);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
h3,.h3{font-weight:600;font-size:clamp(18.5px,1.6vw,22px);line-height:1.3;letter-spacing:-.015em}
.lead{font-size:clamp(17px,1.6vw,21px);line-height:1.6;color:var(--ink2);max-width:62ch}
.sec-head .lead{margin-top:18px}
.sec-head.center .lead{margin-inline:auto}
.hl{background:linear-gradient(100deg,#C42A5D 0%,#E54C7D 55%,#E8578A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.muted{color:var(--ink2)}.small{font-size:14.5px;color:var(--ink2)}.tiny{font-size:13px;color:var(--ink3)}
.center{text-align:center}
.mt-s{margin-top:14px}.mt-m{margin-top:28px}.mt-l{margin-top:48px}

/* ---------- düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:16px;font-weight:600;font-size:16.5px;text-decoration:none;cursor:pointer;border:1px solid transparent;line-height:1.1;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s,border-color .2s;white-space:nowrap;text-align:center}
.btn .ic{width:19px;height:19px}
.btn-pri{color:var(--on-pri);background:var(--grad);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 10px 26px rgba(207,46,99,.34)}
.btn-pri:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 16px 34px rgba(207,46,99,.42)}
.btn-pri:active{transform:translateY(0) scale(.98)}
.btn-ghost{color:var(--ink);background:var(--surface);border-color:var(--line2);box-shadow:var(--sh1)}
.btn-ghost:hover{transform:translateY(-2px);border-color:var(--pri-l);box-shadow:var(--sh2)}
.btn-white{background:#fff;color:var(--pri-d);box-shadow:0 12px 30px rgba(80,8,36,.25)}
.btn-white:hover{transform:translateY(-2px)}
.btn-line{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.12)}
.btn-line:hover{background:rgba(255,255,255,.22)}
.btn-soft{color:var(--link);background:var(--tint);border-color:transparent}
.btn-soft:hover{background:var(--tint2)}
.btn-wa{color:#fff;background:var(--wa);box-shadow:0 10px 24px rgba(31,168,85,.3)}
.btn-sm{min-height:42px;padding:0 20px;font-size:15px;border-radius:13px}
.btn-lg{min-height:58px;padding:0 34px;font-size:17.5px}
.btn-block{width:100%}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--link);text-decoration:none}
.link-arrow .ic{width:18px;height:18px;transition:transform .2s}.link-arrow:hover .ic{transform:translateX(4px)}

/* ---------- üst bar ---------- */
.hdr{position:sticky;top:0;z-index:100;margin-bottom:-76px;transition:background .25s,box-shadow .25s}
.hdr.solid{margin-bottom:0;background:var(--hdr);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);box-shadow:0 1px 0 var(--line)}
.hdr.scrolled{background:var(--hdr);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);box-shadow:0 1px 0 var(--line),0 8px 30px rgba(120,20,60,.06)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:600;font-size:22px;letter-spacing:-.03em;flex:none}
.brand .tile{width:38px;height:38px;border-radius:12px;background:var(--grad-brand);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(207,46,99,.34);flex:none}
.brand .tile svg{width:20px;height:20px}
.brand small{font-size:12px;font-weight:500;color:var(--ink3);letter-spacing:0;margin-left:2px}
.nav{display:flex;align-items:center;gap:2px}
.nav a.nl{color:var(--ink2);text-decoration:none;font-weight:500;font-size:15.5px;padding:10px 14px;border-radius:12px;transition:color .15s,background .15s;white-space:nowrap}
.nav a.nl:hover{color:var(--ink);background:var(--tint)}
.nav a.nl[aria-current=page]{color:var(--link);background:var(--tint);font-weight:600}
.nav .nav-cta{display:none}
.hdr-cta{display:flex;align-items:center;gap:10px}
.icon-btn{width:44px;height:44px;border-radius:13px;border:1px solid var(--line);background:var(--surface);display:inline-grid;place-items:center;cursor:pointer;color:var(--ink2);box-shadow:var(--sh1);transition:color .15s,border-color .15s}
.icon-btn:hover{color:var(--pri);border-color:var(--pri-l)}
.icon-btn svg{width:22px;height:22px}
.burger{display:none}
.burger .x{display:none}.menu-open .burger .x{display:block}.menu-open .burger .m{display:none}
.hdr-login{color:var(--ink2);text-decoration:none;font-weight:500;font-size:15.5px;padding:10px 12px;border-radius:12px}
.hdr-login:hover{color:var(--ink);background:var(--tint)}
@media(max-width:1080px){
 .burger{display:inline-grid}
 .nav{position:fixed;inset:76px 0 auto 0;background:var(--surface);flex-direction:column;align-items:stretch;padding:12px 16px 22px;gap:2px;box-shadow:0 30px 60px rgba(120,20,60,.18);border-bottom:1px solid var(--line);max-height:calc(100dvh - 76px);overflow:auto;transform:translateY(-12px);opacity:0;visibility:hidden;transition:all .22s var(--ease)}
 .nav.open{transform:none;opacity:1;visibility:visible}
 .nav a.nl{font-size:18px;padding:14px;border-radius:14px}
 .nav .nav-cta{display:grid;gap:10px;padding-top:14px;margin-top:8px;border-top:1px solid var(--line)}
 .hdr-cta .btn,.hdr-login{display:none}
 .hdr.menu-open{background:var(--surface)}
}

/* ---------- rozet / çip ---------- */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border-radius:99px;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14.5px;font-weight:500;box-shadow:var(--sh1);color:var(--ink);line-height:1.35}
.chip .ic{width:18px;height:18px;color:var(--ok)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;font-size:12.5px;font-weight:600;background:var(--tint);color:var(--link);line-height:1.5;text-decoration:none}
.pill.ok{background:var(--ok-t);color:var(--ok-i)}.pill.warn{background:var(--warn-t);color:var(--warn-i)}.pill.bad{background:var(--bad-t);color:var(--bad-i)}.pill.vio{background:var(--vio-t);color:var(--vio-i)}.pill.cyn{background:var(--cyn-t);color:var(--cyn-i)}
.pill .ic{width:14px;height:14px}
.stores{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.store{display:inline-flex;align-items:center;gap:11px;padding:9px 18px 9px 14px;border-radius:14px;background:#23101C;color:#fff;text-decoration:none;position:relative;box-shadow:0 8px 20px rgba(35,16,28,.22);transition:transform .2s var(--ease)}
a.store:hover{transform:translateY(-2px)}
.store svg{width:26px;height:26px;flex:none}
.store span{display:block;font-size:11px;letter-spacing:.04em;opacity:.78;line-height:1.1}
.store b{display:block;font-size:16px;font-weight:600;line-height:1.2}
.store.off{cursor:default}
.store.off::after{content:"Yakında";position:absolute;top:-9px;right:-6px;background:linear-gradient(135deg,#FFC24D,#FFA726);color:#3B2200;font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:99px;box-shadow:0 4px 10px rgba(247,144,9,.4)}
.on-grad .store{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.42);box-shadow:none}
.stores-note{font-size:13.5px;color:var(--ink3);margin-top:10px}

/* ---------- mesh / dekor ---------- */
.mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.mesh i{position:absolute;border-radius:50%;filter:blur(72px);opacity:.75}
.mesh .b1{width:640px;height:640px;background:var(--blob1);left:-180px;top:-200px}
.mesh .b2{width:560px;height:560px;background:var(--blob2);right:-120px;top:-60px;opacity:.6}
.mesh .b3{width:520px;height:520px;background:var(--blob3);right:26%;top:320px;opacity:.55}
.mesh .gridl{position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 10%,transparent 75%)}
.mesh .b1,.mesh .b2,.mesh .b3{animation:drift 22s ease-in-out infinite alternate}.mesh .b2{animation-duration:28s}.mesh .b3{animation-duration:32s}
@keyframes drift{to{transform:translate3d(40px,30px,0) scale(1.08)}}
.over{position:relative;z-index:1}
.iso-bld,.iso-scene{display:block;width:100%;height:auto;overflow:visible}
.bd{animation:badge 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes badge{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}

/* ---------- telefon çerçevesi + uygulama ekranları (HTML, cqw ölçekli) ---------- */
.phone{position:relative;container-type:inline-size;width:100%}
.phone-body{position:relative;display:block;padding:2.7cqw;border-radius:15cqw;background:linear-gradient(145deg,#6B3550 0%,#24101C 38%,#4A2238 100%);box-shadow:0 0 0 .35cqw #24101C inset,0 2px 3px rgba(255,255,255,.35) inset,0 30px 60px rgba(120,20,60,.32),0 12px 24px rgba(120,20,60,.2)}
.phone-body::before{content:"";position:absolute;left:-.7cqw;top:26cqw;width:.9cqw;height:10cqw;border-radius:1cqw;background:#3A1A2C;box-shadow:0 14cqw 0 #3A1A2C}
.phone-body::after{content:"";position:absolute;right:-.7cqw;top:34cqw;width:.9cqw;height:16cqw;border-radius:1cqw;background:#3A1A2C}
.phone .isl{position:absolute;z-index:6;top:5.2cqw;left:50%;width:25cqw;height:6.8cqw;transform:translateX(-50%);background:#0E0509;border-radius:99px}
.phone .glare{position:absolute;inset:2.7cqw;border-radius:12.4cqw;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 30%);z-index:7}
.scr{position:relative;aspect-ratio:9/19.3;border-radius:12.4cqw;overflow:hidden;background:#FFF7F9;color:#23101C;font-size:3.6cqw;line-height:1.3;display:flex;flex-direction:column;text-align:left;letter-spacing:-.01em}
.scr *{font-family:inherit}
.scr .sb{display:flex;justify-content:space-between;align-items:center;padding:5.4cqw 7cqw 1.5cqw;font-size:3.3cqw;font-weight:600;position:relative;z-index:2}
.scr .sb i{display:inline-flex;gap:1cqw}.scr .sb i b{display:block;width:1.1cqw;border-radius:.4cqw;background:currentColor}
.scr .sb .bat{width:6cqw;height:3cqw;border:.4cqw solid currentColor;border-radius:1cqw;position:relative;opacity:.9}.scr .sb .bat::after{content:"";position:absolute;inset:.4cqw 1.4cqw .4cqw .4cqw;background:currentColor;border-radius:.4cqw}
.scr .top{background:var(--grad);color:#fff;padding:0 5cqw 13cqw;position:relative;overflow:hidden}
.scr .top::after{content:"";position:absolute;width:60cqw;height:60cqw;border-radius:50%;border:.4cqw solid rgba(255,255,255,.16);right:-22cqw;top:-26cqw}
.scr .top .sb{padding-inline:2cqw}
.scr .hello{display:flex;align-items:center;gap:2.8cqw;margin-top:1.5cqw}
.scr .av{width:9.5cqw;height:9.5cqw;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:3.4cqw;flex:none;background:rgba(255,255,255,.22);color:#fff}
.scr .hello small{display:block;font-size:2.9cqw;opacity:.85}.scr .hello b{display:block;font-size:4.2cqw;font-weight:600}
.scr .bell{margin-left:auto;width:8.5cqw;height:8.5cqw;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;position:relative}
.scr .bell svg{width:4.4cqw;height:4.4cqw}.scr .bell::after{content:"";position:absolute;top:1.6cqw;right:1.8cqw;width:1.8cqw;height:1.8cqw;border-radius:50%;background:#FFC24D}
.scr .body{flex:1;padding:0 4.4cqw;display:flex;flex-direction:column;gap:3cqw;min-height:0;overflow:hidden}
.scr .card{background:#fff;border-radius:4.4cqw;box-shadow:0 1cqw 3cqw rgba(120,20,60,.08);padding:3.8cqw}
.scr .top+.body{margin-top:-10cqw;position:relative;z-index:2}
.scr .k{font-size:2.8cqw;color:#7F6573;font-weight:500;display:flex;align-items:center;gap:1.4cqw}
.scr .big{font-size:8.4cqw;font-weight:600;letter-spacing:-.04em;line-height:1.1;margin-top:.8cqw}
.scr .big small{font-size:4cqw;color:#7F6573;font-weight:500}
.scr .up{font-size:2.8cqw;color:#0B7A55;background:#E6F7EF;border-radius:99px;padding:.6cqw 2cqw;font-weight:600;margin-left:auto}
.scr .row3{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;margin-top:3cqw}
.scr .mini{border-radius:3cqw;background:#FFF4F7;padding:2.2cqw 2.4cqw}
.scr .mini b{display:block;font-size:4.6cqw;font-weight:600}.scr .mini span{font-size:2.6cqw;color:#7F6573}
.scr .h{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;font-size:3.7cqw;margin-top:1cqw}
.scr .h a,.scr .h em{font-size:2.8cqw;color:#C02A5C;font-style:normal;text-decoration:none}
.scr .ap{display:flex;align-items:center;gap:2.6cqw;background:#fff;border-radius:3.6cqw;padding:2.6cqw 3cqw;box-shadow:0 .6cqw 2cqw rgba(120,20,60,.06);position:relative;overflow:hidden}
.scr .ap::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.2cqw;background:var(--c,#E54C7D)}
.scr .ap .t{font-weight:600;font-size:3.3cqw;width:10cqw;flex:none;text-align:center;line-height:1.15}.scr .ap .t small{display:block;font-size:2.5cqw;color:#7F6573;font-weight:500}
.scr .ap .n{flex:1;min-width:0}.scr .ap .n b{display:block;font-size:3.3cqw;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scr .ap .n span{font-size:2.7cqw;color:#7F6573;white-space:nowrap}
.scr .st{font-size:2.5cqw;font-weight:600;padding:.6cqw 1.8cqw;border-radius:99px;background:#E6F7EF;color:#0B7A55;flex:none}
.scr .st.w{background:#FFF4DF;color:#9A5B05}.scr .st.p{background:#FDE8EF;color:#C02A5C}
.scr .tbar{margin-top:auto;display:flex;justify-content:space-around;align-items:center;background:#fff;padding:2.6cqw 3cqw 5.5cqw;border-top:.3cqw solid #F5E1E8;font-size:2.4cqw;color:#7F6573}
.scr .tbar span{display:flex;flex-direction:column;align-items:center;gap:.7cqw}
.scr .tbar svg{width:5.2cqw;height:5.2cqw}
.scr .tbar .on{color:#CF2E63;font-weight:600}
.scr .tbar .plus{width:10.5cqw;height:10.5cqw;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:0 1.5cqw 3cqw rgba(207,46,99,.35);margin-top:-3cqw}
.scr .ttl{padding:1cqw 5cqw 2.4cqw;display:flex;align-items:center;gap:2.4cqw}
.scr .ttl b{font-size:5.4cqw;font-weight:600;letter-spacing:-.03em}
.scr .ttl .bk{width:7.4cqw;height:7.4cqw;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 .6cqw 2cqw rgba(120,20,60,.08)}.scr .ttl .bk svg{width:4cqw;height:4cqw}
.scr .ttl .act{margin-left:auto;display:flex;gap:1.6cqw}
.scr .seg{display:flex;background:#F7E7EE;border-radius:99px;padding:.8cqw;gap:.8cqw;font-size:2.9cqw;font-weight:600;color:#7F6573}
.scr .seg span{flex:1;text-align:center;padding:1.3cqw 2.6cqw;border-radius:99px}.scr .seg .on{background:#fff;color:#CF2E63;box-shadow:0 .5cqw 1.5cqw rgba(120,20,60,.1)}
.scr .days{display:grid;grid-template-columns:repeat(7,1fr);gap:1cqw;text-align:center;font-size:2.5cqw;color:#7F6573}
.scr .days span{padding:1.4cqw 0;border-radius:2.6cqw;line-height:1.25}.scr .days b{display:block;font-size:3.6cqw;color:#23101C;font-weight:600}
.scr .days .on{background:var(--grad);color:#fff}.scr .days .on b{color:#fff}
.scr .days .dot{position:relative}.scr .days .dot::after{content:"";position:absolute;left:50%;bottom:.5cqw;width:1cqw;height:1cqw;margin-left:-.5cqw;border-radius:50%;background:#E54C7D}
.scr .tl{position:relative;display:grid;grid-template-columns:8cqw repeat(3,1fr);gap:1.4cqw;font-size:2.4cqw;color:#7F6573;flex:1;padding-bottom:3cqw}.scr .tl .hrs{padding-top:9cqw}
.scr .tl .hrs{display:grid;grid-template-rows:repeat(6,1fr)}.scr .tl .hrs span{border-top:.25cqw dashed transparent}
.scr .tl>div{display:flex;flex-direction:column}.scr .tl .col{flex:1;position:relative;background:repeating-linear-gradient(180deg,#F5E1E8 0 .25cqw,transparent .25cqw 16.66%);border-radius:2cqw}
.scr .tl .stf{display:flex;flex-direction:column;align-items:center;gap:.6cqw;font-weight:600;color:#23101C;font-size:2.5cqw;margin-bottom:1cqw}
.scr .tl .stf i{width:6.4cqw;height:6.4cqw;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:2.7cqw}
.scr .ev{position:absolute;left:.6cqw;right:.6cqw;border-radius:2cqw;padding:1.4cqw 1.6cqw;font-size:2.4cqw;line-height:1.2;color:#23101C;overflow:hidden;border-left:1cqw solid var(--c);background:var(--b)}
.scr .ev b{display:block;font-weight:600;font-size:2.6cqw}
.scr .now{position:absolute;left:8cqw;right:0;height:.4cqw;background:#E5383B;z-index:3}.scr .now::before{content:"";position:absolute;left:-1cqw;top:-.9cqw;width:2.2cqw;height:2.2cqw;border-radius:50%;background:#E5383B}
.scr .prof{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1cqw 5cqw 3cqw}
.scr .prof .pav{width:18cqw;height:18cqw;border-radius:50%;background:linear-gradient(135deg,#F7A8C0,#CF2E63);color:#fff;display:grid;place-items:center;font-size:6.6cqw;font-weight:600;box-shadow:0 0 0 1.3cqw #fff,0 2cqw 5cqw rgba(207,46,99,.3)}
.scr .prof b{font-size:5cqw;margin-top:3cqw;font-weight:600}.scr .prof span{font-size:2.9cqw;color:#7F6573}
.scr .tags{display:flex;gap:1.4cqw;flex-wrap:wrap;justify-content:center;margin-top:2cqw}
.scr .tg{font-size:2.5cqw;font-weight:600;padding:.6cqw 2.2cqw;border-radius:99px;background:#FDE8EF;color:#C02A5C}.scr .tg.v{background:#F1EBFE;color:#6D3FD9}.scr .tg.g{background:#E6F7EF;color:#0B7A55}.scr .tg.y{background:#FFF4DF;color:#9A5B05}
.scr .bar{height:2cqw;border-radius:99px;background:#F7E1EA;overflow:hidden;margin-top:1.8cqw}.scr .bar i{display:block;height:100%;width:var(--w,60%);background:var(--grad);border-radius:99px}
.scr .li{display:flex;align-items:center;gap:2.4cqw;padding:2.2cqw 0;border-bottom:.25cqw solid #F5E1E8;font-size:3cqw}.scr .li:last-child{border:0}
.scr .li .ii{width:7.4cqw;height:7.4cqw;border-radius:2.4cqw;display:grid;place-items:center;background:#FDE8EF;color:#CF2E63;flex:none}.scr .li .ii svg{width:4cqw;height:4cqw}
.scr .li .n{flex:1;min-width:0}.scr .li .n b{display:block;font-weight:600;font-size:3.1cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scr .li .n span{font-size:2.5cqw;color:#7F6573}
.scr .li .a{font-weight:600;white-space:nowrap}.scr .li .a.g{color:#0B7A55}.scr .li .a.r{color:#B42323}
.scr .chart{display:flex;align-items:flex-end;gap:1.8cqw;height:16cqw;margin-top:2.4cqw}
.scr .chart i{flex:1;border-radius:1.4cqw 1.4cqw .6cqw .6cqw;background:#F7D1DE;height:var(--h)}.scr .chart i.on{background:var(--grad)}
.scr .split{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;margin-top:2.6cqw}
.scr .cover{height:30cqw;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.35),transparent 40%),linear-gradient(135deg,#F7A8C0,#CF2E63 60%,#8E1844);position:relative;color:#fff;padding:0 5cqw}
.scr .cover .sb{padding-inline:2cqw}
.scr .salon{display:flex;align-items:center;gap:3cqw;margin:-8cqw 4.4cqw 0;background:#fff;border-radius:4.4cqw;padding:3cqw;box-shadow:0 1.5cqw 4cqw rgba(120,20,60,.12);position:relative;z-index:2}
.scr .salon .lg{width:11cqw;height:11cqw;border-radius:3cqw;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:4.4cqw;flex:none}
.scr .salon b{display:block;font-size:3.8cqw;font-weight:600}.scr .salon span{font-size:2.7cqw;color:#7F6573}
.scr .stars{color:#F59E0B;letter-spacing:.2cqw}
.scr .svc{display:flex;justify-content:space-between;align-items:center;padding:2.4cqw 3cqw;background:#fff;border-radius:3cqw;border:.3cqw solid #F5E1E8;font-size:3cqw}
.scr .svc.on{border-color:#E54C7D;background:#FFF4F7}
.scr .svc b{font-weight:600;display:block}.scr .svc span{font-size:2.5cqw;color:#7F6573}.scr .svc em{font-style:normal;font-weight:600;color:#C02A5C}
.scr .slots{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw}
.scr .slots span{text-align:center;padding:1.8cqw 0;border-radius:2.4cqw;background:#fff;border:.3cqw solid #F5E1E8;font-weight:600;font-size:2.9cqw}
.scr .slots .on{background:var(--grad);color:#fff;border-color:transparent}.scr .slots .off{color:#C9B5BE;text-decoration:line-through}
.scr .cta{margin:auto 4.4cqw 5.5cqw;background:var(--grad);color:#fff;text-align:center;border-radius:3.6cqw;padding:3.2cqw;font-weight:600;font-size:3.6cqw;box-shadow:0 1.5cqw 4cqw rgba(207,46,99,.35)}
.scr .msg{max-width:84%;padding:2.8cqw 3.4cqw;border-radius:4cqw 4cqw 4cqw 1.2cqw;background:#fff;font-size:3cqw;line-height:1.4;box-shadow:0 .6cqw 2cqw rgba(120,20,60,.07)}
.scr .msg.me{margin-left:auto;background:var(--grad);color:#fff;border-radius:4cqw 4cqw 1.2cqw 4cqw}
.scr .msg small{display:block;font-size:2.3cqw;opacity:.7;margin-top:1cqw;text-align:right}
.scr .day-sep{text-align:center;font-size:2.4cqw;color:#7F6573}
/* koyu tema ekranı */
.scr.dark{background:#140A10;color:#F7EDF2}
.scr.dark .card,.scr.dark .ap,.scr.dark .tbar{background:#22121B;box-shadow:none}
.scr.dark .tbar{border-color:#36202C}
.scr.dark .mini{background:#2C1823}
.scr.dark .k,.scr.dark .ap .n span,.scr.dark .ap .t small,.scr.dark .mini span,.scr.dark .big small{color:#C7A9B8}
.scr.dark .top{background:linear-gradient(135deg,#8E1844,#5E0F2E)}
.scr.dark .tbar .on,.scr.dark .h a,.scr.dark .h em{color:#F7A8C0}
.scr.dark .up{background:rgba(14,159,110,.2);color:#6EE7B7}
.scr.dark .st{background:rgba(14,159,110,.2);color:#6EE7B7}.scr.dark .st.w{background:rgba(245,158,11,.18);color:#FCD34D}.scr.dark .st.p{background:rgba(229,76,125,.2);color:#F7A8C0}

/* ---------- hero ---------- */
.hero{position:relative;padding-top:clamp(120px,12vw,168px);padding-bottom:clamp(40px,6vw,96px);overflow:clip}
.hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,2.4vw,40px);align-items:center}
.hero h1{margin-bottom:22px}
.hero .lead{margin-bottom:28px;font-size:clamp(17px,1.45vw,19.5px)}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.hero .stores{margin-bottom:24px}.hero .chip{font-size:13.5px;padding:7px 13px 7px 10px}
.hero .chips{max-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero-note{margin-top:28px;text-align:center;font-size:14px;color:var(--ink3)}
.stage{position:relative;container-type:inline-size;width:100%;aspect-ratio:640/600}
.stage>*{position:absolute}
.stage .bld{left:-6%;top:6%;width:82%;filter:drop-shadow(0 26px 40px rgba(184,35,90,.16))}
.stage .halo{left:10%;top:18%;width:70%;height:62%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0));filter:blur(10px)}
.stage .p1{left:55%;top:30%;width:22%;transform:rotate(-7deg);z-index:2;animation:float 9s ease-in-out infinite}
.stage .p2{left:66%;top:8%;width:27%;z-index:4;animation:float 8s ease-in-out -2s infinite}
.stage .p3{left:85%;top:35%;width:19%;transform:rotate(7deg);z-index:3;animation:float 10s ease-in-out -4s infinite}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}
.fcard{z-index:6;display:flex;align-items:center;gap:.9em;padding:.8em 1.15em .8em .8em;border-radius:1.2em;background:var(--glass-b);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(120,20,60,.16),0 2px 6px rgba(120,20,60,.08);font-size:clamp(10.5px,1.95cqw,14px);line-height:1.25;white-space:nowrap;animation:bob 7s ease-in-out infinite;color:var(--ink)}
.fcard .fi{width:2.6em;height:2.6em;border-radius:.85em;display:grid;place-items:center;flex:none}
.fcard .fi svg{width:1.45em;height:1.45em}
.fcard b{display:block;font-weight:600;font-size:1em}
.fcard small{display:block;font-size:.84em;color:var(--ink2);font-weight:500}
.fcard.ok .fi{background:var(--ok-t);color:var(--ok-i)}.fcard.pri .fi{background:var(--tint);color:var(--pri-x)}.fcard.warn .fi{background:var(--warn-t);color:#B45309}.fcard.vio .fi{background:var(--vio-t);color:var(--vio-i)}.fcard.wa .fi{background:#DDF7E6;color:#0E8F4B}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
.fcard:nth-of-type(2n){animation-delay:-2.5s;animation-duration:8s}.fcard:nth-of-type(3n){animation-delay:-4s;animation-duration:9s}
@media(max-width:1024px){
 .hero-grid{grid-template-columns:1fr;gap:24px}
 .hero-copy{max-width:680px}
 .stage{max-width:720px;margin-inline:auto}
}
@media(max-width:560px){
 .hero{padding-top:104px}
 .hero-cta .btn{flex:1 1 100%}
 .stage .bld{left:-8%;width:88%}
 .stage .p3{display:none}
 .stage .p1{left:42%;width:30%}.stage .p2{left:62%;width:35%}
 .fcard{padding:.6em .9em .6em .6em}
 .hero .chips{grid-template-columns:1fr 1fr}
}

/* ---------- sorun kartları ---------- */
.pain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pain-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:26px;box-shadow:var(--sh1);position:relative;overflow:hidden}
.pain-card h3{margin:20px 0 6px}
.pain-card p{color:var(--ink2);font-size:16px}
.pain-art{height:200px;border-radius:20px;background:var(--surface2);border:1px solid var(--line);position:relative;overflow:hidden;padding:14px}
.notebook{background:#FFFBEA;background-image:repeating-linear-gradient(180deg,transparent 0 21px,#F3D7E1 21px 22px);border-radius:10px;padding:10px 14px;height:100%;font:600 14px/22px "Segoe Print","Bradley Hand","Comic Sans MS",cursive;color:#6A2E48;transform:rotate(-1.5deg);box-shadow:0 6px 14px rgba(120,20,60,.12);overflow:hidden}
.notebook s{color:#C0261B;text-decoration-thickness:2px}
.chat{display:flex;flex-direction:column;gap:7px;font-size:12.5px;font-weight:500}
.chat span{max-width:84%;padding:7px 12px;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(120,20,60,.1);color:#3B2230}
.chat .me{align-self:flex-end;background:#DCF8C6}
.chat .dim{opacity:.55}
.calc{display:grid;grid-template-columns:1fr auto;gap:4px 14px;background:#fff;border-radius:12px;padding:12px 14px;font-size:12.5px;box-shadow:0 1px 4px rgba(120,20,60,.08);color:#3B2230;font-variant-numeric:tabular-nums}
.calc .r{color:#B42323;font-weight:600}.calc .q{background:#FFF1CC;border-radius:4px;padding:0 4px}
.calc hr{grid-column:1/-1;border:0;border-top:1px dashed #EBC9D6;margin:4px 0}
.pain-arrow{display:flex;justify-content:center;margin:34px 0 0}
.pain-arrow span{display:inline-flex;align-items:center;gap:12px;font-weight:600;color:var(--link);background:var(--tint);padding:12px 22px;border-radius:99px;text-align:center}
.pain-arrow .ic{width:22px;height:22px}
@media(max-width:900px){.pain{grid-template-columns:1fr}}

/* ---------- ürün turu ---------- */
.tour{display:grid;grid-template-columns:minmax(0,5.2fr) minmax(0,6.8fr);gap:clamp(24px,4vw,72px);align-items:center}
.tabs{display:flex;flex-direction:column;gap:10px}
.tab{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:22px;padding:18px 22px;cursor:pointer;position:relative;transition:background .25s,box-shadow .25s,border-color .25s}
.tab:hover{background:var(--surface);border-color:var(--line)}
.tab-h{display:flex;align-items:center;gap:14px;font-weight:600;font-size:19px;letter-spacing:-.015em;color:var(--ink2)}
.tab-h .ti{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--tint);color:var(--pri-x);flex:none;transition:all .25s}
.tab-h .ti svg{width:23px;height:23px}
.tab-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.tab-b>span{overflow:hidden;display:block;min-height:0}
.tab-b p{color:var(--ink2);font-size:16px;padding:12px 0 2px 58px}
.tab-b ul{padding:6px 0 0 58px;display:grid;gap:5px;font-size:14.5px;color:var(--ink2)}
.tab-b li{display:flex;gap:8px;align-items:center}.tab-b li .ic{width:16px;height:16px;color:var(--ok)}
.tab[aria-selected=true]{background:var(--surface);border-color:var(--line);box-shadow:var(--sh2)}
.tab[aria-selected=true] .tab-h{color:var(--ink)}
.tab[aria-selected=true] .ti{background:var(--grad);color:#fff;box-shadow:0 8px 18px rgba(207,46,99,.3)}
.tab[aria-selected=true] .tab-b{grid-template-rows:1fr}
.tab .bar{position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:3px;background:var(--tint);overflow:hidden;opacity:0}
.tab .bar::after{content:"";display:block;height:100%;width:0;background:var(--pri)}
.tab[aria-selected=true].auto .bar{opacity:1}
.tab[aria-selected=true].auto .bar::after{animation:prog 7s linear forwards}
@keyframes prog{to{width:100%}}
.tour-stage{position:relative;container-type:inline-size;aspect-ratio:1/0.98;display:grid;place-items:center}
.tour-stage .disc{position:absolute;inset:4% 6%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,var(--tint2) 55%,var(--tint) 100%);box-shadow:0 0 0 1px var(--line) inset}
.tour-stage .ring{position:absolute;inset:-2% 2%;border-radius:50%;border:1.5px dashed var(--line2);opacity:.8;animation:spin 60s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.tour-phone{position:relative;width:48%;z-index:2}
.tour-phone .shots{position:relative}
.tour-phone .shots>.scr{position:absolute;inset:0;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .45s var(--ease),transform .55s var(--ease)}
.tour-phone .shots>.scr:first-child{position:relative}
.tour-phone .shots>.scr.on{opacity:1;transform:none;z-index:1}
.tour-chip{position:absolute;z-index:5;opacity:0;transform:translateY(12px) scale(.96);transition:all .5s var(--ease);font-size:clamp(10.5px,2.2cqw,14.5px)}
.tour-chip.on{opacity:1;transform:none}
.tour-chip.c1{left:0;top:22%}.tour-chip.c2{right:0;top:58%}
.tour-chip .fcard{animation:bob 6s ease-in-out infinite;position:relative}
.tour-desc{display:none;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px 20px;box-shadow:var(--sh1);color:var(--ink2);font-size:16px;margin-top:4px}
.tour-desc b{display:block;color:var(--ink);font-size:18px;margin-bottom:4px}
@media(max-width:980px){
 .tour{grid-template-columns:minmax(0,1fr)}
 .tour>*{min-width:0}
 .tabs{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:4px 16px 10px;gap:8px;scrollbar-width:none}
 .tabs::-webkit-scrollbar{display:none}
 .tab{flex:0 0 auto;width:auto;scroll-snap-align:start;background:var(--surface);border-color:var(--line);padding:10px 16px 10px 10px;border-radius:99px}
 .tab-h{font-size:15.5px;gap:10px}.tab-h .ti{width:32px;height:32px;border-radius:10px}.tab-h .ti svg{width:18px;height:18px}
 .tab-b,.tab .bar{display:none}
 .tour-desc{display:block}
 .tour-stage{max-width:500px;margin-inline:auto;width:100%}
 .tour-phone{width:52%}
}
@media(max-width:700px){.tour-chip{display:none}}

/* ---------- bento ---------- */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.bc{position:relative;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);padding:28px;overflow:hidden;box-shadow:var(--sh1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;display:flex;flex-direction:column;min-width:0}
.bc:hover{transform:translateY(-5px);box-shadow:var(--sh2);border-color:var(--line2)}
.bc h3{margin-bottom:8px}
.bc p{color:var(--ink2);font-size:15.5px;line-height:1.6}
.bc .art{margin-top:auto;padding-top:22px;position:relative}
.ico{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px;background:var(--tint);color:var(--pri-x);flex:none}
.ico svg{width:25px;height:25px}
.ico.ok{background:var(--ok-t);color:var(--ok-i)}.ico.vio{background:var(--vio-t);color:var(--vio-i)}.ico.warn{background:var(--warn-t);color:var(--warn-i)}.ico.cyn{background:var(--cyn-t);color:var(--cyn-i)}.ico.pch{background:var(--pch-t);color:var(--pch-i)}
.bc.t-ok{background:linear-gradient(160deg,#fff 30%,#E9F9F1)}.bc.t-pri{background:linear-gradient(160deg,#fff 30%,#FDE8EF)}.bc.t-vio{background:linear-gradient(160deg,#fff 30%,#F2ECFF)}.bc.t-warn{background:linear-gradient(160deg,#fff 30%,#FFF4E2)}.bc.t-cyn{background:linear-gradient(160deg,#fff 30%,#E5F5FE)}.bc.t-pch{background:linear-gradient(160deg,#fff 30%,#FFEDE6)}
.bc.t-solid{background:var(--grad);color:#fff;border-color:transparent}
.bc.t-solid p{color:rgba(255,255,255,.88)}.bc.t-solid .ico{background:rgba(255,255,255,.2);color:#fff}
.s3{grid-column:span 3}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s12{grid-column:span 12}.r2{grid-row:span 2}
.bc.row-art{flex-direction:row;align-items:center;gap:28px}
.bc.row-art>div:first-child{flex:1 1 52%;min-width:0}.bc.row-art>div:last-child{flex:1 1 48%;min-width:0}
.bc .scene{display:block;width:100%;max-width:380px;margin:0 auto}
.phone-crop{width:82%;margin:0 auto;position:relative}
@media(max-width:1100px){
 .bento{grid-template-columns:repeat(6,minmax(0,1fr))}
 .s3,.s4{grid-column:span 3}.s5,.s6,.s7,.s8,.s12{grid-column:span 6}.r2{grid-row:auto}
}
@media(max-width:700px){
 .bento{grid-template-columns:1fr}.s3,.s4,.s5,.s6,.s7,.s8,.s12{grid-column:auto}
 .bc{padding:22px}.bc.row-art{flex-direction:column;align-items:stretch}
}
/* bento mini arayüzler */
.mini{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh1);font-size:13.5px}
.mini-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.mini-row:last-child{border:0}
.av{width:36px;height:36px;border-radius:50%;background:var(--tint);color:var(--pri-x);display:grid;place-items:center;font-weight:600;font-size:14px;flex:none}
.mini-row .tt{flex:1;min-width:0;line-height:1.3}.mini-row .tt b{display:block;font-weight:600;color:var(--ink)}.mini-row .tt small{color:var(--ink3);font-size:12px}
.amt{font-weight:600;color:var(--ink);white-space:nowrap}
.mcal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;font-size:11.5px;text-align:center;color:var(--ink3)}
.mcal i{font-style:normal;padding:6px 0 5px;border-radius:8px;position:relative;line-height:1.1}
.mcal i b{display:flex;gap:2px;justify-content:center;margin-top:3px}.mcal i b u{width:5px;height:5px;border-radius:50%;background:var(--c)}
.mcal .h{font-weight:600;color:var(--ink2)}.mcal .on{background:var(--grad);color:#fff;font-weight:600}.mcal .on b u{background:#fff!important}
.sms{background:#fff;border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:13.5px;line-height:1.45;box-shadow:var(--sh1);border:1px solid var(--line);max-width:94%;position:relative;color:var(--ink)}
.sms small{display:block;color:var(--ink3);font-size:11px;margin-top:4px}
.sms-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--link);margin-bottom:10px}.sms-head .ic{width:18px;height:18px}
.type{display:inline-flex;gap:3px;padding:10px 14px;background:#fff;border-radius:14px 14px 14px 4px;box-shadow:0 2px 6px rgba(120,20,60,.1);margin-bottom:8px}
.type i{width:6px;height:6px;border-radius:50%;background:#C9AAB8;animation:tp 1.2s infinite}.type i:nth-child(2){animation-delay:.2s}.type i:nth-child(3){animation-delay:.4s}
@keyframes tp{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.pkg{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--sh1)}
.pkg-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}
.pkg-top span{font-size:12.5px;color:var(--ink3);font-weight:500}
.seans{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:12px}
.seans i{height:10px;border-radius:99px;background:var(--line)}.seans i.on{background:var(--grad)}
.rcpt{background:#fff;border-radius:14px 14px 0 0;padding:16px 18px 22px;box-shadow:var(--sh2);width:86%;margin:0 auto;position:relative;color:var(--ink);font-size:12.5px;transform:rotate(-2.5deg)}
.rcpt::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:10px;background:radial-gradient(circle at 7px 0,#fff 6px,transparent 6.5px) 0 0/14px 10px repeat-x;filter:drop-shadow(0 4px 3px rgba(120,20,60,.1))}
.rcpt b.no{display:block;font-size:11px;color:var(--ink3);letter-spacing:.06em}
.rcpt .kv{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--line2)}.rcpt .kv:last-of-type{border:0}
.stamp{position:absolute;right:-14px;top:-26px;background:#fff;width:58px;height:58px;border-radius:50%;border:2.5px solid var(--ok-i);color:var(--ok-i);display:grid;place-items:center;font-weight:700;font-size:10.5px;transform:rotate(-14deg);letter-spacing:.04em;opacity:.9}
.coupon{display:flex;align-items:stretch;border-radius:16px;overflow:hidden;box-shadow:var(--sh1);border:1px solid var(--line);background:#fff}
.coupon .l{background:var(--grad);color:#fff;padding:14px 16px;font-weight:700;font-size:22px;display:grid;place-items:center;letter-spacing:-.02em;position:relative}
.coupon .l::after{content:"";position:absolute;right:-7px;top:0;bottom:0;width:14px;background:radial-gradient(circle at 7px 7px,#fff 5px,transparent 5.5px) 0 0/14px 16px repeat-y}
.coupon .r{padding:12px 16px 12px 20px;font-size:13px;line-height:1.4}.coupon .r b{display:block;font-size:14.5px}.coupon .r code{font:600 12px/1 Poppins;background:var(--tint);color:var(--link);padding:4px 8px;border-radius:6px;display:inline-block;margin-top:6px;letter-spacing:.06em}
.perm{display:grid;gap:8px}
.perm div{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 12px;font-size:13.5px;font-weight:500}
.tgl{width:36px;height:21px;border-radius:99px;background:var(--line2);position:relative;flex:none}.tgl::after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tgl.on{background:var(--ok)}.tgl.on::after{left:18px}
.bars{display:flex;align-items:flex-end;gap:8px;height:110px}
.bars i{flex:1;border-radius:8px 8px 4px 4px;background:var(--tint2);height:var(--h)}.bars i.on{background:var(--grad)}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--ink2);margin-top:10px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gal i{aspect-ratio:1;border-radius:12px;position:relative;overflow:hidden}
.gal i::after{content:attr(data-t);position:absolute;left:6px;bottom:6px;font:600 10px/1 Poppins;font-style:normal;background:rgba(255,255,255,.9);color:var(--ink);padding:3px 6px;border-radius:6px}
.rev{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-size:13px;box-shadow:var(--sh1)}
.rev .stars{color:#F59E0B;letter-spacing:1px;font-size:14px}.rev p{color:var(--ink2);font-size:13px;margin-top:2px}.rev b{font-size:13px}
.branch{display:flex;gap:8px;flex-wrap:wrap}
.branch span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:500;box-shadow:var(--sh1)}
.branch span i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.themes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.themes>div{border-radius:16px;padding:12px;font-size:12px;border:1px solid var(--line)}
.themes .lt{background:#fff}.themes .dk{background:#1A0D15;color:#F7EDF2;border-color:#36202C}
.themes b{display:block;height:8px;border-radius:99px;background:var(--grad);width:60%;margin:6px 0}.themes u{display:block;height:6px;border-radius:99px;background:currentColor;opacity:.15;margin:5px 0;text-decoration:none}
.support{display:grid;gap:8px}
.support .q{align-self:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:9px 12px;font-size:13px;max-width:90%}
.support .a{justify-self:end;background:var(--tint);color:var(--ink);border-radius:14px 14px 4px 14px;padding:9px 12px;font-size:13px;max-width:90%}

/* ---------- ikili kart (salon / müşteri) ---------- */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.duo-card{position:relative;border-radius:var(--r-xl);padding:clamp(26px,3.4vw,48px);padding-bottom:0;overflow:hidden;display:flex;flex-direction:column;min-height:640px;border:1px solid var(--line)}
.duo-card.mgr{background:linear-gradient(165deg,#FFE3EC 0%,#FFF4F7 55%,#fff 100%)}
.duo-card.res{background:linear-gradient(165deg,#EEE6FF 0%,#F7F3FF 55%,#fff 100%)}
.duo-card h3{font-size:clamp(23px,2.4vw,32px);letter-spacing:-.025em;margin:14px 0 10px}
.duo-card ul{display:grid;gap:10px;margin:18px 0 0;max-width:440px}
.duo-card li{display:flex;gap:11px;align-items:flex-start;font-size:16px;color:var(--ink2)}
.duo-card li .ic{width:21px;height:21px;margin-top:2px;color:var(--pri-x)}.duo-card.res li .ic{color:var(--vio-i)}
.duo-card .ph-wrap{margin-top:auto;width:min(58%,310px);align-self:flex-end;transform:translateY(24px);margin-right:-2%;padding-top:30px}
.duo-card .ph-wrap .phone{filter:drop-shadow(0 20px 30px rgba(120,20,60,.22))}
.duo-card .linkpill{margin-top:22px;max-width:360px}
@media(max-width:900px){.duo{grid-template-columns:1fr}.duo-card{min-height:0}.duo-card .ph-wrap{width:min(60%,270px);align-self:center;margin-right:0}}
.linkpill{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);font-size:13.5px;font-weight:500;color:var(--ink2);min-width:0}
.linkpill .ic{width:20px;height:20px;color:var(--pri-x)}.linkpill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linkpill b{color:var(--ink)}
.linkpill em{font-style:normal;margin-left:auto;font-size:11.5px;font-weight:700;color:var(--ok-i);background:var(--ok-t);padding:3px 9px;border-radius:99px;flex:none}

/* ---------- pembe bant ---------- */
.band{position:relative;color:#fff;background:linear-gradient(140deg,#8E1844 0%,#B8235A 40%,#CF2E63 75%,#E54C7D 100%);overflow:hidden;isolation:isolate}
.band::before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;border:1px solid rgba(255,255,255,.14);right:-200px;top:-320px;z-index:-1}
.band::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,170,200,.45),transparent);left:-160px;bottom:-200px;z-index:-1}
.band .dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.18) 1.2px,transparent 1.4px);background-size:28px 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 90%);mask-image:linear-gradient(90deg,transparent,#000 90%)}
.band .eyebrow{background:rgba(255,255,255,.16);color:#fff}.band .eyebrow i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.2)}
.band .lead{color:rgba(255,255,255,.88)}
.band .hl2{color:#FFD3E1}
.band h2,.faq-side h2,.app h2{margin-bottom:16px}
.band-grid{display:grid;grid-template-columns:minmax(0,5.4fr) minmax(0,6.6fr);gap:clamp(28px,5vw,80px);align-items:center}
.ticks{display:grid;gap:12px;margin:28px 0 30px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px}
.ticks .ic{width:22px;height:22px;margin-top:2px;color:var(--ok)}
.band .ticks li{color:rgba(255,255,255,.94)}.band .ticks .ic{color:#9FF0C9}
.glass{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 30px 70px rgba(60,6,30,.3),0 1px 0 rgba(255,255,255,.4) inset}
.kasa{padding:clamp(20px,2.6vw,32px);position:relative}
.kasa .lbl{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14.5px;color:rgba(255,255,255,.88);font-weight:500}
.kasa .live{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:4px 11px;border-radius:99px;background:rgba(14,159,110,.28);color:#C9F7E1;flex:none}
.kasa .live i{width:7px;height:7px;border-radius:50%;background:#3DD68C;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(61,214,140,.6)}100%{box-shadow:0 0 0 9px rgba(61,214,140,0)}}
.kasa .kv-big{font-size:clamp(40px,5vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1.1;margin:10px 0 4px;font-variant-numeric:tabular-nums}
.kasa .kv-big small{font-size:.5em;opacity:.78;font-weight:500}
.kasa .two{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.kasa .mini2{background:rgba(255,255,255,.12);border-radius:18px;padding:12px 14px;border:1px solid rgba(255,255,255,.2);min-width:0}
.kasa .mini2 small{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.85)}.kasa .mini2 small .ic{width:16px;height:16px}
.kasa .mini2 b{display:block;font-size:clamp(17px,1.7vw,22px);font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums;white-space:nowrap}
.kasa .chart{display:flex;align-items:flex-end;gap:10px;height:110px;margin:6px 0}
.kasa .chart i{flex:1;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#fff,rgba(255,255,255,.45));height:var(--h)}
.kasa .chart i:nth-child(odd){background:linear-gradient(180deg,#FFD3E1,rgba(255,211,225,.35))}
.kasa .months{display:flex;gap:10px;font-size:11.5px;color:rgba(255,255,255,.78)}.kasa .months span{flex:1;text-align:center}
.kasa .ex{font-size:12.5px;color:rgba(255,255,255,.8);margin-top:14px;display:flex;gap:8px;align-items:center}.kasa .ex .ic{width:16px;height:16px}
.kasa-rows{margin-top:14px;display:grid;gap:8px}
.kasa-rows .kr{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);border-radius:14px;padding:10px 14px;font-size:14px}
.kasa-rows .kr i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.18);flex:none}.kasa-rows .kr i .ic{width:17px;height:17px}
.kasa-rows .kr span{flex:1;min-width:0}.kasa-rows .kr b{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
@media(max-width:980px){.band-grid{grid-template-columns:1fr}}
@media(max-width:480px){.kasa .two{grid-template-columns:1fr 1fr}.kasa .two .mini2:last-child{grid-column:1/-1}}

/* ---------- adımlar ---------- */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;position:relative}
.steps::before{content:"";position:absolute;left:16%;right:16%;top:28px;height:2px;background:repeating-linear-gradient(90deg,var(--line2) 0 8px,transparent 8px 16px)}
.step{position:relative;text-align:center}
.step .num{width:56px;height:56px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;font-weight:600;font-size:22px;color:#fff;background:var(--grad);box-shadow:0 0 0 8px var(--bg),0 0 0 9px var(--line),0 12px 24px rgba(207,46,99,.3);position:relative;z-index:1}
.step .sc{max-width:300px;margin:0 auto 6px}
.step h3{margin-bottom:8px}.step p{color:var(--ink2);font-size:16px;max-width:34ch;margin-inline:auto}
.sec.alt .step .num{box-shadow:0 0 0 8px var(--bg2),0 0 0 9px var(--line),0 12px 24px rgba(207,46,99,.3)}
@media(max-width:900px){.steps{grid-template-columns:1fr;gap:40px}.steps::before{display:none}}

/* ---------- uygulama indirme ---------- */
.app{position:relative;border-radius:var(--r-xl);background:linear-gradient(160deg,#fff 0%,#FFF1F6 55%,#FCE3EC 100%);border:1px solid var(--line);overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:30px;align-items:center;padding:clamp(28px,4.4vw,64px);padding-bottom:0;box-shadow:var(--sh2)}
.app::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid var(--tint2);right:-120px;top:-180px}
.app .copy{padding-bottom:clamp(28px,4.4vw,64px);position:relative}
.app .copy h2{margin-bottom:16px}
.app .ticks{margin:22px 0 28px}
.app-phones{position:relative;height:clamp(360px,36vw,470px);align-self:end}
.app-phones .phone{position:absolute;width:46%;bottom:-18%}
.app-phones .a{left:4%;transform:rotate(-6deg);z-index:1}.app-phones .b{left:46%;z-index:2;bottom:-12%}
.app-phones .fcard{position:absolute;left:-2%;top:16%;font-size:13px;z-index:5}
.qr{display:inline-flex;align-items:center;gap:12px;font-size:13.5px;color:var(--ink2)}
@media(max-width:900px){.app{grid-template-columns:1fr}.app .copy{padding-bottom:0}.app-phones{height:340px;max-width:430px;width:100%;margin:0 auto}}

/* ---------- karşılaştırma ---------- */
.cmp-wrap{overflow-x:auto;padding:14px 4px 30px;margin:-14px -4px -30px}
.cmp{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;font-size:16px;text-align:left}
.cmp th,.cmp td{padding:18px 22px;vertical-align:middle}
.cmp thead th{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);font-weight:600}
.cmp tbody th{font-weight:600;color:var(--ink);width:20%}
.cmp tbody tr>*{border-bottom:1px solid var(--line)}
.cmp .n{color:var(--ink2)}.cmp .n>span,.cmp .y>span{display:flex;gap:12px;align-items:flex-start}
.cmp .n .ic{width:20px;height:20px;color:var(--bad);margin-top:3px}
.cmp .y{background:linear-gradient(180deg,var(--tint),var(--surface));border-left:1px solid var(--tint2);border-right:1px solid var(--tint2);font-weight:500}
.cmp .y .ic{width:20px;height:20px;color:var(--ok);margin-top:3px}
.cmp thead .y{background:var(--grad);color:#fff;border-radius:22px 22px 0 0;font-size:15px;box-shadow:0 18px 40px rgba(207,46,99,.28);letter-spacing:.02em;text-transform:none}
.cmp tbody tr:last-child .y{border-radius:0 0 22px 22px;border-bottom:1px solid var(--tint2)}
@media(max-width:700px){.cmp{min-width:600px;font-size:15px}.cmp th,.cmp td{padding:14px 14px}}

/* ---------- referanslar ---------- */
.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.quotes.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:28px;box-shadow:var(--sh1);display:flex;flex-direction:column;gap:18px;position:relative}
.quote::before{content:"\201C";position:absolute;right:22px;top:4px;font-size:90px;line-height:1;color:var(--tint2);font-weight:700}
.quote .stars{color:#F59E0B;letter-spacing:2px;font-size:17px}
.quote p{color:var(--ink);font-size:16.5px;line-height:1.65}
.quote .who{display:flex;align-items:center;gap:12px;margin-top:auto}
.quote .who .av{width:46px;height:46px;font-size:17px;color:#fff}
.quote .who b{display:block;font-size:15.5px}.quote .who small{display:block;color:var(--ink3);font-size:13.5px}
@media(max-width:1000px){.quotes.three{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.quotes,.quotes.three{grid-template-columns:1fr}}

/* ---------- fiyat ---------- */
.price-card{position:relative;border-radius:var(--r-xl);padding:2px;background:linear-gradient(135deg,var(--pri-l),var(--pri-d) 45%,#F7A8C0);box-shadow:var(--sh3);max-width:1040px;margin-inline:auto}
.price-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--surface);border-radius:calc(var(--r-xl) - 2px);overflow:hidden}
.price-l{padding:clamp(26px,4vw,52px);background:linear-gradient(160deg,var(--tint),var(--surface) 70%);position:relative}
.price-amt{display:flex;align-items:baseline;gap:8px;margin:14px 0 4px;flex-wrap:wrap}
.price-amt b{font-size:clamp(50px,6vw,76px);font-weight:600;letter-spacing:-.045em;line-height:1}
.price-amt span{font-size:20px;color:var(--ink2);font-weight:500}
.price-l .trial{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ok-i);background:var(--ok-t);padding:8px 14px;border-radius:99px;margin:14px 0 24px;font-size:15px}
.price-l .trial .ic{width:18px;height:18px}
.price-r{padding:clamp(26px,4vw,52px)}
.price-r ul{display:grid;gap:13px}
.price-r li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.price-r li .ic{width:22px;height:22px;color:var(--ok);margin-top:1px}
.price-note{font-size:14px;color:var(--ink2);margin-top:16px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;max-width:1100px;margin-inline:auto}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:30px;box-shadow:var(--sh1);display:flex;flex-direction:column;gap:14px;position:relative}
.plan.hot{border:2px solid var(--pri);box-shadow:var(--sh3)}
.plan .price-amt b{font-size:46px}
.plan ul{display:grid;gap:10px;margin:6px 0 10px}.plan li{display:flex;gap:10px;font-size:15.5px;color:var(--ink2)}.plan li .ic{width:20px;height:20px;color:var(--ok);margin-top:2px}
.plan .btn{margin-top:auto}
@media(max-width:860px){.price-in{grid-template-columns:1fr}}

/* ---------- değerler / güven ---------- */
.values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.val{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--sh1)}
.val .ico{margin-bottom:16px}
.val h3{font-size:18px}.val p{color:var(--ink2);font-size:15.5px;margin-top:6px}
@media(max-width:1000px){.values{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.values{grid-template-columns:1fr}}

/* ---------- SSS ---------- */
.faq-wrap{display:grid;grid-template-columns:minmax(0,4.2fr) minmax(0,7.8fr);gap:clamp(28px,5vw,80px);align-items:start}
.faq-side{position:sticky;top:108px}
.faq-side .ask{margin-top:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:22px;box-shadow:var(--sh1)}
.faq-side .ask b{display:block;margin-bottom:4px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:22px;margin-bottom:12px;transition:box-shadow .25s,border-color .25s}
.faq details[open]{box-shadow:var(--sh2);border-color:var(--line2)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;font-weight:600;font-size:17px;letter-spacing:-.01em;line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:32px;height:32px;border-radius:50%;flex:none;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CF2E63' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s var(--ease),background-color .2s}
.faq details[open] summary::after{transform:rotate(135deg);background-color:var(--tint2)}
.faq .ans{padding:0 24px 22px;color:var(--ink2);font-size:16.5px;animation:fadein .35s var(--ease)}
@keyframes fadein{from{opacity:0;transform:translateY(-6px)}}
@media(max-width:900px){.faq-wrap{grid-template-columns:1fr}.faq-side{position:static}.faq-side .sidecta{display:none}}
@media(max-width:560px){.faq summary{padding:16px 18px;font-size:16px}.faq .ans{padding:0 18px 18px;font-size:15.5px}}

/* ---------- CTA bandı ---------- */
.cta{position:relative;border-radius:var(--r-xl);overflow:hidden;color:#fff;background:linear-gradient(135deg,#8E1844 0%,#B8235A 35%,#CF2E63 70%,#E54C7D 100%);padding:clamp(30px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;align-items:center;box-shadow:var(--sh3);isolation:isolate}
.cta::before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;border:1px solid rgba(255,255,255,.16);right:-140px;top:-240px;z-index:-1}
.cta::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,170,200,.5),transparent);left:-120px;bottom:-200px;z-index:-1}
.cta .eyebrow{background:rgba(255,255,255,.16);color:#fff}.cta .eyebrow i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.2)}
.cta h2{margin-bottom:16px}.cta p{color:rgba(255,255,255,.9);font-size:18px;max-width:46ch}
.cta .hero-cta{margin:28px 0 22px}
.cta .hl2{color:#FFD3E1}
.cta .ph-stack{position:relative;height:380px;align-self:end;margin-bottom:calc(clamp(30px,5vw,72px)*-1)}
.cta .ph-stack .phone{position:absolute;width:50%}
.cta .ph-stack .a{left:6%;top:30px;transform:rotate(-6deg)}.cta .ph-stack .b{left:44%;top:0;transform:rotate(5deg)}
.cta .ph-stack .fcard{position:absolute;left:-4%;top:46%;font-size:13px;z-index:5}
.cta.slim{grid-template-columns:1fr;text-align:center;justify-items:center}
.cta.slim p{margin-inline:auto}
@media(max-width:900px){.cta{grid-template-columns:1fr}.cta .ph-stack{height:280px;max-width:420px;margin:0 auto -30px;width:100%}}
@media(max-width:560px){.cta{padding:30px 20px}.cta .hero-cta .btn{flex:1 1 100%}}

/* ---------- iç sayfa başı ---------- */
.ph{position:relative;padding-top:clamp(116px,11vw,160px);padding-bottom:clamp(36px,5vw,72px);overflow:clip}
.ph-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
.ph h1{font-size:clamp(34px,4.6vw,60px);margin-bottom:20px}
.ph .lead{margin-bottom:26px}
.ph-art{position:relative}
.ph-art .iso-scene,.ph-art .iso-bld{max-width:460px;margin-inline:auto;filter:drop-shadow(0 20px 30px rgba(184,35,90,.14))}
.ph-single{max-width:860px}
.ph.center .ph-single{margin-inline:auto;text-align:center}.ph.center .lead{margin-inline:auto}
@media(max-width:900px){.ph-grid{grid-template-columns:1fr}.ph-art{max-width:380px;margin-inline:auto;width:100%}}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--ink3);margin-bottom:18px}.crumbs li+li::before{content:"/";margin-right:6px;opacity:.6}.crumbs a{color:var(--ink2);text-decoration:none}.crumbs a:hover{color:var(--pri-x)}
.ph.center .crumbs ol{justify-content:center}

/* ---------- özellik dizini / kategoriler ---------- */
.fnav{position:sticky;top:76px;z-index:20;background:var(--hdr);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-block:1px solid var(--line)}
.fnav-in{display:flex;gap:6px;overflow-x:auto;padding-block:10px;scrollbar-width:none}.fnav-in::-webkit-scrollbar{display:none}
.fnav a{flex:none;text-decoration:none;color:var(--ink2);font-weight:500;font-size:14.5px;padding:8px 16px;border-radius:99px;white-space:nowrap}
.fnav a:hover{background:var(--tint);color:var(--link)}
.fcat{display:grid;grid-template-columns:minmax(0,3.6fr) minmax(0,8.4fr);gap:clamp(24px,4vw,60px);padding-block:clamp(36px,5vw,64px);border-top:1px solid var(--line);scroll-margin-top:140px}
.fcat:first-child{border-top:0}
.fcat-h{position:sticky;top:150px;align-self:start}
.fcat-h .ico{width:56px;height:56px;border-radius:18px;background:var(--grad);color:#fff;box-shadow:0 10px 22px rgba(207,46,99,.3)}
.fcat-h .ico svg{width:28px;height:28px}
.fcat-h h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:10px}
.fcat-h p{color:var(--ink2);font-size:16px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.fitem{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px 24px;box-shadow:var(--sh1);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:6px}
a.fitem:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--line2)}
.fitem h3{font-size:17.5px;display:flex;gap:10px;align-items:center}
.fitem p{color:var(--ink2);font-size:15.5px}
.fitem .ico{width:44px;height:44px;border-radius:14px;margin-bottom:8px}.fitem .ico svg{width:22px;height:22px}
.fitem .more{margin-top:auto;padding-top:6px;font-weight:600;color:var(--link);font-size:14.5px;display:inline-flex;gap:6px;align-items:center}.fitem .more .ic{width:16px;height:16px}
@media(max-width:1000px){.fgrid.three{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.fcat{grid-template-columns:1fr}.fcat-h{position:static}.fgrid,.fgrid.three{grid-template-columns:1fr}}

/* ---------- uzun metin (özellik, blog, yasal) ---------- */
.art-grid{display:grid;grid-template-columns:minmax(0,780px) 330px;justify-content:space-between;gap:clamp(32px,5vw,72px);align-items:start}
.art-side{position:sticky;top:96px;display:grid;gap:18px}
.rt{font-size:17.5px;line-height:1.78;color:var(--ink);max-width:760px;overflow-wrap:anywhere}
.rt.doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(22px,4vw,52px);box-shadow:var(--sh1);max-width:880px;margin-inline:auto}
.rt p{margin:0 0 1.15em;color:var(--ink)}
.rt h2{font-size:clamp(23px,2.6vw,30px);line-height:1.25;margin:2em 0 .6em;scroll-margin-top:100px;letter-spacing:-.02em}
.rt h2:first-child,.rt h1+h2{margin-top:0}
.rt h3{font-size:clamp(18.5px,1.8vw,22px);margin:1.6em 0 .45em;scroll-margin-top:100px}
.rt ul,.rt ol{margin:0 0 1.2em;padding-left:1.35em;list-style:revert}
.rt li{margin:.45em 0;padding-left:.2em}
.rt li::marker{color:var(--pri);font-weight:600}
.rt a{color:var(--link);text-underline-offset:3px}
.rt strong,.rt b{font-weight:600}
.rt code{font-size:.88em;background:var(--tint);color:var(--link);padding:2px 7px;border-radius:7px}
.rt img{border-radius:16px;margin:1em 0}
.rt table{width:100%;border-collapse:separate;border-spacing:0;font-size:15.5px;line-height:1.5;margin:1.5em 0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.rt th,.rt td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.rt tr:last-child td{border-bottom:0}
.rt th{background:var(--tint);font-size:14px;font-weight:600;color:var(--ink)}
.rt tbody tr:nth-child(even) td{background:var(--surface2)}
.rt blockquote{background:var(--tint);border-left:4px solid var(--pri);border-radius:6px 18px 18px 6px;padding:18px 22px;margin:1.6em 0;font-size:17px;line-height:1.65}
.rt blockquote p{margin:0}.rt blockquote footer{margin-top:10px;font-size:14.5px;color:var(--ink2);font-weight:600}
.rt .note{background:var(--warn-t);border-radius:16px;padding:14px 18px;font-size:15px;line-height:1.55;color:var(--warn-i);margin:1.6em 0 0}
@media(max-width:700px){.rt table{display:block;overflow-x:auto}.rt{font-size:16.5px}}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px 22px;box-shadow:var(--sh1);font-size:15px;line-height:1.4}
.toc b{display:block;margin-bottom:8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.toc ol{margin:0;padding-left:20px;list-style:decimal}.toc li{margin:7px 0}.toc a{color:var(--ink2);text-decoration:none}.toc a:hover{color:var(--pri-x)}
.sidecta{position:relative;overflow:hidden;background:var(--grad);color:#fff;border-radius:24px;padding:24px;box-shadow:var(--sh3)}
.sidecta::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid rgba(255,255,255,.22);right:-70px;top:-80px}
.sidecta .ico{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.2);color:#fff;margin-bottom:14px}.sidecta .ico svg{width:22px;height:22px}
.sidecta b{display:block;font-size:19px;letter-spacing:-.01em;margin-bottom:6px}.sidecta p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.9);margin:0 0 16px}.sidecta small{display:block;margin-top:10px;font-size:12.5px;color:rgba(255,255,255,.85)}
.sidecta .btn{position:relative;z-index:1}
@media(max-width:1020px){.art-grid{grid-template-columns:minmax(0,1fr)}.art-side{position:static}}

/* ---------- kartlar: blog / salon ---------- */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media(max-width:1000px){.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid3{grid-template-columns:1fr}}
.gcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--sh1);transition:transform .3s var(--ease),box-shadow .3s;min-width:0}
.gcard:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.gcard .cover{aspect-ratio:16/9;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#F7A8C0,#CF2E63)}
.gcard .cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gcard .cover .ph-ic{width:64px;height:64px;color:rgba(255,255,255,.95);position:relative;z-index:1;filter:drop-shadow(0 8px 14px rgba(60,6,30,.25))}
.gcard .cover::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,255,255,.3);right:-70px;top:-110px}
.gcard .cover::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.12);left:-50px;bottom:-70px}
.gcard .cover:has(img)::before,.gcard .cover:has(img)::after{display:none}
.gcard .cv1{background:linear-gradient(135deg,#E54C7D,#B8235A)}.gcard .cv2{background:linear-gradient(135deg,#F0789D,#8B5CF6)}.gcard .cv3{background:linear-gradient(135deg,#FB7A55,#E54C7D)}.gcard .cv4{background:linear-gradient(135deg,#8B5CF6,#CF2E63)}
.gcard .gb{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.gcard .k{font-size:12px;font-weight:600;color:var(--link);letter-spacing:.05em;text-transform:uppercase}
.gcard h3{font-size:19px}
.gcard p{color:var(--ink2);font-size:15px;line-height:1.55}
.gcard .more{margin-top:auto;padding-top:8px;font-weight:600;color:var(--link);font-size:15px;display:inline-flex;align-items:center;gap:6px}.gcard .more .ic{width:16px;height:16px}
.gcard .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--ink3);font-size:14px}
.gcard .meta .ic{width:16px;height:16px;color:var(--pri-x)}
.gcard .chips-s{display:flex;gap:6px;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;background:var(--tint);color:var(--link);font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap}
.catbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}
.catbar a{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--ink2);text-decoration:none;font-weight:500;font-size:14.5px;box-shadow:var(--sh1)}
.catbar a:hover,.catbar a.on{border-color:var(--pri-l);color:var(--link);background:var(--tint)}
.catbar a small{color:var(--ink3);font-weight:500}
.empty{display:grid;justify-items:center;text-align:center;gap:12px;padding:48px 20px;background:var(--surface);border:1px dashed var(--line2);border-radius:var(--r-l);color:var(--ink2)}
.empty .ico{margin:0}
.empty b{color:var(--ink);font-size:19px}

/* ---- dizin: başlık, sayfalama, örnek (demo) profil etiketleri */
.dir-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;margin-bottom:20px}
.dir-head h2{font-size:clamp(26px,2.6vw,36px)}
.dir-count{color:var(--ink3);font-size:14.5px;font-weight:500}
.city-more{position:relative}
.city-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--ink2);font-weight:500;font-size:14.5px;box-shadow:var(--sh1)}
.city-more summary::-webkit-details-marker{display:none}
.city-more summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px;transition:transform .2s}
.city-more[open] summary{border-color:var(--pri-l);color:var(--link);background:var(--tint)}
.city-more[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.city-more summary small{color:var(--ink3)}
.city-more-list{position:absolute;z-index:30;left:0;top:calc(100% + 8px);width:min(560px,calc(100vw - 40px));max-height:320px;overflow:auto;display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh3)}
.city-more-list a{box-shadow:none}
@media(max-width:640px){.city-more{position:static}.catbar{position:relative}.city-more-list{left:0;right:0;width:auto}}
.demo-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.95);color:var(--vio-i);font-size:12.5px;font-weight:600;line-height:1.4;white-space:nowrap;box-shadow:0 4px 12px rgba(60,6,30,.18)}
.demo-badge .ic{width:14px;height:14px}
.gcard .cover .demo-badge{position:absolute;left:12px;top:12px;z-index:2}
.gcard.is-demo .more{color:var(--ink2)}
.demo-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 22px;padding:12px 16px;border-radius:16px;background:var(--vio-t);color:var(--ink2);font-size:14.5px;line-height:1.55}
.demo-note .ic{width:18px;height:18px;color:var(--vio-i);flex:none;margin-top:2px}
.demo-note b{color:var(--ink)}
.demo-note a{color:var(--vio-i);font-weight:600;white-space:nowrap}
.pager{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:36px}
.pager .pg{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:46px;height:46px;padding:0 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink2);text-decoration:none;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;box-shadow:var(--sh1);transition:border-color .2s,color .2s,background .2s}
.pager a.pg:hover{border-color:var(--pri-l);color:var(--link);background:var(--tint)}
.pager .pg.on{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(207,46,99,.3)}
.pager .pg.off{opacity:.45;box-shadow:none}
.pager .pg.gap{border:0;background:none;box-shadow:none;min-width:20px;padding:0}
.pager .pg .ic{width:16px;height:16px}
@media(max-width:560px){.pager{gap:6px}.pager .pg{min-width:42px;height:42px;padding:0 10px}.pager .pg.nav span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}

/* ---------- arama kutusu (mağazalar) ---------- */
.search-box{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:10px;box-shadow:var(--sh2);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px;align-items:end;max-width:860px}
.ph.center .search-box{margin-inline:auto;text-align:left}
.sfield{display:flex;flex-direction:column;gap:2px;padding:6px 14px;border-radius:16px;min-width:0}
.sfield:focus-within{background:var(--surface2)}
.sfield label{font-size:12px;font-weight:600;color:var(--ink3);letter-spacing:.04em;text-transform:uppercase}
.sfield input{border:0;outline:0;background:transparent;font-size:16px;padding:4px 0;min-width:0;width:100%}
.search-box .btn{min-height:56px}
@media(max-width:760px){.search-box{grid-template-columns:1fr}.search-box .btn{width:100%}.sfield{border-bottom:1px solid var(--line);border-radius:12px}}
.popular{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;align-items:center;font-size:14px;color:var(--ink3)}
.ph.center .popular{justify-content:center}
.popular a{color:var(--ink2);text-decoration:none;background:var(--glass);border:1px solid var(--glass-b);padding:6px 12px;border-radius:99px;font-weight:500;box-shadow:var(--sh1)}
.popular a:hover{color:var(--link)}

/* ---------- searchable-select widget ---------- */
.searchable-select{position:relative}
.searchable-select-toggle{width:100%;text-align:left;background:transparent;border:0;padding:4px 22px 4px 0;font-size:16px;cursor:pointer;position:relative;color:var(--ink);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.searchable-select-toggle::after{content:"";position:absolute;right:2px;top:50%;width:8px;height:8px;border-right:2px solid var(--ink3);border-bottom:2px solid var(--ink3);transform:translateY(-70%) rotate(45deg)}
.searchable-select-toggle.placeholder{color:var(--ink3)}
.searchable-select-dropdown{display:none;position:absolute;left:-10px;right:-10px;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--sh3);z-index:60;padding:8px;min-width:220px}
.searchable-select.is-open .searchable-select-dropdown{display:block}
.searchable-select-search{width:100%;border:1px solid var(--line2);border-radius:12px;padding:10px 12px;font-size:15px;outline:0;background:var(--surface2)}
.searchable-select-search:focus{border-color:var(--pri-l)}
.searchable-select-options{max-height:264px;overflow-y:auto;margin-top:6px}
.searchable-select-option{padding:9px 12px;border-radius:10px;cursor:pointer;font-size:15px}
.searchable-select-option:hover,.searchable-select-option.is-active{background:var(--tint);color:var(--link)}
.searchable-select-option.is-selected{font-weight:600;color:var(--link)}
.searchable-select-empty{padding:14px;text-align:center;color:var(--ink3);font-size:14px}

/* ---------- formlar (kayıt, randevu, yorum) ---------- */
.form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(22px,3.4vw,40px);box-shadow:var(--sh2)}
.reg-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;position:relative}
.reg-field>label,.flabel{font-size:14.5px;font-weight:600;color:var(--ink)}
.reg-optional{font-weight:500;color:var(--ink3)}
.reg-field input[type=text],.reg-field input[type=email],.reg-field input[type=password],.reg-field input[type=tel],.reg-field select,.reg-field textarea,.finput,
.salon-review-form input[type=text],.salon-review-form input[type=tel],.salon-review-form textarea{width:100%;min-height:52px;border:1.5px solid var(--line2);border-radius:14px;background:var(--surface);padding:12px 16px;font-size:16px;outline:0;transition:border-color .15s,box-shadow .15s;color:var(--ink)}
.reg-field textarea,.salon-review-form textarea{min-height:120px;resize:vertical}
.reg-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237F6573' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px}
.reg-field input:focus,.reg-field select:focus,.reg-field textarea:focus,.finput:focus,.salon-review-form input:focus,.salon-review-form textarea:focus{border-color:var(--pri);box-shadow:0 0 0 4px rgba(229,76,125,.14)}
.reg-field .searchable-select{min-height:52px;border:1.5px solid var(--line2);border-radius:14px;background:var(--surface);padding:10px 16px;display:flex;align-items:center}
.reg-field .searchable-select.is-open{border-color:var(--pri);box-shadow:0 0 0 4px rgba(229,76,125,.14)}
.reg-field .searchable-select-toggle{padding-right:24px}
.reg-field .searchable-select-dropdown{left:-2px;right:-2px}
.reg-phone{display:flex;align-items:stretch;border:1.5px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--surface);transition:border-color .15s,box-shadow .15s}
.reg-phone:focus-within{border-color:var(--pri);box-shadow:0 0 0 4px rgba(229,76,125,.14)}
.reg-phone-prefix{display:grid;place-items:center;padding:0 14px;background:var(--surface2);border-right:1px solid var(--line);font-weight:600;color:var(--ink2);font-size:15.5px}
.reg-phone input{border:0!important;box-shadow:none!important;border-radius:0!important;flex:1;min-width:0}
.reg-help{font-size:13.5px;color:var(--ink3)}
.reg-error{font-size:13.5px;color:var(--bad-i);font-weight:500}
.reg-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.reg-sep{border:0;border-top:1px dashed var(--line2);margin:8px 0 22px}
.reg-checkbox{flex-direction:row;align-items:flex-start;gap:12px;background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.reg-checkbox input{width:20px;height:20px;accent-color:var(--pri-x);margin-top:2px;flex:none}
.reg-checkbox label{font-weight:500;font-size:14.5px;color:var(--ink2)}
.reg-checkbox .reg-error{flex-basis:100%}
.reg-alert{border-radius:14px;padding:13px 16px;font-size:15px;margin-bottom:18px;background:var(--ok-t);color:var(--ok-i);border:1px solid #BDEBD5;font-weight:500}
.reg-alert-error{background:var(--bad-t);color:var(--bad-i);border-color:#F6C9C9}
.reg-submit{width:100%;min-height:56px;border:0;border-radius:16px;background:var(--grad);color:#fff;font-weight:600;font-size:17px;cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 12px 28px rgba(207,46,99,.34);transition:transform .2s var(--ease),box-shadow .2s}
.reg-submit:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 16px 34px rgba(207,46,99,.42)}
@media(max-width:520px){.reg-row{grid-template-columns:1fr;gap:0}}

/* kayıt sayfası */
.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--bg)}
.auth-side{position:relative;overflow:hidden;color:#fff;background:linear-gradient(150deg,#8E1844 0%,#B8235A 35%,#CF2E63 70%,#E54C7D 100%);padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;gap:26px;isolation:isolate}
.auth-side::before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;border:1px solid rgba(255,255,255,.14);right:-260px;top:-240px;z-index:-1}
.auth-side::after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,170,200,.45),transparent);left:-160px;bottom:-180px;z-index:-1}
.auth-side .dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.4px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,transparent,#000);mask-image:linear-gradient(180deg,transparent,#000)}
.auth-side .brand{color:#fff}.auth-side .brand .tile{background:#fff;color:var(--pri-x);box-shadow:0 8px 20px rgba(60,6,30,.25)}
.auth-side h1{font-size:clamp(30px,3.4vw,46px);margin-top:auto}
.auth-side .lead{color:rgba(255,255,255,.9)}
.auth-side .ticks li{color:rgba(255,255,255,.95);font-size:16px}.auth-side .ticks .ic{color:#9FF0C9}
.auth-side .ticks{margin:6px 0 0}
.auth-side{padding-bottom:0}
.auth-side .phones{position:relative;height:330px;margin-top:auto;max-width:460px}
.auth-side .phones .phone{position:absolute;width:200px;bottom:-150px}
.auth-side .phones .a{left:0;transform:rotate(-7deg)}.auth-side .phones .b{left:178px;bottom:-110px;transform:rotate(4deg)}
.auth-side .fcard{position:absolute;left:250px;top:10px;font-size:13px}
@media(max-width:560px){.auth-side .phones{height:260px}.auth-side .phones .phone{width:160px}.auth-side .phones .b{left:140px}.auth-side .fcard{left:auto;right:0;top:0}}
.auth-foot{font-size:13.5px;color:rgba(255,255,255,.85)}
.auth-main{display:flex;flex-direction:column;padding:clamp(20px,3vw,40px) clamp(16px,4vw,64px) 40px}
.auth-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:clamp(20px,4vw,48px)}
.auth-top .brand{visibility:hidden}
.auth-top a.toplink{text-align:right;color:var(--ink2);text-decoration:none;font-size:14.5px;font-weight:500}.auth-top a.toplink b{color:var(--link)}
.auth-card{width:100%;max-width:560px;margin:0 auto}
.auth-card h2{font-size:clamp(26px,2.6vw,34px);margin-bottom:6px}
.auth-card .sub{color:var(--ink2);margin-bottom:26px}
.auth-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
@media(max-width:980px){.auth{grid-template-columns:1fr}.auth-side{order:2;padding-bottom:0}.auth-side h1{margin-top:0}.auth-top .brand{visibility:visible}.auth-side>.brand{display:none}}

/* ---------- salon profili (mini-site) ---------- */
.sp-hero{position:relative;padding-top:clamp(100px,10vw,140px);padding-bottom:clamp(40px,5vw,72px);overflow:clip}
.sp-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh2);overflow:hidden}
.sp-cover{height:clamp(150px,20vw,230px);background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.35),transparent 42%),linear-gradient(135deg,#F7A8C0 0%,#E54C7D 45%,#B8235A 100%);position:relative;overflow:hidden}
.sp-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sp-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(35,16,28,.25))}
.sp-cover .ring{position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.3);right:-90px;top:-200px}
.sp-head{display:flex;gap:22px;align-items:center;padding:18px clamp(18px,3vw,36px) clamp(20px,3vw,30px);position:relative;flex-wrap:wrap}
.sp-head>.sp-logo{margin-top:-70px;align-self:flex-start}
.sp-logo{width:104px;height:104px;border-radius:28px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:40px;font-weight:600;box-shadow:0 0 0 6px #fff,0 14px 30px rgba(120,20,60,.25);flex:none;overflow:hidden}
.sp-logo img{width:100%;height:100%;object-fit:cover}
.sp-title{flex:1;min-width:240px;padding-bottom:4px}
.sp-title h1{font-size:clamp(28px,3.4vw,44px);margin-bottom:8px}
.sp-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--ink2);font-size:15px;align-items:center}
.sp-meta span{display:inline-flex;align-items:center;gap:6px}.sp-meta .ic{width:18px;height:18px;color:var(--pri-x)}
.sp-meta .rate{font-weight:600;color:var(--ink)}.sp-meta .rate .ic{color:#F59E0B}
.sp-actions{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:4px}
@media(max-width:640px){.sp-head{gap:14px}.sp-logo{width:84px;height:84px;font-size:32px;border-radius:24px}.sp-actions{width:100%}.sp-actions .btn{flex:1}}
.sp-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start;margin-top:28px}
.sp-aside{position:sticky;top:96px;display:grid;gap:18px}
@media(max-width:1000px){.sp-grid{grid-template-columns:1fr}.sp-aside{position:static}}
.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(20px,2.6vw,30px);box-shadow:var(--sh1)}
.box>h2,.box-h{font-size:clamp(21px,2vw,26px);margin-bottom:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.box-h small{font-size:14px;color:var(--ink3);font-weight:500}
.box p.about{color:var(--ink2);white-space:pre-line}
.contact-list{display:grid;gap:4px}
.contact-list li a,.contact-list li>span{display:flex;align-items:flex-start;gap:12px;padding:10px 8px;border-radius:12px;color:var(--ink);text-decoration:none;font-size:15px;line-height:1.45;word-break:break-word}
.contact-list li a:hover{background:var(--surface2)}
.contact-list .ci{width:36px;height:36px;border-radius:11px;background:var(--tint);color:var(--pri-x);display:grid;place-items:center;flex:none}.contact-list .ci .ic{width:18px;height:18px}
.contact-list small{display:block;color:var(--ink3);font-size:12.5px}
.hours{display:grid;grid-template-columns:1fr auto;gap:2px 12px;font-size:15px}
.hours div{padding:7px 10px;border-radius:10px}
.hours .is-today{background:var(--tint);color:var(--link);font-weight:600}
.hours .t{text-align:right;font-variant-numeric:tabular-nums}
.hours .is-closed{color:var(--ink3)}
.map{border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh1);aspect-ratio:16/10;background:var(--surface2)}
.map iframe{width:100%;height:100%;border:0;display:block}
.svc-cat+.svc-cat{margin-top:22px}
.svc-cat h3{font-size:15px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.svc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.svc{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.svc:hover{border-color:var(--pri-l);box-shadow:var(--sh2);transform:translateY(-2px)}
.svc .n{flex:1;min-width:0}.svc .n b{display:block;font-weight:600;font-size:15.5px;line-height:1.35}.svc .n small{color:var(--ink3);font-size:13.5px;display:inline-flex;align-items:center;gap:5px}.svc .n small .ic{width:14px;height:14px}
.svc .p{font-weight:600;color:var(--link);white-space:nowrap;font-size:16px}
.svc .go{width:34px;height:34px;border-radius:50%;background:var(--tint);color:var(--pri-x);display:grid;place-items:center;flex:none}.svc .go .ic{width:16px;height:16px}
@media(max-width:700px){.svc-list{grid-template-columns:1fr}}
.salon-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.salon-gallery-item{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;cursor:zoom-in;background:var(--surface2);border:0;padding:0}
.salon-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.salon-gallery-item:hover img{transform:scale(1.05)}
.salon-gallery-tag{position:absolute;left:8px;top:8px;background:rgba(255,255,255,.92);color:var(--ink);font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px}
.salon-gallery-tag-after{background:var(--pri-x);color:#fff}
@media(max-width:700px){.salon-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
.staff{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.staff>div{text-align:center;padding:16px 10px;border-radius:18px;background:var(--surface2);border:1px solid var(--line)}
.staff .sav{width:60px;height:60px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:600;box-shadow:0 0 0 4px #fff,0 8px 18px rgba(120,20,60,.15)}
.staff b{font-size:14.5px;font-weight:600;display:block;line-height:1.3}
.rating-sum{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:18px;background:var(--surface2);border:1px solid var(--line);margin-bottom:16px}
.rating-sum b{font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1}
.rating-sum .stars{color:#F59E0B;font-size:18px;letter-spacing:2px}
.rating-sum small{color:var(--ink3);font-size:13.5px;display:block}
.salon-reviews{display:grid;gap:12px}
.salon-review{border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:var(--surface)}
.salon-review-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.salon-review-head .av{width:34px;height:34px;font-size:14px}
.salon-review-stars{color:#F59E0B;letter-spacing:1px}
.salon-review-date{margin-left:auto;color:var(--ink3);font-size:13px}
.salon-review p{color:var(--ink2);font-size:15.5px}
.salon-review-reply{margin-top:12px;background:var(--tint);border-radius:14px;padding:12px 14px}
.salon-review-reply-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:4px}
.salon-review-reply-badge{font-weight:600;color:var(--link)}.salon-review-reply-date{color:var(--ink3)}
.salon-review-reply p{font-size:14.5px}
.salon-review-form{margin-top:22px;border-top:1px dashed var(--line2);padding-top:22px;display:grid;gap:8px}
.salon-review-form label{font-size:14px;font-weight:600;margin-top:8px}
.salon-review-form button[type=submit]{margin-top:12px}
.salon-review-form-note{font-size:13px;color:var(--ink3);text-align:center}
.salon-review-form-rating{display:flex;gap:4px}
.salon-review-form-rating .star{font-size:34px;line-height:1;color:var(--line2);cursor:pointer;background:none;border:0;padding:0 2px;transition:transform .15s,color .15s}
.salon-review-form-rating .star.is-on,.salon-review-form-rating .star.is-hover,.salon-review-form-rating .star.active{color:#F59E0B}
.salon-review-form-rating .star:hover{transform:scale(1.15)}
/* ---- örnek (demo) salon profili */
.btn.is-disabled{background:var(--surface2);color:var(--ink3);border-color:var(--line2);box-shadow:none;cursor:not-allowed;pointer-events:none}
.sp-actions .btn.is-disabled{white-space:normal;text-align:center;line-height:1.3;padding:10px 18px;font-size:15.5px}
.demo-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding:16px 20px;border-radius:var(--r-l);background:var(--surface);border:1px solid #DDD0FB;box-shadow:var(--sh1);position:relative}
.demo-banner .ico{margin:0;width:42px;height:42px;border-radius:13px;background:var(--vio-t);color:var(--vio-i)}
.demo-banner .ico svg{width:21px;height:21px}
.demo-banner .tx{flex:1;min-width:220px}
.demo-banner .tx b{display:block;font-size:16.5px;line-height:1.35}
.demo-banner .tx span{display:block;color:var(--ink2);font-size:14.5px;line-height:1.5;margin-top:2px}
@media(max-width:640px){.demo-banner{padding:14px 16px;gap:12px}.demo-banner .btn{width:100%}}
.sp-title .pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.svc.is-static{cursor:default}.svc.is-static:hover{border-color:var(--line);box-shadow:none;transform:none}
.sticky-book{display:none}
@media(max-width:1000px){.sticky-book{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:90;box-shadow:0 16px 40px rgba(120,20,60,.35)}body.has-sticky{padding-bottom:84px}}
.powered{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;color:var(--ink3);padding:28px 0 36px}
.powered a{color:var(--ink2);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.powered .tile{width:22px;height:22px;border-radius:7px;background:var(--grad-brand);display:grid;place-items:center;color:#fff}.powered .tile svg{width:13px;height:13px}
/* ışık kutusu */
.lightbox-overlay{position:fixed;inset:0;z-index:300;background:rgba(20,8,14,.92);display:none;align-items:center;justify-content:center;padding:20px}
.lightbox-overlay.is-open{display:flex}
.lightbox-img{max-width:min(92vw,1100px);max-height:84vh;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center}
.lightbox-close{top:18px;right:18px}.lightbox-prev{left:18px;top:50%;transform:translateY(-50%)}.lightbox-next{right:18px;top:50%;transform:translateY(-50%)}
.lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.85);font-size:14px}

/* ---------- online randevu akışı ---------- */
.bk-wrap{max-width:880px;margin-inline:auto}
.bk-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.bk-head .sp-logo{width:64px;height:64px;font-size:26px;border-radius:20px;box-shadow:0 10px 24px rgba(120,20,60,.2)}
.bk-head h1{font-size:clamp(26px,3vw,38px);line-height:1.15}
.bk-head small{display:block;color:var(--ink3);font-size:14.5px;margin-top:2px}
.booking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px;box-shadow:var(--sh1)}
.booking-step{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:14px;font-weight:600;font-size:15px;color:var(--ink3);text-align:center;line-height:1.2}
.booking-step span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line2);font-size:13.5px;flex:none}
.booking-step.is-active{background:var(--tint);color:var(--link)}
.booking-step.is-active span{background:var(--grad);color:#fff;border-color:transparent}
.booking-step.is-done{color:var(--ok-i)}.booking-step.is-done span{background:var(--ok);color:#fff;border-color:transparent}
@media(max-width:560px){.booking-step{flex-direction:column;gap:5px;font-size:12.5px;padding:8px 4px}}
.booking-pane{display:none}.booking-pane.is-active{display:block;animation:fadein .35s var(--ease)}
.booking-pane-title{font-size:clamp(21px,2.2vw,26px);margin-bottom:6px}
.booking-pane-sub{color:var(--ink2);margin-bottom:18px;font-size:15.5px}
.booking-search{width:100%;min-height:52px;border:1.5px solid var(--line2);border-radius:16px;padding:12px 16px 12px 46px;font-size:16px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237F6573' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 16px center/19px no-repeat;outline:0;margin-bottom:20px}
.booking-search:focus{border-color:var(--pri);box-shadow:0 0 0 4px rgba(229,76,125,.14)}
.booking-svc-cat{margin-bottom:22px}
.booking-svc-cat h3{font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.booking-svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.booking-svc-card{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n p" "m a";gap:4px 12px;text-align:left;padding:15px 16px;border-radius:18px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:var(--sh1)}
.booking-svc-card:hover{border-color:var(--pri-l)}
.booking-svc-name{grid-area:n;font-weight:600;font-size:15.5px;line-height:1.35}
.booking-svc-meta{grid-area:m;color:var(--ink3);font-size:13.5px}
.booking-svc-price{grid-area:p;font-weight:600;color:var(--link);white-space:nowrap}
.booking-svc-add,.booking-svc-added{grid-area:a;font-size:13px;font-weight:600;justify-self:end;padding:3px 10px;border-radius:99px;background:var(--tint);color:var(--link)}
.booking-svc-added{display:none;background:var(--ok);color:#fff}
.booking-svc-card.is-selected{border-color:var(--pri);background:var(--surface2);box-shadow:0 0 0 4px rgba(229,76,125,.12)}
.booking-svc-card.is-selected .booking-svc-add{display:none}.booking-svc-card.is-selected .booking-svc-added{display:inline-block}
@media(max-width:640px){.booking-svc-grid{grid-template-columns:1fr}}
.booking-cart{position:sticky;top:84px;z-index:20;background:var(--surface);border:1.5px solid var(--pri-l);border-radius:20px;padding:14px 16px;box-shadow:var(--sh3);margin-bottom:20px}
.booking-cart-list{display:grid;gap:6px;margin-bottom:12px;max-height:180px;overflow:auto}
.booking-cart-item{display:flex;align-items:center;gap:10px;font-size:14.5px;padding:8px 10px;border-radius:12px;background:var(--surface2)}
.booking-cart-name{flex:1;font-weight:600;min-width:0}.booking-cart-meta{color:var(--ink3);font-size:13px;white-space:nowrap}
.booking-cart-remove{width:28px;height:28px;border-radius:50%;border:0;background:var(--surface);color:var(--ink3);cursor:pointer;flex:none}
.booking-cart-remove:hover{color:var(--bad-i)}
.booking-cart-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.booking-cart-total{font-size:14.5px;color:var(--ink2)}.booking-cart-total-label{font-weight:600;color:var(--ink);margin-right:6px}
.booking-cart .btn{min-height:46px}
.booking-svc-summary,.booking-final-summary{margin-bottom:18px}
.booking-svc-summary-inner{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:18px;background:var(--tint);border:1px solid var(--tint2)}
.booking-svc-summary-name{font-weight:600}.booking-svc-summary-meta{color:var(--ink2);font-size:14.5px}
.booking-cal{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;margin:14px 0 18px}
.booking-cal-nav{width:44px;height:44px;border-radius:14px;border:1px solid var(--line2);background:var(--surface);font-size:24px;cursor:pointer;color:var(--ink2);box-shadow:var(--sh1)}
.booking-cal-nav:hover{border-color:var(--pri-l);color:var(--pri-x)}
.booking-cal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.booking-cal-day{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 2px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;line-height:1.15;transition:border-color .2s,background .2s}
.booking-cal-day:hover:not(:disabled){border-color:var(--pri-l)}
.booking-cal-dow{font-size:12px;color:var(--ink3);font-weight:500}.booking-cal-num{font-size:19px;font-weight:600}.booking-cal-mon{font-size:11.5px;color:var(--ink3)}
.booking-cal-day.is-selected{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 10px 22px rgba(207,46,99,.3)}
.booking-cal-day.is-selected span{color:#fff}
.booking-cal-day.is-disabled{opacity:.4;cursor:not-allowed}
@media(max-width:480px){.booking-cal{grid-template-columns:34px 1fr 34px;gap:4px}.booking-cal-nav{width:34px;height:40px;border-radius:11px}.booking-cal-days{gap:3px}.booking-cal-day{padding:8px 0;border-radius:12px}.booking-cal-num{font-size:16px}.booking-cal-dow,.booking-cal-mon{font-size:10.5px}}
.booking-slots-wrap{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--sh1)}
.booking-slots-header{font-weight:600;color:var(--ink2);margin-bottom:12px;font-size:15px}
.booking-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.booking-slot{min-height:46px;border-radius:14px;border:1.5px solid var(--line2);background:var(--surface);font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;font-variant-numeric:tabular-nums}
.booking-slot:hover{border-color:var(--pri);color:var(--link)}
.booking-slot.is-selected{background:var(--grad);border-color:transparent;color:#fff}
.booking-step-nav{margin-top:18px}
.booking-success{text-align:center;display:grid;justify-items:center;gap:12px;padding:clamp(28px,5vw,56px)}
.booking-success-icon{width:84px;height:84px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-size:40px;font-weight:700;box-shadow:0 0 0 10px var(--ok-t),0 16px 34px rgba(14,159,110,.35)}
.booking-success h2{font-size:clamp(24px,2.6vw,32px)}
.booking-success p{color:var(--ink2);max-width:52ch}

/* ---------- iletişim / hakkımızda ---------- */
.contact{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:24px}
.cbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(24px,3vw,34px);box-shadow:var(--sh1)}
.cbox.big{background:var(--grad);color:#fff;border:0;box-shadow:var(--sh3);position:relative;overflow:hidden}
.cbox.big::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.22);right:-90px;top:-110px}
.cbox.big a.mail{color:#fff;font-size:clamp(20px,2.6vw,28px);font-weight:600;word-break:break-all;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.45)}
.cbox.big p{color:rgba(255,255,255,.9);margin-top:14px}
.cbox .ico{background:rgba(255,255,255,.2);color:#fff}
.links4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lnk{display:flex;gap:16px;align-items:flex-start;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--sh1);transition:transform .25s var(--ease),box-shadow .25s}
.lnk:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.lnk .ico{width:44px;height:44px;border-radius:14px;margin:0}.lnk .ico svg{width:22px;height:22px}
.lnk b{display:block;font-weight:600}.lnk span{color:var(--ink2);font-size:15px}
.kvbox{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:6px 24px;box-shadow:var(--sh1)}
.kvbox .kv{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}.kvbox .kv:last-child{border:0}.kvbox .kv span{color:var(--ink2)}.kvbox .kv b{text-align:right}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--sh1)}
.stat b{display:block;font-size:clamp(30px,3.2vw,42px);font-weight:600;letter-spacing:-.04em;line-height:1.1}
.stat span{color:var(--ink2);font-size:15px}
@media(max-width:900px){.contact,.links4{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}

/* ---------- alt bilgi ---------- */
.foot{position:relative;background:var(--surface);border-top:1px solid var(--line);overflow:hidden}
.foot::before{content:"salonia";position:absolute;left:50%;bottom:-.22em;transform:translateX(-50%);font-weight:700;font-size:clamp(100px,19vw,300px);letter-spacing:-.06em;line-height:1;color:transparent;background:linear-gradient(180deg,var(--tint),transparent 80%);-webkit-background-clip:text;background-clip:text;pointer-events:none;white-space:nowrap}
.foot .container{position:relative}
.foot-top{display:grid;grid-template-columns:minmax(0,4.4fr) repeat(3,minmax(0,2.2fr));gap:clamp(24px,4vw,56px);padding-block:clamp(48px,6vw,80px) 40px}
.foot-top p{color:var(--ink2);font-size:15.5px;margin:16px 0 20px;max-width:38ch}
.foot h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:16px;font-weight:600}
.foot ul{display:grid;gap:4px}
.foot ul a{color:var(--ink2);text-decoration:none;font-size:15.5px;padding:5px 0;display:inline-block}.foot ul a:hover{color:var(--pri-x)}
.foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-block:24px 34px;border-top:1px solid var(--line);font-size:14px;color:var(--ink3);position:relative}
.foot-bot a{color:var(--ink2)}
.foot .stores{gap:10px}.foot .store{padding:8px 14px 8px 11px}.foot .store svg{width:22px;height:22px}.foot .store b{font-size:14px}
.foot.mini .foot-bot{border-top:0}
.foot.mini::before{font-size:clamp(80px,14vw,200px)}
@media(max-width:900px){.foot-top{grid-template-columns:1fr 1fr}.foot-top>div:first-child{grid-column:1/-1}}
.wa-fab{position:fixed;right:18px;bottom:18px;z-index:95;display:inline-flex;align-items:center;gap:10px;background:var(--wa);color:#fff;text-decoration:none;border-radius:99px;padding:12px 18px 12px 14px;font-weight:600;font-size:15px;box-shadow:0 14px 30px rgba(31,168,85,.38);transition:transform .2s var(--ease)}
.wa-fab:hover{transform:translateY(-3px)}
.wa-fab svg{width:24px;height:24px}
@media(max-width:640px){.wa-fab{padding:14px}.wa-fab-label{display:none}}
body.has-sticky .wa-fab{bottom:92px}

/* ---------- reveal ---------- */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
.js .rv-s{opacity:0;transform:scale(.94);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.js .rv-s.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
 .js .rv,.js .rv-s{opacity:1;transform:none}
}
/* mobil: uzun ızgaralar yatay kaydırmalı kart satırına döner */
@media(max-width:700px){
 .snap{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-16px;padding:6px 16px 16px;scrollbar-width:none;grid-template-columns:none}
 .snap::-webkit-scrollbar{display:none}
 .snap>*{flex:0 0 84%;scroll-snap-align:center;min-width:0}
 .snap.steps::before{display:none}
 .bento.snap>.bc{grid-column:auto;flex:0 0 86%}
 .duo-card .ph-wrap{width:56%;max-height:260px;overflow:hidden;transform:none;padding-top:10px;margin-top:18px}
 .duo.snap>.duo-card{flex-basis:88%}
 .sec{padding-block:clamp(40px,10vw,56px)}
 .tour-stage{aspect-ratio:1/1.02}
 .hero{padding-bottom:28px}
 .sec-head{margin-bottom:28px}
 .faq-side .ask{display:none}
 .pain-arrow{display:none}
}
html.still *,html.still *::before,html.still *::after{animation:none!important;transition:none!important}
html.still .rv,html.still .rv-s{opacity:1!important;transform:none!important}
@media print{.hdr,.foot,.mesh,.wa-fab,.sticky-book{display:none!important}body{background:#fff}}

/* ---------- panel giriş (app.salonia.io/login) ---------- */
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:6px;margin-bottom:22px}
.auth-tab{border:0;background:transparent;border-radius:12px;min-height:44px;font-weight:600;font-size:15px;color:var(--ink2);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.auth-tab[aria-selected=true]{background:var(--surface);color:var(--link);box-shadow:var(--sh1)}
.auth-pane[hidden]{display:none}
.lbl-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.lbl-row a{font-size:13.5px;font-weight:500;color:var(--link);text-decoration:none}
.remember{display:flex;gap:12px;align-items:flex-start;margin:4px 0 20px;cursor:pointer}
.remember input{width:20px;height:20px;accent-color:var(--pri-x);margin-top:2px;flex:none}
.remember b{display:block;font-size:14.5px;font-weight:600}.remember small{display:block;font-size:13px;color:var(--ink3)}
.code-input{text-align:center;font-size:28px!important;letter-spacing:.3em;font-variant-numeric:tabular-nums}

/* Dekoratif katmanlar (bulanık daireler vb.) dar ekranda yatay kaydırma yaratmasın. */
html, body { overflow-x: clip; }

/* Alt bilgi — yasal metin bağlantıları (sanal POS için zorunlu sayfalar) */
.foot-legal{display:flex;flex-wrap:wrap;gap:8px 22px;padding-block:18px;border-top:1px solid var(--line);font-size:14px;position:relative}
.foot-legal a{color:var(--ink2);text-decoration:none}
.foot-legal a:hover{color:var(--link);text-decoration:underline}
.foot-legal + .foot-bot{padding-top:18px}
.rt th[scope=row]{width:34%;white-space:nowrap}
@media(max-width:560px){.rt th[scope=row]{white-space:normal;width:40%}}