/* 2a Cagri Detayi — sayfaya özel stiller */
/* ===== Çağrı detayı ===== */
.strip{background:#FCEADE;font-size:13.5px;color:#4A4440}
.strip .cn{display:flex;align-items:center;gap:10px;min-height:40px;padding-top:8px;padding-bottom:8px}
.strip i{font-size:15px;flex:none}
.vh{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}
.note{margin-top:16px;font-size:13px;color:#8A827C}

/* kahraman: kurgusal oyun için tipografik kapak */
.lh{position:relative;height:460px;overflow:hidden;background:#0D0D0D;color:#0D0D0D;--hz:66%}
.lh-sky{position:absolute;left:0;right:0;top:0;height:var(--hz);background:linear-gradient(180deg,#FBDCC4 0%,#FFB287 38%,#FF8A5B 74%,#F2744A 100%)}
.lh-sun{position:absolute;left:71%;top:var(--hz);width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:radial-gradient(circle,#FFF7F7 0 34%,rgba(252,234,222,.7) 35%,rgba(252,234,222,0) 68%)}
.lh-wind{position:absolute;left:0;top:0;width:100%;height:var(--hz)}
.lh-sea{position:absolute;left:0;right:0;top:var(--hz);bottom:0;background:linear-gradient(180deg,#1A1614 0%,#0D0D0D 70%)}
.lh-glint{position:absolute;left:71%;top:var(--hz);width:300px;height:34%;margin-left:-150px;background:repeating-linear-gradient(180deg,rgba(255,138,91,.75) 0 2px,transparent 2px 10px);-webkit-mask-image:radial-gradient(ellipse 50% 100% at 50% 0,#000 0,rgba(0,0,0,.35) 55%,transparent 80%);mask-image:radial-gradient(ellipse 50% 100% at 50% 0,#000 0,rgba(0,0,0,.35) 55%,transparent 80%)}
.lh .cn{position:relative;height:100%}
.lh-word,.lh-echo{position:absolute;left:40px;margin:0;font-size:216px;line-height:1;font-weight:900;font-stretch:125%;letter-spacing:-.01em;white-space:nowrap}
.lh-word{bottom:calc(100% - var(--hz) - .167em);color:#0D0D0D}
.lh-echo{top:calc(var(--hz) - .167em);color:transparent;background:repeating-linear-gradient(180deg,#FF8A5B 0 3px,transparent 3px 8px);-webkit-background-clip:text;background-clip:text;opacity:.55;transform:scaleY(-1);-webkit-mask-image:linear-gradient(0deg,#000 0,transparent 58%);mask-image:linear-gradient(0deg,#000 0,transparent 58%);pointer-events:none}
.lh-tag{position:absolute;left:40px;top:34px;font-size:18px;font-weight:650;letter-spacing:-.005em;color:#0D0D0D}
.lh-tag span{display:block;margin-top:4px;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:rgba(13,13,13,.58)}
.lh-state{position:absolute;right:40px;bottom:30px;display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:10px;background:rgba(13,13,13,.8);color:#FFF7F7;backdrop-filter:blur(6px)}
.lh-state:hover{color:#FFFFFF}
.lh-state .n{display:flex;align-items:center;justify-content:center;min-width:64px;height:52px;padding:0 8px;border-radius:6px;background:#FF8A5B;color:#0D0D0D;font-size:17px;font-weight:600}
.lh-state b{display:block;font-size:15px;font-weight:650}
.lh-state span span{display:block;font-size:13px;color:rgba(255,247,247,.66)}

/* başlık + slot paneli */
.ct{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:stretch;padding-top:40px;padding-bottom:48px}
.ct-l{display:flex;flex-direction:column}
.crumb{font-size:13.5px;color:#8A827C;margin-bottom:14px}
.crumb a:hover{color:#0D0D0D}
.ct h1{font-size:54px;line-height:1.02;font-weight:800;font-stretch:104%;letter-spacing:-.03em;text-wrap:balance}
.studio{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:16px;font-size:16px;color:#4A4440}
.studio a{font-weight:650;color:#0D0D0D;border-bottom:1.5px solid #FF8A5B}
.studio a:hover{border-bottom-color:#0D0D0D}
.ver{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:#0D0D0D}
.ver i{font-size:15px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;margin-bottom:24px}
.tag{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:#FFF7F7;border:1px solid #EFE7E1;font-size:13.5px;font-weight:560;color:#2C2724}
.tag i{font-size:14px}
.tag.hl{background:#FCEADE;border-color:#FCEADE}
.state{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:auto;padding-top:18px;border-top:1px solid #EEE8E3;font-size:14.5px;color:#4A4440}
.state b{font-weight:650;color:#0D0D0D}
.open{display:inline-flex;align-items:center;gap:6px;color:#0D0D0D;font-weight:650;white-space:nowrap}
.open::before{content:"";width:7px;height:7px;border-radius:50%;background:#FF8A5B}
.sp{border:1px solid #E7E0DA;border-radius:12px;padding:24px;background:#FFFFFF}
.sp-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#6F6863}
.sp-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin-top:16px}
.sp-grid i{aspect-ratio:1;border:1.5px solid #D9D1CB;border-radius:2px;transition:background .2s,border-color .2s}
.sp-grid i.f{background:#FF8A5B;border-color:#FF8A5B}
.sp-fill{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;font-size:14px;color:#6F6863}
.sp-fill b{font-size:30px;line-height:1;font-weight:500;color:#0D0D0D;margin-right:6px}
.sp-fill .n2,.sp-fill .e2{display:none}
.sp .btn{width:100%;margin-top:18px}
.sp .btn .t2{display:none}
body:has(#jf-sent:checked) .sp .btn{background:#0D0D0D;color:#FFF7F7}
body:has(#jf-sent:checked) .sp .btn .t1{display:none}
body:has(#jf-sent:checked) .sp .btn .t2{display:inline}
.ct-lead{font-size:17px;line-height:1.55;color:#4A4440;max-width:680px;margin-bottom:28px}
.sp small{display:block;margin-top:12px;font-size:12.5px;color:#8A827C;text-align:center}
body:has(#jf-sent:checked) .sp-grid i:nth-child(27){background:#0D0D0D;border-color:#0D0D0D;box-shadow:inset 0 0 0 2.5px #0D0D0D,inset 0 0 0 4.5px #FF8A5B}
body:has(#jf-sent:checked) .sp-fill .n1,body:has(#jf-sent:checked) .sp-fill .e1{display:none}
body:has(#jf-sent:checked) .sp-fill .n2,body:has(#jf-sent:checked) .sp-fill .e2{display:inline}

/* ortak blok başlığı */
.bh{margin-bottom:22px}
.bh .eyebrow{margin-bottom:10px}
.bh h2{font-size:32px;line-height:1.08;font-weight:780;letter-spacing:-.025em;text-wrap:balance}
.bh h2 + p{margin-top:10px;font-size:16.5px;line-height:1.55;color:#5E5752;max-width:640px}

/* çağrı hakkında + özet */
.ab{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:stretch;padding-top:56px;padding-bottom:96px;border-top:1px solid #EEE8E3}
.ab-main{display:flex;flex-direction:column}
.ab .lead{font-size:21px;line-height:1.5;font-weight:500;color:#0D0D0D;max-width:720px}
.ab-main > p{margin-top:14px;font-size:17px;line-height:1.65;color:#2C2724;max-width:720px}
.focus{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}
.focus h3{font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding-bottom:12px;border-bottom:1.5px solid #0D0D0D}
.focus ul{list-style:none;margin:0;padding:0}
.focus li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid #F1EBE6;font-size:15.5px;line-height:1.45;color:#2C2724}
.focus li i{font-size:17px;margin-top:1px}
.ab-foot{margin-top:auto;padding-top:28px}
.quote{display:grid;grid-template-columns:4px minmax(0,1fr);gap:18px;font-size:15.5px;line-height:1.55;color:#4A4440}
.quote::before{content:"";background:#FF8A5B;border-radius:2px}
.quote b{color:#0D0D0D;font-weight:650}
.sum{display:flex;flex-direction:column;padding-top:22px;border-top:1.5px solid #0D0D0D}
.sum h3{font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}
.kv{display:grid;grid-template-columns:112px minmax(0,1fr);margin:0;font-size:14.5px}
.kv dt{color:#8A827C;padding:9px 0;border-bottom:1px solid #F1EBE6}
.kv dd{margin:0;padding:9px 0;border-bottom:1px solid #F1EBE6;color:#1F1B19}
.sum-foot{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:10px}
.sum-foot .btn{width:100%}

/* program: koyu bant, kayıt noktaları */
.pg{background:#0D0D0D;color:#FFF7F7}
.pg a:hover{color:#FFFFFF}
.pg .cn{padding-top:88px;padding-bottom:88px}
.pg .eyebrow{color:rgba(255,247,247,.55)}
.pg .bh h2 + p{color:rgba(255,247,247,.66)}
.pg-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.pg-top .bh{margin-bottom:0}
.pg-len{text-align:right;flex:none}
.pg-len b{display:block;font-size:34px;line-height:1;font-weight:500;letter-spacing:-.01em}
.pg-len > span{display:block;margin-top:6px;font-size:13px;color:rgba(255,247,247,.55)}
.path{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));row-gap:36px;margin-top:48px}
.cp{position:relative;padding-right:28px}
.cp::before{content:"";position:absolute;top:10px;left:22px;right:4px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,247,247,.4) 0 6px,transparent 6px 12px)}
.cp:last-child::before{display:none}
.node{position:relative;width:22px;height:22px;background:#0D0D0D;box-shadow:inset 0 0 0 2px rgba(255,247,247,.55)}
.cp.first .node{background:#FF8A5B;box-shadow:none}
.cp .when{margin-top:20px;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,247,247,.5)}
.cp.first .when{color:#FF8A5B}
.cp h3{margin-top:8px;font-size:19px;line-height:1.28;font-weight:700;text-wrap:pretty}
.cp p{margin-top:8px;font-size:14.5px;line-height:1.55;color:rgba(255,247,247,.66)}
.cp .meta{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:12.5px;color:rgba(255,247,247,.5)}
.cp .meta i{font-size:14px}

/* koşullar / beklenenler / karşılığı */
.tri-sec{padding-top:96px;padding-bottom:56px}
.tri{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:40px;align-items:stretch}
.col{display:flex;flex-direction:column;border-top:1.5px solid #0D0D0D;border-bottom:1px solid #EEE8E3}
.col h3{display:flex;align-items:center;gap:10px;padding:18px 0 6px;font-size:20px;font-weight:740;letter-spacing:-.01em}
.col h3 i{font-size:20px}
.col ul{list-style:none;margin:0;padding:0}
.col li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid #F1EBE6;font-size:15.5px;line-height:1.5;color:#2C2724}
.col li:last-child{border-bottom:0}
.col li i{font-size:17px;margin-top:2px;color:#0D0D0D}
.col li small{display:block;font-size:13.5px;color:#8A827C;margin-top:2px}
.col-foot{margin-top:auto;padding:14px 0 16px;font-size:13.5px;line-height:1.5;color:#6F6863}
.col-foot b{color:#0D0D0D;font-weight:650}

/* gizlilik / NDA */
.nda{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:40px;padding:34px 36px;border-radius:12px;background:#FCEADE}
.nda-h > i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#0D0D0D;color:#FFF7F7;font-size:21px}
.nda-h h2{margin-top:16px;font-size:26px;line-height:1.1;font-weight:780;letter-spacing:-.02em}
.nda-h p{margin-top:10px;font-size:15.5px;line-height:1.55;color:#2C2724}
.nda-h .btn{margin-top:18px;background:#FFFFFF}
.nda-l h3{font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding-bottom:12px;border-bottom:1.5px solid #0D0D0D}
.nda-l ul{list-style:none;margin:0;padding:0}
.nda-l li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid rgba(13,13,13,.1);font-size:15px;line-height:1.5;color:#2C2724}
.nda-l li i{font-size:17px;margin-top:2px}
.nda-note{grid-column:1 / -1;margin-top:-14px;font-size:12.5px;color:#6F6863}

/* katılım formu + sonrası */
.jn-sec{padding-top:96px;padding-bottom:96px}
.jn{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:stretch}
.jf{position:relative;border:1px solid #E7E0DA;border-radius:12px;padding:32px;background:#FFFFFF;scroll-margin-top:100px}
.jf-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:20px;border-bottom:1px solid #EEE8E3}
.jf-h h2{font-size:28px;line-height:1.1;font-weight:780;letter-spacing:-.02em}
.jf-h span{font-size:13.5px;color:#8A827C;white-space:nowrap}
.acc{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #EEE8E3}
.av{width:44px;height:44px;border-radius:50%;background:#0D0D0D;color:#FF8A5B;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex:none}
.acc div{flex:1;min-width:0}
.acc b{display:block;font-size:16px;font-weight:680}
.acc small{display:block;font-size:13px;color:#6F6863}
.acc a{font-size:14px;font-weight:650;border-bottom:1.5px solid currentColor}
.fld{padding-top:22px}
.fl{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;font-size:15px;font-weight:680}
.fl span{font-size:12.5px;font-weight:500;color:#8A827C}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative;display:inline-flex;cursor:pointer}
.opt input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}
.opt span{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:999px;border:1px solid #E2DBD5;background:#FFFFFF;font-size:14.5px;font-weight:560;color:#2C2724;transition:border-color .15s,background .15s,color .15s}
.opt span i{font-size:16px}
.opt:hover span{border-color:#0D0D0D}
.opt input:checked + span{background:#0D0D0D;border-color:#0D0D0D;color:#FFF7F7}
.opt input:focus-visible + span,.seg input:focus-visible + span{outline:2px solid #FF8A5B;outline-offset:2px}
.spec{margin-top:10px;font-size:13px;line-height:1.5;color:#8A827C}
.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border:1px solid #E2DBD5;border-radius:9px}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}
.seg span{display:flex;align-items:center;justify-content:center;height:40px;padding:0 8px;border-radius:6px;font-size:14px;font-weight:600;color:#4A4440;text-align:center;transition:background .15s,color .15s}
.seg label:hover span{background:#FAF6F2}
.seg input:checked + span{background:#0D0D0D;color:#FFF7F7}
.seg + .opts{margin-top:10px}
.inp{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1px solid #E2DBD5;border-radius:8px;background:#FFFFFF}
.inp:focus-within{border-color:#0D0D0D}
.inp i{font-size:17px;color:#6F6863}
.inp input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font-size:15px}
.inp input::placeholder{color:#A39B95}
.cons{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;margin-top:26px;padding:16px;border-radius:10px;background:#FFF7F7;border:1px solid #F3E6DD;font-size:14.5px;line-height:1.5;color:#2C2724;cursor:pointer}
.cons .box{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1.5px solid #8A827C;border-radius:5px;background:#FFFFFF;color:#FFF7F7;transition:background .15s,border-color .15s}
.cons .box i{font-size:15px;opacity:0}
.cons:hover .box{border-color:#0D0D0D}
#jf-ok:checked ~ .jf-body .cons .box{background:#0D0D0D;border-color:#0D0D0D}
#jf-ok:checked ~ .jf-body .cons .box i{opacity:1}
#jf-ok:focus-visible ~ .jf-body .cons{outline:2px solid #FF8A5B;outline-offset:2px}
.cons a{font-weight:650;border-bottom:1.5px solid #FF8A5B}
.submit{width:100%;margin-top:14px;cursor:pointer;transition:opacity .15s,background .15s}
#jf-ok:not(:checked) ~ .jf-body .submit{opacity:.42;pointer-events:none}
.jf-hint{margin-top:12px;font-size:13px;line-height:1.5;color:#8A827C;text-align:center}
.jf-hint .h1{display:inline}
.jf-hint .h2{display:none}
#jf-ok:checked ~ .jf-body .jf-hint .h1{display:none}
#jf-ok:checked ~ .jf-body .jf-hint .h2{display:inline}
.jf-done{display:none;flex-direction:column;align-items:flex-start;height:100%}
#jf-sent:checked ~ .jf-body{display:none}
#jf-sent:checked ~ .jf-done{display:flex}
.ok-ic{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:#FF8A5B;font-size:28px}
.jf-done h2{margin-top:22px;font-size:34px;line-height:1.05;font-weight:800;letter-spacing:-.03em}
.jf-done > h2 + p{margin-top:12px;font-size:17px;line-height:1.55;color:#2C2724;max-width:520px}
.done-slots{width:100%;margin-top:28px}
.done-slots .slots{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px}
.done-slots .slots i{aspect-ratio:1;border:1.5px solid #D9D1CB;border-radius:2px}
.done-slots .slots i.f{background:#FF8A5B;border-color:#FF8A5B}
.done-slots .slots i.me{background:#0D0D0D;border-color:#0D0D0D;box-shadow:inset 0 0 0 2px #0D0D0D,inset 0 0 0 4px #FF8A5B}
.done-slots p{display:flex;justify-content:space-between;margin-top:10px;font-size:13.5px;color:#6F6863}
.done-slots p b{color:#0D0D0D;font-weight:600}
.done-next{width:100%;margin-top:26px;padding-top:20px;border-top:1px solid #EEE8E3;font-size:15px;line-height:1.55;color:#4A4440}
.done-next b{color:#0D0D0D}
.done-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:26px}
.done-btns label{cursor:pointer}

.after{display:flex;flex-direction:column;padding-top:22px;border-top:1.5px solid #0D0D0D}
.after h3{font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.after > h3 + p{margin-top:8px;font-size:15px;line-height:1.55;color:#5E5752}
.vp{list-style:none;margin:22px 0 0;padding:0}
.vp li{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:18px;padding-bottom:24px}
.vp li::after{content:"";position:absolute;left:10px;top:22px;bottom:0;width:2px;background:repeating-linear-gradient(180deg,#0D0D0D 0 5px,transparent 5px 10px)}
.vp li:last-child::after{display:none}
.vp .nd{width:22px;height:22px;background:#FFFFFF;box-shadow:inset 0 0 0 2px #0D0D0D}
.vp li:first-child .nd{background:#FF8A5B;box-shadow:none}
.vp small{display:block;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#8A827C}
.vp li:first-child small{color:#E0673D}
.vp b{display:block;margin-top:3px;font-size:17px;font-weight:700;line-height:1.3}
.vp p{margin-top:4px;font-size:14.5px;line-height:1.5;color:#5E5752}
.quit{margin-top:auto;padding:16px 18px;border-radius:10px;background:#FFF7F7;border:1px solid #F3E6DD;font-size:14px;line-height:1.5;color:#4A4440}
.quit b{display:block;color:#0D0D0D;font-weight:680;margin-bottom:2px}

/* SSS + stüdyo */
.fq-sec{padding-bottom:104px}
.fq-sec .fq{padding-top:96px;border-top:1px solid #EEE8E3}
.fq{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:stretch}
.faq{border-top:1.5px solid #0D0D0D}
.faq details{border-bottom:1px solid #EEE8E3}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 12px;margin:0 -12px;font-size:17.5px;font-weight:680;line-height:1.35;cursor:pointer;list-style:none;border-radius:6px;transition:background .15s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:#FAF6F2}
.faq summary i{font-size:20px;flex:none;transition:transform .2s}
.faq details[open] summary i{transform:rotate(45deg)}
.faq details p{padding:0 0 20px;font-size:15.5px;line-height:1.6;color:#4A4440;max-width:720px}
.stc{display:flex;flex-direction:column;padding:26px;border:1px solid #E7E0DA;border-radius:12px}
.stc-h{display:flex;align-items:center;gap:14px}
.stc-h .mono{width:56px;height:56px;border-radius:10px;background:linear-gradient(180deg,#FFB287,#FF8A5B);display:flex;align-items:center;justify-content:center;color:#0D0D0D;font-weight:900;font-stretch:125%;font-size:22px;flex:none}
.stc-h b{display:block;font-size:18px;font-weight:720}
.stc-h span{display:block;font-size:13.5px;color:#6F6863}
.stc > p{margin-top:16px;font-size:15px;line-height:1.55;color:#2C2724}
.stc h4{margin:20px 0 0;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8A827C}
.stc ul{list-style:none;margin:8px 0 0;padding:0;font-size:14.5px}
.stc li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #F1EBE6}
.stc li span{color:#8A827C;font-size:13px;white-space:nowrap}
.stc li a{font-weight:600}
.stc li a:hover{text-decoration:underline;text-decoration-color:#FF8A5B;text-underline-offset:3px}
.stc-foot{margin-top:auto;padding-top:22px;display:flex;gap:10px}
.stc-foot .btn{flex:1}

/* diğer çağrılar (Topluluk ve Test kartlarıyla aynı dil) */
.oc{background:#FFF7F7}
.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.call{display:flex;flex-direction:column;gap:18px;padding:26px;border:1px solid #E7E0DA;border-radius:10px;background:#FFFFFF}
.call-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#6F6863}
.call-top .open{font-weight:600}
.ty{display:inline-flex;align-items:center;gap:8px;min-width:0}
.ty i{font-size:16px;color:#0D0D0D}
.call h3{font-size:26px;line-height:1.1;font-weight:790;letter-spacing:-.02em}
.call h3 a{background-image:linear-gradient(#FF8A5B,#FF8A5B);background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .2s}
.call h3 a:hover{color:#0D0D0D;background-size:100% 2px}
.call .by{font-size:14.5px;color:#6F6863;margin-top:4px}
.call .gm{font-size:15px;line-height:1.5;color:#2C2724;margin-top:12px}
.sl{margin-top:auto}
.slots{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px}
.slots i{aspect-ratio:1;border:1.5px solid #D9D1CB;border-radius:2px}
.slots i.f{background:#FF8A5B;border-color:#FF8A5B}
.fill{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:13px;color:#6F6863}
.fill b{color:#0D0D0D;font-weight:600}
.dl{display:grid;grid-template-columns:96px minmax(0,1fr);row-gap:8px;margin:0;padding-top:16px;border-top:1px solid #EEE8E3;font-size:14.5px}
.dl dt{color:#8A827C}
.dl dd{margin:0;color:#2C2724}
.call-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.call-foot span{font-size:13px;color:#8A827C}

@media (max-width:1180px){
  .lh-word,.lh-echo{font-size:170px}
  .ct,.ab,.fq{grid-template-columns:minmax(0,1fr) 360px;gap:40px}
  .jn{grid-template-columns:minmax(0,1fr) 380px;gap:40px}
  .tri{gap:28px}
  .cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgrid > :nth-child(3){display:none}
}
@media (max-width:900px){
  .lh{height:300px}
  .lh-word,.lh-echo{left:20px;font-size:clamp(60px,19vw,170px)}
  .lh-sun{width:200px;height:200px;margin:-100px 0 0 -100px;left:76%}
  .lh-glint{left:76%;width:180px;margin-left:-90px}
  .lh-tag{left:20px;top:22px;font-size:15px}
  .lh-state{display:none}
  .ct,.ab,.fq,.jn,.tri,.nda,.focus{grid-template-columns:minmax(0,1fr)}
  .ct{gap:28px;padding-top:28px;padding-bottom:36px}
  .ct h1{font-size:34px}
  .ab{padding-top:40px;padding-bottom:64px;gap:40px}
  .ab .lead{font-size:18px}
  .ab-main > p{font-size:16px}
  .pg .cn{padding-top:64px;padding-bottom:64px}
  .pg-top{flex-direction:column;align-items:flex-start;gap:20px}
  .pg-len{text-align:left}
  .path{grid-template-columns:minmax(0,1fr);row-gap:0;margin-top:36px}
  .cp{padding-right:0;padding-left:40px;padding-bottom:28px}
  .cp::before{top:22px;bottom:0;left:10px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,rgba(255,247,247,.4) 0 5px,transparent 5px 10px)}
  .cp .node{position:absolute;left:0;top:0}
  .cp .when{margin-top:0;padding-top:3px}
  .bh h2{font-size:26px}
  .tri-sec{padding-top:64px;padding-bottom:40px}
  .tri{gap:32px}
  .nda{padding:24px 22px;gap:28px}
  .nda-note{margin-top:0}
  .jn-sec{padding-top:64px;padding-bottom:64px}
  .jn{gap:40px}
  .jf{padding:22px}
  .jf-h{flex-direction:column;gap:4px}
  .seg span{font-size:13px}
  .fq-sec{padding-bottom:64px}
  .fq-sec .fq{padding-top:64px}
  .fq{gap:40px}
  .cgrid{grid-template-columns:minmax(0,1fr);gap:16px}
  .cgrid > :nth-child(3){display:flex}
  .call{padding:22px}
}

/* ===== WordPress eklemeleri (canlı durumlar, içerik, kapak ölçeği) ===== */
.lh-word,.lh-echo{font-size:min(216px,calc(1180px / var(--n,5)));text-transform:uppercase}
.lh.has-img{background:#0D0D0D}
.lh-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lh-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,13,.05) 0%,rgba(13,13,13,.25) 55%,rgba(13,13,13,.7) 100%)}
.lh.has-img .lh-tag{color:#FFF7F7;text-shadow:0 1px 12px rgba(13,13,13,.4)}
.lh.has-img .lh-tag span{color:rgba(255,247,247,.72)}
.lh-logo{position:absolute;left:40px;bottom:30px;max-width:min(420px,50%);max-height:150px;width:auto;height:auto;filter:drop-shadow(0 6px 20px rgba(0,0,0,.45))}
.open.off{color:#6F6863}
.open.off::before{background:#C9C0B9}
.sp{display:flex;flex-direction:column}
.sp-fill{margin-bottom:18px}
.sp .btn{margin-top:auto}
.sp-grid i.me,.slots i.me{background:#0D0D0D;border-color:#0D0D0D;box-shadow:inset 0 0 0 2.5px #0D0D0D,inset 0 0 0 4.5px #FF8A5B}
.slots i.me{box-shadow:inset 0 0 0 2px #0D0D0D,inset 0 0 0 4px #FF8A5B}
.btn .icon-check{font-size:16px}
.ab-main > .bh + p{margin-top:0;font-size:21px;line-height:1.5;font-weight:500;color:#0D0D0D;max-width:720px}
.ab-main > h2,.ab-main > h3{margin-top:28px;font-size:20px;line-height:1.3;font-weight:720}
.ab-main > ul,.ab-main > ol{margin:14px 0 0;padding-left:22px;font-size:17px;line-height:1.65;color:#2C2724;max-width:720px}
.ab-main > p a,.ab-main > ul a{border-bottom:1.5px solid #FF8A5B}
.quote strong{color:#0D0D0D;font-weight:650}
.kv dd a{border-bottom:1.5px solid #FF8A5B}
.kv dd a:hover{border-bottom-color:#0D0D0D}
.fq.solo{grid-template-columns:minmax(0,1fr)}
.jf-done.on{display:flex}
.ok-ic.off{background:#EEE8E3}
.jf-done .done-btns .btn{cursor:pointer}
.jf [data-msg]:empty{display:none}
.jf .io-msg{text-align:center}
.jf-ask{list-style:none;margin:0;padding:0;border-top:1px solid #F1EBE6}
.jf-ask li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid #F1EBE6;font-size:15px;line-height:1.45;color:#2C2724}
.jf-ask li i{font-size:17px;margin-top:1px}
.jf-ask small{display:block;font-size:13px;color:#8A827C;margin-top:1px}
.jf-login{width:100%;margin-top:26px}
.acc .av i{font-size:20px;color:#FF8A5B}
.inp.ta{height:auto;align-items:flex-start;padding:12px 14px}
.inp textarea{flex:1;min-width:0;min-height:72px;border:0;outline:0;background:none;font-size:15px;line-height:1.5;resize:vertical}
.inp textarea::placeholder{color:#A39B95}
.vp b a:hover{text-decoration:underline;text-decoration-color:#FF8A5B;text-underline-offset:3px}
.stc-foot .btn.on{background:#0D0D0D;border-color:#0D0D0D;color:#FFF7F7}
.call h3 .sample{vertical-align:6px}
.call-foot .btn i{font-size:16px}
.call-foot span:empty{display:none}
.call-foot span:empty + .btn{margin-left:auto}
@media (max-width:1180px){
  .lh-word,.lh-echo{font-size:min(170px,calc((100vw - 120px) * .95 / var(--n,5)))}
}
@media (max-width:900px){
  .lh-word,.lh-echo{font-size:min(19vw,calc((100vw - 40px) * .95 / var(--n,5)))}
  .lh-logo{left:20px;bottom:20px;max-height:90px}
  .path,.tri,.nda{grid-template-columns:minmax(0,1fr)}
  .path{row-gap:0}
}
