:root{--brand:#c9a36a;--accent:#efe4d3;--dark:#0f0f0f;--light-text:#f8f4ed;--paper:#f4efe7;--ink:#181716;--muted:#77716a;--line:rgba(255,255,255,.15);--hero-image:linear-gradient(135deg,#3e2f22,#0b0b0b)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--dark);color:var(--light-text);line-height:1.65}html[data-theme=light] body{background:#f7f3ed;color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:10px;z-index:100}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(#000b,transparent);transition:.2s}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.06em}.brand-mark{width:43px;height:43px;border:1px solid var(--brand);border-radius:50%;display:grid;place-items:center;color:var(--brand);font-family:Georgia,serif;font-size:22px}.site-nav{display:flex;align-items:center;gap:25px;font-size:14px}.site-nav>a{opacity:.85}.site-nav>a:hover{opacity:1;color:var(--brand)}.nav-cta{border:1px solid var(--brand);padding:10px 16px}.theme-toggle,.nav-toggle{border:0;background:transparent;color:inherit;font-size:21px;cursor:pointer}.nav-toggle{display:none}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:150px 8vw 90px;overflow:hidden;background:radial-gradient(circle at 75% 40%,#5b463557,transparent 32%),linear-gradient(110deg,#090909 0%,#191512 55%,#090909 100%);isolation:isolate}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#000d,#0004),var(--hero-image);background-size:cover;background-position:center;z-index:-2}.hero:after{content:"";position:absolute;width:55vw;height:55vw;border:1px solid #c9a36a26;border-radius:50%;right:-12vw;top:12vh;z-index:-1}.hero-content{max-width:790px}.hero-content>span,.section-title span,.page-hero span,.signature span{color:var(--brand);font-size:12px;letter-spacing:.3em;font-weight:800}.hero h1,.page-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.98;letter-spacing:-.035em;margin:22px 0;font-size:clamp(58px,8vw,122px)}.hero p{max-width:620px;font-size:19px;color:#d4cec5}.hero-content>div{display:flex;gap:14px;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.btn.primary{background:var(--brand);color:#12100d}.btn.outline{border-color:#ffffff55;color:#fff}.hero-note{position:absolute;right:7vw;bottom:8vh;max-width:240px;border-left:1px solid var(--brand);padding-left:20px}.hero-note small{display:block;color:#aaa}.hero-note strong{font-family:Georgia,serif;font-size:22px}.content-section,.services-section{padding:110px 7vw}.content-section.narrow{max-width:1000px;margin:auto}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:start}.section-title h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,68px);line-height:1.05;margin:16px 0}.rich-content{font-size:18px}.rich-content h2,.rich-content h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}.rich-content h2{font-size:42px}.rich-content a{color:var(--brand);text-decoration:underline}.rich-content img{border-radius:2px;margin:28px auto}.rich-content blockquote{border-left:3px solid var(--brand);margin:30px 0;padding:10px 25px;font-family:Georgia,serif;font-size:25px}.services-section{background:var(--paper);color:var(--ink)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfc6ba;margin-top:55px}.service-card{background:var(--paper);min-height:520px;display:flex;flex-direction:column}.service-card img,.service-placeholder{height:270px;width:100%;object-fit:cover}.service-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#1f1c19,#6f5538);color:#fff;font-family:Georgia,serif;font-size:74px}.service-card>div:last-child{padding:30px}.service-card small{color:var(--muted);letter-spacing:.1em}.service-card h3{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:8px 0}.service-card p{color:var(--muted)}.service-card a,.text-link{color:var(--brand);font-weight:800}.signature{min-height:590px;display:grid;place-items:center;text-align:center;padding:80px 15vw;background:linear-gradient(#0b0b0bdd,#0b0b0bdd),radial-gradient(circle at center,#6c4b2d,#0b0b0b)}.signature h2{font-family:Georgia,serif;font-size:clamp(40px,6vw,82px);font-weight:400;line-height:1.08}.page-hero{min-height:72vh;position:relative;isolation:isolate;display:flex;align-items:flex-end;padding:150px 8vw 85px;background:linear-gradient(135deg,#16120e,#050505)}.page-hero.compact{min-height:520px}.page-hero>div{max-width:850px}.page-hero p{font-size:19px;max-width:650px;color:#d0c8be}.page-hero strong{color:var(--brand)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.post-card{border:1px solid #ffffff21;background:#ffffff08}.post-card img{width:100%;height:250px;object-fit:cover}.post-card>div{padding:26px}.post-card small{color:var(--brand)}.post-card h2,.post-card h3{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.2}.article{max-width:1050px;margin:auto;padding:150px 30px 100px}.article header{text-align:center}.article header>span{color:var(--brand);letter-spacing:.18em}.article h1{font-family:Georgia,serif;font-size:clamp(46px,7vw,88px);font-weight:400;line-height:1.04}.article header>img{margin:55px auto;width:100%;max-height:650px;object-fit:cover}.article .rich-content{max-width:800px;margin:auto}.appointment-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.appointment-form label{display:grid;gap:8px;font-weight:700}.appointment-form input,.appointment-form select,.appointment-form textarea{background:transparent;border:1px solid #ffffff30;color:inherit;padding:14px;border-radius:0}.appointment-form option{color:#000}.appointment-form .full{grid-column:1/-1}.footer-cta{margin:30px 7vw 0;padding:70px;background:var(--brand);color:#18120b;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-cta span{font-size:13px;letter-spacing:.2em}.footer-cta h2{font-family:Georgia,serif;font-size:42px;font-weight:400;margin:10px 0}.footer-cta .btn{background:#17120d;color:#fff}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:70px 7vw;color:#aaa}.site-footer strong{color:#fff}.floating-book{display:none;position:fixed;z-index:40;bottom:15px;left:15px;right:15px;background:var(--brand);color:#111;text-align:center;padding:14px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.alert{padding:14px 16px;margin-bottom:20px;background:#ffffff15}.alert.success{border-left:3px solid #70c995}.alert.error{border-left:3px solid #e57575}html[data-theme=light] .site-header{background:linear-gradient(#f7f3edee,transparent)}html[data-theme=light] .site-header .brand,html[data-theme=light] .site-header .site-nav{color:#201c18}html[data-theme=light] .post-card{background:#fff;border-color:#ddd}html[data-theme=light] .site-footer strong{color:var(--ink)}html[data-theme=light] .appointment-form input,html[data-theme=light] .appointment-form select,html[data-theme=light] .appointment-form textarea{border-color:#0003}@media(max-width:950px){.site-header{height:72px;background:#0e0e0eee}.nav-toggle{display:block}.site-nav{position:absolute;top:72px;left:0;right:0;padding:25px;background:#111;display:none;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.intro{grid-template-columns:1fr}.service-grid,.post-grid{grid-template-columns:1fr 1fr}.hero-note{display:none}.footer-cta,.site-footer{grid-template-columns:1fr;display:grid}.floating-book{display:block}}@media(max-width:650px){.hero{padding-left:25px;padding-right:25px}.hero h1{font-size:58px}.hero-content>div{flex-direction:column;align-items:stretch}.content-section,.services-section{padding:75px 22px}.service-grid,.post-grid{grid-template-columns:1fr}.page-hero{padding:120px 24px 55px;min-height:580px}.page-hero h1{font-size:52px}.appointment-form{grid-template-columns:1fr}.appointment-form .full{grid-column:auto}.footer-cta{margin:0;padding:45px 25px}.site-footer{padding:50px 25px 100px}}
.hair-tryon-section{max-width:1600px;margin:auto}.hair-tryon{display:grid;grid-template-columns:minmax(340px,460px) minmax(0,1fr);gap:36px;align-items:start}.hair-tryon-controls{background:#ffffff08;border:1px solid #ffffff18;padding:28px;position:sticky;top:105px}.tryon-step{display:flex;gap:16px;align-items:flex-start;margin:0 0 18px}.tryon-step>span{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#17110c;font-weight:900}.tryon-step h2{font:400 26px Georgia,serif;margin:0}.tryon-step p{color:#aaa;margin:5px 0}.photo-upload{display:grid;gap:4px;border:1px dashed var(--brand);padding:20px;margin-bottom:30px;cursor:pointer;background:#0003}.photo-upload input{position:absolute;opacity:0;pointer-events:none}.photo-upload small{color:#aaa}.hair-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:330px;overflow:auto;padding-right:4px}.hair-swatches button{border:1px solid #ffffff20;background:#ffffff07;color:inherit;padding:9px;cursor:pointer;text-align:left;min-width:0}.hair-swatches button.active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 28%,transparent)}.hair-swatches button>span{display:block;height:54px;background-color:var(--swatch);background-image:var(--swatch-image,none);background-size:cover;background-position:center;margin-bottom:7px}.hair-swatches b,.hair-swatches small,.hair-swatches em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hair-swatches small{color:#ccc}.hair-swatches em{font-size:10px;color:#888;font-style:normal}.tryon-sliders{display:grid;gap:12px;margin-top:22px}.tryon-sliders label{display:grid;grid-template-columns:145px 1fr;align-items:center;font-size:13px}.tryon-sliders input{width:100%;accent-color:var(--brand)}.tryon-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tryon-tools .btn{padding:10px 12px}.tryon-tools .active{border-color:var(--brand);color:var(--brand)}.tryon-status{min-height:28px;border-left:3px solid var(--brand);padding:6px 10px;margin:18px 0 0}.tryon-status[data-type=error]{border-color:#e36e6e}.tryon-status[data-type=warn]{border-color:#e0b24c}.tryon-status[data-type=ok]{border-color:#69c88b}.tryon-note{font-size:12px;color:#918b84}.hair-tryon-stage{position:relative;min-height:620px;background:#090909;border:1px solid #ffffff18;display:grid;place-items:center;overflow:hidden}.hair-tryon-stage canvas{display:none;max-width:100%;max-height:78vh;touch-action:none;cursor:crosshair}.hair-tryon.has-photo .hair-tryon-stage canvas{display:block}.hair-tryon.has-photo .tryon-placeholder{display:none}.tryon-placeholder{text-align:center;color:#777}.tryon-placeholder strong,.tryon-placeholder span{display:block}.tryon-placeholder strong{font:400 34px Georgia,serif;color:#bbb}.tryon-stage-actions{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tryon-stage-actions .btn{background:#111c;backdrop-filter:blur(8px)}.tryon-stage-actions .primary{background:var(--brand)}html[data-theme=light] .hair-tryon-controls{background:#fff;border-color:#ddd}html[data-theme=light] .hair-swatches button{background:#f7f3ed;border-color:#ddd}html[data-theme=light] .tryon-step p,html[data-theme=light] .photo-upload small,html[data-theme=light] .hair-swatches small{color:#666}@media(max-width:1000px){.hair-tryon{grid-template-columns:1fr}.hair-tryon-controls{position:static}.hair-tryon-stage{min-height:520px}}@media(max-width:600px){.hair-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.hair-tryon-controls{padding:18px}.hair-tryon-stage{min-height:440px}.tryon-sliders label{grid-template-columns:1fr}.tryon-stage-actions{position:static;padding:12px}.tryon-stage-actions .btn{flex:1}.tryon-placeholder strong{font-size:25px}}


/* v1.4 Sanal Saç Modeli */
.hairstyle-tryon-section{max-width:1650px;margin:auto}.hairstyle-tryon{display:grid;grid-template-columns:minmax(360px,500px) minmax(0,1fr);gap:36px;align-items:start}.hairstyle-controls{background:#ffffff08;border:1px solid #ffffff18;padding:28px;position:sticky;top:105px}.hairstyle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:360px;overflow:auto;padding-right:4px}.hairstyle-list button{border:1px solid #ffffff20;background:#ffffff07;color:inherit;padding:7px;cursor:pointer;text-align:left;min-width:0}.hairstyle-list button.active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 28%,transparent)}.hairstyle-list img{width:100%;height:105px;object-fit:contain;background:radial-gradient(circle,#d7c2ac 0,#8f735d 38%,#171513 72%)}.hairstyle-list b,.hairstyle-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hairstyle-list small{color:#aaa;font-size:10px;margin-top:3px}.style-color-strip{display:flex;gap:8px;overflow:auto;padding:4px 0 10px}.style-color-strip button{flex:0 0 54px;height:54px;border-radius:50%;border:2px solid #ffffff33;background:var(--style-color);cursor:pointer;position:relative}.style-color-strip button.active{border-color:var(--brand);box-shadow:0 0 0 3px #000,0 0 0 5px var(--brand)}.style-color-strip button span{position:absolute;inset:auto -8px -22px;font-size:9px;color:#aaa;white-space:nowrap}.hairstyle-stage{position:relative;min-height:680px;background:#090909;border:1px solid #ffffff18;display:grid;place-items:center;overflow:hidden}.hairstyle-stage canvas{display:none;max-width:100%;max-height:80vh;touch-action:none}.hairstyle-tryon.has-photo .hairstyle-stage canvas{display:block}.hairstyle-tryon.has-photo .tryon-placeholder{display:none}.style-grid-label{display:flex;justify-content:space-between;gap:15px;align-items:end}.style-grid-label small{color:#aaa}.style-help{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.style-help .btn{padding:10px 12px}.hairstyle-stage .tryon-stage-actions{z-index:3}.studio-link-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.studio-link-row .btn{flex:1}.hairstyle-disclaimer{font-size:12px;color:#918b84;margin-top:18px}.hairstyle-controls .tryon-sliders{margin-top:14px}html[data-theme=light] .hairstyle-controls{background:#fff;border-color:#ddd}html[data-theme=light] .hairstyle-list button{background:#f7f3ed;border-color:#ddd}html[data-theme=light] .hairstyle-list small,html[data-theme=light] .style-grid-label small{color:#666}@media(max-width:1050px){.hairstyle-tryon{grid-template-columns:1fr}.hairstyle-controls{position:static}.hairstyle-stage{min-height:560px}}@media(max-width:650px){.hairstyle-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hairstyle-controls{padding:18px}.hairstyle-stage{min-height:460px}.style-help{grid-template-columns:1fr}.style-color-strip button{flex-basis:48px;height:48px}}