/* CAD10 / parçalardan bütüne. Tanıtım ve sınırlı web önizlemesi. */
:root{--gece:#142426;--bal:#d2a46b;--soluk:#a6b5b1}
.site-header{position:relative;z-index:10}.header-inner{min-height:82px}.brand img{width:156px}.nav{font-size:13px;gap:28px}.nav [aria-current=page]{color:var(--copper)}
.usta-hikaye-sayfasi .site-header{position:absolute;top:0;left:0;right:0;background:var(--gece);border-color:#ffffff14;color:#e9ede5}
.usta-hikaye-sayfasi.admin-bar .site-header{top:32px}
@media(max-width:782px){.usta-hikaye-sayfasi.admin-bar .site-header{top:46px}}
.usta-hikaye-sayfasi .brand img{filter:brightness(0) invert(1)}
.usta-hikaye-sayfasi .header-inner>.btn{background:transparent;color:#e9ede5;border-color:#ffffff38}
.usta-hikaye{height:480vh;position:relative;background:var(--gece);color:#f1f0e7;--cerceve:0;--halka:0;--bolme:0;--bitis:0;--ilerleme:0;--cerceve-olcek:1.12}
.hikaye-sabit{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate}
.hikaye-grid{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 72% 51%,#65857820,transparent 57%),linear-gradient(#819a9210 1px,transparent 1px),linear-gradient(90deg,#819a9210 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 80%,transparent)}
.hikaye-ust{position:absolute;top:112px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font:10px/1.5 Consolas,monospace;letter-spacing:1.7px;color:#b4c2ba}
.hikaye-ust i,.demo-baslik>span i{display:inline-block;width:6px;height:6px;background:#ceaa75;border-radius:50%;margin-right:10px;box-shadow:0 0 12px #ceaa7544}
.hikaye-metin{position:absolute;top:23%;left:6%;width:40%;z-index:3;pointer-events:none}
.hikaye-no{font:11px/1.5 Consolas,monospace;letter-spacing:2px;color:var(--bal);margin-bottom:24px}
.hikaye-metin h2{font-size:clamp(40px,4.5vw,78px);line-height:1.05;letter-spacing:-3.4px;font-weight:400;max-width:600px;margin-bottom:24px}
.hikaye-metin h2 em{display:block;color:var(--bal);font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;line-height:1.13}
.hikaye-aciklama{font-size:14px;line-height:1.85;color:#aebeb7;max-width:355px}
.hikaye-sahne{position:absolute;left:40%;width:60%;top:13%;height:72%;max-height:660px}
.kabin-cizim{position:absolute;inset:0;z-index:2;pointer-events:none}.kabin-cizim svg{width:100%;height:100%;display:block;overflow:visible}
.hikaye-yedek{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hazir .hikaye-yedek{display:none}
.program-cerceve{position:absolute;inset:9% 5% 7% 0;background:linear-gradient(155deg,#f4f5eee8,#e2e7dde8);border:1px solid #c2cfc4;border-radius:10px;box-shadow:0 28px 80px #0004;opacity:var(--cerceve);transform:scale(var(--cerceve-olcek));overflow:hidden;color:#2f4648;z-index:1;font:10px/1.4 'Segoe UI',sans-serif}
.program-baslik{height:36px;display:flex;align-items:center;gap:15px;padding:0 14px;background:#f9faf7;border-bottom:1px solid #d8e0d8}.program-baslik b{font-size:12px;letter-spacing:1px}.program-baslik b span{color:#b17a3e}.program-baslik>span:last-child{margin-left:auto;font-size:9px;color:#7e8f87}.pencere-noktalar{color:#bfc9bf;font-size:8px;letter-spacing:3px}
.program-menu{display:flex;align-items:center;gap:22px;padding:9px 15px;border-bottom:1px solid #bccfc344;background:#ffffffa0}.program-menu b{color:#397278}
.program-agac{position:absolute;top:88px;left:12px;width:115px;font-size:9px;color:#637970;z-index:4}.program-agac small{font-size:8px;letter-spacing:.8px}.program-agac p{margin:10px 0;padding:3px 5px}.program-agac .agac-secili{background:#c9dfd8;color:#2d5859}.agac-bolme{opacity:var(--bolme)}.agac-malzemesi{border-top:1px solid #b1c1b844;margin-top:15px;padding-top:13px;font-size:8px}.agac-malzemesi i{display:inline-block;background:#b99868;width:11px;height:11px;margin-right:4px;vertical-align:middle}.agac-malzemesi span{display:block;margin:6px 0 0 16px;color:#8a988f}
.program-araclar{position:absolute;right:11px;top:98px;display:grid;gap:9px;background:#ffffffc9;border:1px solid #bdc9c0;padding:5px 7px;color:#3b6667;font-size:18px}.program-alt{position:absolute;bottom:0;left:0;right:0;height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#f7faf2;font-size:8px;border-top:1px solid #d6ded0}.program-alt i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#5c8e70;margin-right:4px}
.sahne-etiket{position:absolute;right:9%;bottom:1%;display:flex;gap:12px;align-items:center;font:9px/1.8 Consolas,monospace;color:#bbbdac;opacity:calc(1 - var(--cerceve));letter-spacing:1px}.sahne-etiket b{font-weight:400;letter-spacing:0;color:#748e82}.etiket-isaret{width:34px;height:34px;border:1px solid #60746766;display:grid;place-items:center;font-size:20px}.sahne-eksen{position:absolute;bottom:8%;left:6%;font:9px Consolas,monospace;color:#63887d;width:36px;height:35px;opacity:calc(1 - var(--cerceve))}.sahne-eksen:before{content:'';position:absolute;left:12px;top:5px;width:16px;height:23px;border-left:1px solid #63887d;border-bottom:1px solid #63887d;transform:skewY(-25deg)}.sahne-eksen span{position:absolute;left:9px;top:-7px}.sahne-eksen span:nth-child(2){left:-4px;top:27px}.sahne-eksen span:nth-child(3){left:32px;top:18px}
.hikaye-son{position:absolute;left:6%;top:67%;display:flex;gap:15px;flex-direction:column;align-items:flex-start;opacity:var(--bitis);visibility:hidden;z-index:4}.hikaye-bitti .hikaye-son{visibility:visible}.hikaye-son .btn{background:#d0a16a;color:#172b2a;border-color:#d0a16a}.hikaye-demo-link{font-size:12px;color:#dae1d6;border-bottom:1px solid #dae1d655;padding-bottom:3px}
.hikaye-alt{position:absolute;bottom:37px;left:5%;right:5%;display:flex;justify-content:space-between;gap:25px;align-items:center}.kaydir-ipucu{font:9px/1.4 Consolas,monospace;letter-spacing:1.5px;color:#9ab0a5;display:flex;gap:13px;align-items:center}.kaydir-ipucu>span{border:1px solid #5c776650;border-radius:20px;padding:9px 10px;font-size:17px;color:#e1dbc2}.hikaye-asamalar{display:flex;gap:28px;font:10px/1.5 Consolas,monospace;color:#6c8479}.hikaye-asamalar b{font-family:'Segoe UI',sans-serif;font-weight:400;margin-left:6px}.hikaye-asamalar .aktif{color:#d5b17d}.hikaye-yuzde{font:11px Consolas,monospace;color:#8aa395}.hikaye-ilerleme{position:absolute;bottom:0;height:2px;left:0;right:0;background:#34453e}.hikaye-ilerleme i{display:block;height:100%;background:#d2aa75;transform-origin:left;transform:scaleX(var(--ilerleme))}
.hikaye-ozet{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:35px;padding-block:48px;border-bottom:1px solid var(--line)}.hikaye-ozet>p{font-size:13px;line-height:1.8;letter-spacing:1px;margin:0;color:#84918a}.hikaye-ozet>p strong{font-weight:500;color:var(--ink)}.hikaye-ozet>div>span{font:10px Consolas,monospace;color:var(--copper);letter-spacing:1px}.hikaye-ozet>div>p{font-size:13px;line-height:1.7;margin:10px 0 0;color:var(--muted)}.hikaye-ozet a{color:var(--ink);border-bottom:1px solid #bd793f80}
.usta-hikaye:not(.hazir){height:calc(100svh - 82px);min-height:650px}.usta-hikaye:not(.hazir) .hikaye-sabit{position:relative;height:100%}.usta-hikaye:not(.hazir) .kaydir-ipucu{visibility:hidden}
/* Önizleme, klavye ve dokunmatik aynı işlemleri kullanır. */
.demo-main{padding-top:42px}.demo-giris{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}.demo-giris .eyebrow{margin-bottom:13px;font-size:10px}.demo-giris h1{font-size:42px;font-weight:400;letter-spacing:-1.8px;margin:0}.demo-giris h1 em{font-family:Georgia,serif;font-style:italic;color:var(--copper)}.demo-giris>p{font-size:12px;color:var(--muted);margin:0 0 4px}
.demo-uygulama{border:1px solid #d1d9ce;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #193b400a;background:#fff}.demo-baslik{height:52px;padding:0 24px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #d1d9ce;background:#fafbf7}.demo-baslik>b{font-size:13px;letter-spacing:1.3px}.demo-baslik>b>span{color:var(--copper);font-weight:400}.demo-baslik small{font:9px Consolas,monospace;color:#89968c;letter-spacing:1px;border-left:1px solid #d1d9ce;padding-left:18px;margin-left:18px}.demo-baslik>span{font-size:10px;color:#7a8a7d}.demo-baslik>span i{background:#6f987a;margin-right:7px;width:5px;height:5px}
.demo-govde{display:grid;grid-template-columns:265px 1fr;min-height:565px}.demo-ayarlar{padding:24px;background:#fafbf7;border-right:1px solid #dce2d6}.demo-panel-baslik{display:flex;align-items:center;gap:10px;margin-bottom:20px}.demo-panel-baslik>span{font:10px Consolas,monospace;color:#b08251}.demo-panel-baslik h2{font-size:15px;letter-spacing:0;font-weight:600}.demo-ayarlar fieldset{padding:0 0 22px;margin:0 0 20px;border:0;border-bottom:1px solid #dce2d6}.demo-ayarlar legend{font-size:11px;font-weight:600;width:100%;padding:0 0 13px}.demo-ayarlar legend small{float:right;color:#919d94;font-size:10px;font-weight:400}.demo-ayarlar label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6b8073;margin-bottom:0}.demo-ayarlar output{font:11px Consolas,monospace;color:#355451}.demo-ayarlar input[type=range]{width:100%;height:20px;margin:4px 0 13px;accent-color:#52776a;cursor:pointer}.demo-ayarlar input[type=range]:last-child{margin-bottom:0}.demo-malzemeler{display:flex;gap:10px}.demo-malzemeler button{border:1px solid transparent;background:none;padding:5px;border-radius:5px;cursor:pointer;color:#788878;flex:1;font-size:10px}.demo-malzemeler button i{display:block;width:100%;height:36px;border-radius:3px;border:1px solid #c3cab7;margin-bottom:4px}.malzeme-mese{background:#c6a779 url(mese.jpg) center/cover}.malzeme-ceviz{background:#7b5237 url(ceviz.jpg) center/cover}.malzeme-beyaz{background:#edece3}.demo-malzemeler button[aria-pressed=true]{border-color:#769687;background:#eaf0e5;color:#25493f}.demo-panel-baslik.ikinci{margin-bottom:12px}.demo-yardim{font-size:11px;line-height:1.7;color:#82917f;margin-bottom:16px}.demo-parca-durum{display:grid;gap:7px;font-size:10px;color:#6f8375}.demo-gecmis{display:flex;justify-content:space-between;gap:10px;margin-top:21px}.demo-gecmis button,.demo-gorunum button{font-size:11px;font-family:inherit;cursor:pointer;border:1px solid #ccd8ca;background:#f9fbf5;padding:7px 10px;border-radius:4px;color:#456258}.demo-gecmis button:disabled{opacity:.4;cursor:default}
.demo-gorunum{position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 44%,#f8f8f0,#e4e9df);min-width:0}.demo-gorunum-ust{position:absolute;top:20px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:3;font:9px Consolas,monospace;letter-spacing:1px;color:#88978b}.demo-gorunum-ust b{font-weight:400;color:#bbc5b7;margin:0 7px}.demo-gorunum-ust button[aria-pressed=true]{background:#d9e5d5;border-color:#709178}.demo-tuval{position:relative;flex:1;min-height:540px;cursor:grab;touch-action:none;outline-offset:-4px!important}.demo-tuval:active{cursor:grabbing}#demo-kabin{position:absolute;inset:0;pointer-events:none}#demo-kabin svg{display:block;width:100%;height:100%}#demo-kabin{overflow:hidden}.demo-gorunum-alt{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 22px 15px;font-size:10px;color:#869782}.demo-gorunum-alt button{border:0;background:transparent;text-decoration:underline;font-size:10px;padding:0;white-space:nowrap}
.demo-alt{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:39px;padding:9px 22px;border-top:1px solid #d1d9ce;background:#fafbf7;font:10px Consolas,monospace;color:#7c8d7c}.demo-alt p{font:11px/1.4 'Segoe UI',sans-serif;margin:0;margin-right:auto;color:#537463}.demo-alt>span{white-space:nowrap}.demo-devam{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:62px}.demo-devam h2{font-size:33px;line-height:1.15}.demo-devam .eyebrow{font-size:9px;margin-bottom:13px}.demo-devam p{font-size:12px;color:var(--muted);max-width:530px;margin:18px 0 0}.demo-devam>.btn{flex-shrink:0;font-size:13px}.demo-js-uyari{margin:0;padding:20px;background:#f5e3c7}
input:focus-visible,.demo-tuval:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
@media(min-width:1700px){.hikaye-sahne{left:42%;width:55%;top:16%;height:68%;max-height:none}.hikaye-metin{top:27%}.hikaye-son{top:65%}}
@media(max-width:1100px){.hikaye-metin h2{font-size:48px;letter-spacing:-2px}.hikaye-metin{width:39%;left:5%;top:23%}.hikaye-sahne{left:39%;width:63%;top:16%;height:65%}.hikaye-asamalar{gap:13px}.hikaye-asamalar b{font-size:9px}.program-agac{width:85px;font-size:8px}.program-agac small{font-size:7px}.program-menu{gap:16px}.program-baslik>span:last-child{display:none}.demo-giris h1{font-size:34px}.demo-giris>p{max-width:275px}.demo-govde{grid-template-columns:230px 1fr}.demo-ayarlar{padding:20px}.demo-baslik{padding-inline:20px}.masaustu-ipucu{display:none}}
@media(max-width:760px){
 .header-inner{padding:16px 0 12px;gap:10px;min-height:92px}.brand img{width:130px}.header-inner>.btn{font-size:11px;padding:7px 10px;min-height:35px}.header-inner>.btn .arrow{font-size:17px}.nav{padding-top:6px;gap:15px;font-size:11px}
 .usta-hikaye{height:390svh}.hikaye-sabit{min-height:610px}.hikaye-ust{top:114px;left:6%;right:6%;font-size:8px;letter-spacing:1.3px}.hikaye-surum{display:none}.hikaye-metin{top:21%;left:6%;width:88%;text-align:center}.hikaye-no{font-size:9px;margin-bottom:14px}.hikaye-metin h2{font-size:clamp(33px,7.5vw,49px);letter-spacing:-1.7px;line-height:1.05;margin-bottom:13px;max-width:none}.hikaye-metin h2 em{display:inline}.hikaye-aciklama{font-size:12px;line-height:1.65;margin-inline:auto;max-width:330px}.hikaye-sahne{top:39%;left:0;width:100%;height:45%;max-height:460px}.program-cerceve{inset:5% 5% 3%}.program-baslik{height:27px;padding:0 9px;font-size:9px}.program-baslik b{font-size:9px}.program-menu{font-size:7px;padding:6px 9px;gap:17px}.program-agac{top:63px;left:8px;width:75px;font-size:7px}.program-agac small{font-size:6px}.program-agac p{margin-block:7px;padding:2px 3px}.agac-malzemesi{font-size:6px;padding-top:8px;margin-top:8px}.agac-malzemesi span{margin-top:2px}.program-araclar{right:6px;top:70px;font-size:12px;padding:4px;gap:7px}.program-alt{font-size:6px;padding:0 7px;height:19px}.sahne-etiket{font-size:7px;right:10%;bottom:0}.sahne-etiket .etiket-isaret{width:25px;height:25px}.hikaye-son{left:0;right:0;top:auto;bottom:13%;flex-direction:row;justify-content:center;gap:14px;align-items:center}.hikaye-son .btn{font-size:11px;min-height:37px;padding:7px 12px;gap:10px}.hikaye-demo-link{font-size:9px}.hikaye-bitti .hikaye-sahne{top:36%;height:42%}.hikaye-alt{bottom:28px;left:6%;right:6%;gap:12px}.kaydir-ipucu{font-size:0;gap:0}.kaydir-ipucu>span{font-size:13px;padding:6px 8px}.hikaye-asamalar{gap:15px;font-size:9px}.hikaye-asamalar b{display:none}.hikaye-asamalar .aktif b{display:inline;font-size:8px;margin-left:4px}.hikaye-yuzde{font-size:9px}.hikaye-ozet{grid-template-columns:1fr 1fr;gap:25px;padding-block:32px}.hikaye-ozet>p{font-size:12px}.hikaye-ozet>div>span{font-size:9px}.hikaye-ozet>div>p{font-size:12px}.usta-hikaye:not(.hazir){min-height:650px}
 .demo-main{padding-top:28px}.demo-giris{display:block;margin-bottom:25px}.demo-giris h1{font-size:33px;line-height:1.16;max-width:370px}.demo-giris>p{font-size:11px;margin-top:15px;max-width:400px}.demo-baslik{padding-inline:14px;height:45px}.demo-baslik small{font-size:7px;letter-spacing:.5px;margin-left:8px;padding-left:8px}.demo-baslik>span{font-size:8px}.demo-baslik>b{font-size:11px}.demo-govde{display:flex;flex-direction:column;min-height:0}.demo-gorunum{order:-1;height:430px;border-bottom:1px solid #d1d9ce}.demo-tuval{min-height:380px}.demo-gorunum-ust{top:12px;left:13px;right:13px;font-size:7px}.demo-gorunum-ust button{font-size:9px;padding:6px 8px}.demo-gorunum-alt{padding:0 13px 12px;font-size:8px;gap:8px}.demo-gorunum-alt button{font-size:8px}.demo-ayarlar{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:20px 16px;border:0}.demo-panel-baslik{grid-column:1/-1;margin-bottom:17px}.demo-ayarlar fieldset{margin-bottom:18px;padding-bottom:13px}.demo-panel-baslik.ikinci{grid-column:1/-1;margin-bottom:10px}.demo-yardim{grid-column:1;grid-row:4/6;margin-bottom:0;font-size:10px}.demo-parca-durum{grid-column:2;grid-row:4}.demo-gecmis{grid-column:2;grid-row:5;margin-top:14px;gap:4px}.demo-gecmis button{font-size:9px;padding:5px 7px}.demo-alt{padding:11px 15px;flex-wrap:wrap;gap:6px 18px;font-size:9px}.demo-alt p{flex-basis:100%;font-size:10px}.demo-devam{display:block;padding-block:38px}.demo-devam h2{font-size:29px}.demo-devam>.btn{margin-top:25px;font-size:12px;min-height:44px}.demo-devam p{font-size:11px}.demo-malzemeler{gap:3px}.demo-malzemeler button{padding:3px;font-size:9px}.demo-malzemeler button i{height:39px}.demo-ayarlar label{font-size:10px}
}
@media(max-width:360px){.demo-baslik>span{display:none}.demo-gorunum{height:335px}.demo-tuval{min-height:290px}.hikaye-metin h2{font-size:32px}.hikaye-son{gap:10px}.hikaye-demo-link{font-size:8px}.hikaye-son .btn{font-size:10px}.hikaye-sahne{height:46%;top:36%}}
@media(max-height:720px) and (min-width:761px){.hikaye-sabit{min-height:590px}.hikaye-metin{top:20%}.hikaye-metin h2{font-size:48px}.hikaye-no{margin-bottom:16px}.hikaye-son{top:69%}.hikaye-sahne{top:12%;height:76%}}
@media(prefers-reduced-motion:reduce){.usta-hikaye{height:auto}.hikaye-sabit{position:relative;min-height:720px;height:calc(100svh - 82px)}.kaydir-ipucu{visibility:hidden}.hikaye-grid{opacity:.5}.hikaye-asamalar{display:none}.hikaye-yuzde{display:none}.hikaye-metin h2{transition:none}@media(max-width:760px){.hikaye-sabit{min-height:660px}.hikaye-son{bottom:10%}}}

/* Masaüstü uygulamasındaki açık tema, simgeler, yedi grup ve dış dal düzeni. */
.usta-halka-pop{--yaricap:122px;position:absolute;left:50%;top:50%;width:330px;height:330px;transform:translate(-50%,-50%);isolation:isolate;color:#26363a;font-family:'Segoe UI',sans-serif;z-index:8;cursor:default}
.usta-halka-pop[hidden],.usta-halka-dal[hidden]{display:none!important}
.usta-halka-pop:before{content:'';position:absolute;inset:-15px;border-radius:50%;background:radial-gradient(circle,rgba(244,250,248,.7) 0%,rgba(244,250,248,.58) 40%,transparent 72%);z-index:-1}
.usta-halka-cember{position:absolute;left:50%;top:50%;width:calc(var(--yaricap)*2);height:calc(var(--yaricap)*2);transform:translate(-50%,-50%);border:1px solid rgba(63,120,131,.32);border-radius:50%;pointer-events:none}
.usta-halka-pop button{font-family:inherit;line-height:1.15;cursor:pointer;color:#26363a;border:1px solid #c9dcdd;background:linear-gradient(145deg,#fff,#f7faf7);box-shadow:10px 10px 24px rgba(78,112,115,.17),-7px -7px 18px rgba(255,255,255,.65);padding:0}
.usta-halka-pop svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.usta-halka-pop .usta-halka-dugme{position:absolute;left:50%;top:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:50%;font-size:9px;transform:translate(calc(-50% + var(--hx)*var(--yaricap)),calc(-50% + var(--hy)*var(--yaricap)))}
.usta-halka-pop button:hover:not(:disabled),.usta-halka-pop button[aria-expanded=true],.dikey-secili [data-tip=dikey]{background:#d5e9e8;border-color:#3f7883;color:#2d626b}
.usta-halka-pop button:disabled{cursor:default;color:#84979b;opacity:.72}
.usta-halka-pop .usta-halka-merkez{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;border-color:#3f7883;background:#f7faf7;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;box-shadow:inset 4px 4px 10px #bfd3d366,inset -4px -4px 10px #fff}
.usta-halka-merkez b{font-size:22px;font-weight:500}.usta-halka-merkez small{font-size:10px;color:#62777b}
.usta-halka-dal{position:absolute;inset:0;pointer-events:none;z-index:3}
.usta-halka-pop .usta-dal-dugme{position:absolute;left:50%;top:50%;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:8.5px;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy)));pointer-events:auto;animation:usta-dal-giris .18s ease-out}
.usta-halka-pop .usta-dal-dugme svg{width:17px;height:17px}
.usta-halka-pop .usta-dal-yay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:480px;height:480px;overflow:visible;stroke:#3f788366;stroke-width:1;z-index:-1}
.usta-halka-pop .usta-dal-geri{display:none}
@keyframes usta-dal-giris{from{opacity:0}to{opacity:1}}
.demo-halka{position:absolute;left:50%;top:53%;z-index:6;width:0;height:0}
.demo-halka #demo-halka-ac{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:70px;height:70px;border:1px solid #3f7883;border-radius:50%;background:linear-gradient(145deg,#fff,#f7faf7);color:#3f7883;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:7px 7px 18px #4e707333,-5px -5px 13px #ffffffaa}
#demo-halka-ac b{font-size:19px;font-weight:500}#demo-halka-ac small{font-size:8px}.halka-acik #demo-halka-ac{visibility:hidden}
.hikaye-halka{position:absolute;left:55%;top:52%;width:0;height:0;z-index:5;opacity:var(--halka);transform:scale(.82);pointer-events:none}
.demo-kamera-araclari{position:absolute;right:16px;top:80px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px;background:#f8fbf8bf;border:1px solid #c9dcdd;border-radius:7px;z-index:4;box-shadow:0 7px 20px #4e707314}
.demo-kamera-araclari button{width:32px;height:32px;border:0;background:transparent;padding:0;font-size:22px;color:#3f7883}.demo-kamera-araclari button:hover{background:#d5e9e8}.demo-kamera-araclari output{font:9px Consolas,monospace;color:#62777b;padding-block:3px}
.demo-gorunum{background:radial-gradient(ellipse at 50% 40%,#edf6f4,#d0e2e0)}
/* Bağımsız açılış: tamamlanmış bir mobilya, ardından kaydırma hikâyesi. */
.usta-hikaye-sayfasi .site-header{background:#f3f0e9;color:#223d3d;border-bottom-color:#d8d7ce}.usta-hikaye-sayfasi .brand img{filter:none}.usta-hikaye-sayfasi .header-inner>.btn{color:#223d3d;border-color:#24494955}
.usta-acilis{position:relative;min-height:760px;height:100svh;max-height:1200px;overflow:hidden;background:#f3f0e9;color:#203c3c;isolation:isolate;padding-top:110px}
.acilis-isik{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 45%,#fffcf3 0,transparent 58%),linear-gradient(113deg,transparent 64%,#e5dfd14d 64.1%,transparent 64.3%)}
.acilis-icerik{height:100%;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding-bottom:100px;position:relative}
.acilis-ust-yazi{font:10px Consolas,monospace;letter-spacing:1.8px;color:#748a82;display:flex;align-items:center;gap:12px;margin:0 0 28px}.acilis-ust-yazi>span{width:24px;height:1px;background:#a97844}
.acilis-metin{position:relative;z-index:2}.acilis-metin h1{font-size:clamp(48px,5.25vw,84px);font-weight:400;letter-spacing:-3.8px;line-height:1.05;margin:0 0 24px}.acilis-metin h1 em{color:#a97748;font-family:Georgia,serif;font-weight:400;line-height:1.08}.acilis-aciklama{font-size:14px;color:#77857c;line-height:1.9;margin-bottom:28px}.acilis-eylemler{display:flex;align-items:center;gap:27px}.acilis-eylemler .btn{font-size:12px;background:#264a47;color:#f7f3e8;border-color:#264a47;min-height:46px}.acilis-dene{font-size:12px;border-bottom:1px solid #83948a;padding-block:5px}.acilis-dene>span{margin-left:8px}
.acilis-vitrin{position:relative;width:125%;height:600px;margin-left:-12%;align-self:center}.acilis-daire{position:absolute;width:69%;aspect-ratio:1;left:19%;top:7%;border:1px solid #d6ccb78c;border-radius:50%;background:radial-gradient(ellipse at 60% 15%,#fffcf5,#e6dfd055);box-shadow:0 35px 65px #67563b08}.acilis-daire:after{content:'';position:absolute;inset:15px;border:1px solid #ddd5c33b;border-radius:50%}#acilis-kabin{position:absolute;inset:0}#acilis-kabin svg{width:100%;height:100%;overflow:visible}
.acilis-kabin-not{position:absolute;left:22%;bottom:0;display:flex;gap:13px;align-items:center;color:#879086;font:8px Consolas,monospace;letter-spacing:1.2px}.acilis-kabin-not b{font-weight:400;color:#597168}.acilis-kabin-not small{display:block;font-size:9px;letter-spacing:0;margin-top:8px}.acilis-not-cizgi{width:37px;height:1px;background:#b9a98b}.acilis-damga{position:absolute;right:7%;top:8%;font:10px Consolas,monospace;letter-spacing:3px;text-align:center;color:#a7855d;border:1px solid #b89a6b66;border-radius:50%;width:74px;height:74px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg)}.acilis-damga span{font:italic 25px Georgia,serif;letter-spacing:0}
.acilis-alt{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ccd2c666;padding-top:21px;font:9px Consolas,monospace;letter-spacing:.8px;color:#91a093}.acilis-alt i{font-style:normal;margin:0 10px;color:#b7a386}.acilis-alt a{display:flex;align-items:center;gap:20px;color:#61796e;font-size:8px;letter-spacing:1px}.acilis-alt a>span{font-size:20px;font-family:serif}
@media(max-width:1100px){.acilis-vitrin{height:480px;width:124%;margin-left:-13%}.acilis-metin h1{font-size:59px}.acilis-icerik{grid-template-columns:1fr 1fr}.acilis-eylemler{gap:17px}.acilis-yil{display:none}}
@media(max-width:760px){
 .usta-acilis{height:100svh;min-height:790px;padding-top:150px;max-height:none}.acilis-icerik{display:block;padding-bottom:0}.acilis-metin{text-align:center}.acilis-ust-yazi{font-size:8px;letter-spacing:1.1px;justify-content:center;margin-bottom:17px}.acilis-metin h1{font-size:clamp(38px,10vw,57px);letter-spacing:-2px;margin-bottom:14px}.acilis-metin h1 em br{display:none}.acilis-aciklama{font-size:12px;line-height:1.7;margin-bottom:19px}.acilis-eylemler{justify-content:center;gap:22px}.acilis-eylemler .btn{font-size:11px;min-height:41px;padding:7px 13px}.acilis-dene{font-size:11px}.acilis-vitrin{position:absolute;top:255px;height:calc(100% - 345px);min-height:285px;width:120%;margin:0;left:-10%}.acilis-daire{top:5%;left:24%;height:88%;width:auto}.acilis-damga{width:50px;height:50px;font-size:7px;letter-spacing:2px;right:14%;top:4%}.acilis-damga span{font-size:18px}.acilis-kabin-not{bottom:2%;left:24%;font-size:6px;letter-spacing:.9px}.acilis-kabin-not small{font-size:7px;margin-top:5px}.acilis-not-cizgi{width:24px}.acilis-alt{bottom:21px;font-size:8px;padding-top:15px;justify-content:center}.acilis-alt>span{display:none}.acilis-alt a{font-size:7px;letter-spacing:1px}
 .usta-halka-pop{--yaricap:97px;width:262px;height:262px}.usta-halka-pop .usta-halka-dugme{width:54px;height:54px;font-size:8px}.usta-halka-pop svg{width:17px;height:17px}.usta-halka-pop .usta-halka-merkez{width:76px;height:76px}.usta-halka-merkez b{font-size:19px}.usta-halka-merkez small{font-size:9px}.usta-halka-pop .usta-halka-dal{inset:auto;top:50%;left:50%;width:224px;transform:translate(-50%,-50%);padding:9px;pointer-events:auto;background:#f7faf7;border:1px solid #c9dcdd;border-radius:10px;box-shadow:0 12px 35px #294e4e33;display:flex;flex-direction:column;gap:4px}.usta-halka-pop .usta-dal-geri{display:block;box-shadow:none;border:0;background:transparent;padding:6px;text-align:left;color:#3f7883;font-size:11px}.usta-halka-pop .usta-dal-dugme{position:static;transform:none;width:100%;height:33px;flex-direction:row;justify-content:flex-start;border-radius:5px;gap:10px;padding:5px 10px;font-size:11px;box-shadow:none}.usta-halka-pop .usta-dal-yay{display:none}.hikaye-halka{transform:scale(.65);left:56%;top:51%}.demo-kamera-araclari{right:10px;top:55px;padding:2px}.demo-kamera-araclari button{width:28px;height:28px}.demo-kamera-araclari output{font-size:8px}.demo-halka{top:53%}.demo-gorunum-alt{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.usta-halka-pop *{animation:none!important}.acilis-eylemler a{scroll-behavior:auto}}

/* Açık yüzeylerde küçük metin için okunabilir kontrast. */
.hikaye-ozet>p,.acilis-ust-yazi,.acilis-aciklama,.acilis-kabin-not,.acilis-alt{color:#53655f}.acilis-kabin-not b,.acilis-alt a{color:#455f53}