.rk{--bg:var(--bg2);--card:var(--panel);--ink:var(--text);--mut:var(--muted);--acc:var(--green2);--acc2:rgba(24,160,120,.13);--warn:#F2B233;--warnbg:rgba(242,178,51,.10);--bad:#ff9d93;--badbg:rgba(255,110,100,.10);--chip:var(--panel2);color:var(--text);font-family:var(--font)}
.rk{--rkline:var(--line2)}
.rk .card{background:var(--card);border:1px solid var(--rkline);border-radius:14px;padding:18px}
.rk .form{display:grid;gap:16px}
.rk .step{display:grid;gap:8px}
.rk .step>label,.rk .lbl{font-weight:800;font-size:14px;display:flex;gap:8px;align-items:center}
.rk .num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--acc);color:var(--card);font-size:12px}
.rk input[type=text],.rk input[type=number],.rk select,.rk textarea{width:100%;padding:11px 12px;border:1px solid var(--rkline);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;min-height:44px}
.rk input:focus,.rk select:focus,.rk textarea:focus{outline:2px solid var(--acc);outline-offset:1px}
.rk .chips{display:flex;flex-wrap:wrap;gap:8px}
.rk .chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rkline);background:var(--chip);border-radius:999px;padding:8px 13px;cursor:pointer;font-weight:700;font-size:13px;min-height:40px;user-select:none}
.rk .chip input{position:absolute;opacity:0;pointer-events:none}
.rk .chip.on{background:var(--acc);border-color:var(--acc);color:var(--card)}
.rk .chip:focus-within{outline:2px solid var(--acc);outline-offset:2px}
.rk .hint{color:var(--mut);font-size:12.5px}
.rk .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rk .row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:700px){.rk .row2,.rk .row3{grid-template-columns:1fr}}
.rk .sugg{display:flex;flex-wrap:wrap;gap:6px}
.rk .sugg button{border:1px dashed var(--acc);background:var(--acc2);color:var(--acc);border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;min-height:36px}
.rk .sugg button.sel{border-style:solid;background:var(--acc);color:var(--card)}
.rk details.more{border:1px solid var(--rkline);border-radius:12px;padding:12px 14px;background:var(--bg)}
.rk details.more summary{cursor:pointer;font-weight:800}
.rk .btn{background:var(--acc);color:var(--card);border:0;border-radius:12px;padding:14px 20px;font:inherit;font-weight:800;font-size:16px;cursor:pointer;min-height:48px}
.rk .btn.sec{background:var(--chip);color:var(--ink);border:1px solid var(--rkline);font-size:14px;padding:10px 14px;min-height:42px}
.rk #out{margin-top:22px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.rk #out>*,.rk .card,.rk .form{min-width:0}
.rk .sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.rk .sum div{background:var(--acc2);border-radius:10px;padding:10px 12px}
.rk .sum b{display:block;font-size:12px;color:var(--mut);font-weight:700}
.rk .sum span{font-weight:800}
.rk h2{font-size:19px;margin:0 0 10px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rk h3{font-size:15px;margin:14px 0 6px}
.rk .tag{font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;background:var(--chip);color:var(--mut);letter-spacing:.03em}
.rk .tw{overflow-x:auto;border:1px solid var(--rkline);border-radius:10px}
.rk table{border-collapse:collapse;width:100%;min-width:640px;font-size:13.5px}
.rk th,.rk td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--rkline)}
.rk th{background:var(--chip);font-size:12px;letter-spacing:.03em;color:var(--mut)}
.rk td:nth-child(1){font-weight:800;white-space:nowrap;color:var(--mut);font-size:12px}
.rk td:nth-child(2){font-weight:700}
.rk td:nth-child(3){background:var(--acc2)}
.rk tr:last-child td{border-bottom:0}
.rk .al{border-radius:10px;padding:10px 12px;font-size:13.5px}
.rk .al.w{background:var(--warnbg);color:var(--warn)}
.rk .al.b{background:var(--badbg);color:var(--bad)}
.rk .al.i{background:var(--acc2);color:var(--ink)}
.rk ul.ck{margin:6px 0 0;padding-left:20px}
.rk ul.ck li{margin:3px 0}
.rk .kw{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.rk .kw code{background:var(--chip);border:1px solid var(--rkline);border-radius:6px;padding:3px 7px;font-size:12.5px;font-family:ui-monospace,Menlo,Consolas,monospace}
.rk .kw.neg code{background:var(--badbg);color:var(--bad);border-color:transparent}
.rk .ad{border:1px solid var(--rkline);border-radius:10px;padding:10px 12px;margin:6px 0;background:var(--bg)}
.rk .ad small{color:var(--mut)}
.rk .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.rk .cnt{font-variant-numeric:tabular-nums}
.rk .pill{display:inline-block;background:var(--gold);color:#1a1300;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:800}
.rk .btn{color:#04150e}.rk .chip.on{color:#04150e}.rk .num{color:#04150e}.rk .sugg button.sel{color:#04150e}
.rk .rk-cta{margin-top:6px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border:1px solid rgba(242,178,51,.35);background:linear-gradient(135deg,rgba(242,178,51,.10),rgba(24,160,120,.08));border-radius:14px;padding:16px 18px}
.rk .rk-cta b{font:800 17px var(--head)}
.rk .rk-cta a{background:var(--gold);color:#1a1300;font-weight:800;border-radius:12px;padding:12px 16px;min-height:44px;display:inline-flex;align-items:center}
.prem{display:inline-block;vertical-align:middle;margin-left:10px;background:linear-gradient(135deg,#F2B233,#c58a12);color:#1a1300;font:800 12px var(--font);letter-spacing:.08em;padding:4px 10px;border-radius:8px;text-transform:uppercase}
/* site sınıflarıyla çakışma sıfırlama (.step/.num/.card/.chips/.chip) */
.rk .step{padding-top:0;position:static}
.rk .step .num,.rk .num{position:static;width:22px;height:22px;border-radius:50%;border:0;background:var(--acc);color:#04150e;font:800 12px var(--font);display:inline-grid;place-items:center;flex:none}
.rk .card{overflow:visible;transition:none}.rk .card::before{display:none}.rk .card:hover{border-color:var(--rkline)}
.rk .chips{margin-top:0}
.rk .chip{border-radius:999px;font-size:13px;color:var(--ink);background:var(--chip)}
.rk .chip.on{background:var(--acc);border-color:var(--acc);color:#04150e}
/* ====== PRO GÖRÜNÜM (15.10.2026) ====== */
.rk{--card:#fff;--ink:#13201a;--mut:#5a6a62;--rkline:#e2e8e4;--acc:#0F6B4F;--acc2:#ecf6f1;--chip:#f6f8f7;--bg:#f7f9f8;--gold:#d9a21e;color:var(--ink)}
.rk #form.card{padding:0;border-radius:22px;border:1px solid var(--rkline);box-shadow:0 1px 2px rgba(16,40,30,.04),0 18px 48px -18px rgba(16,60,44,.18);gap:0;overflow:hidden}
.rk .rk-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:22px 28px;background:linear-gradient(120deg,#0b3d2e 0%,#0F6B4F 55%,#14805f 100%);color:#fff}
.rk .rk-head b{display:block;font:800 22px/1.2 var(--head);letter-spacing:-.01em;margin-top:4px}
.rk .rk-eyebrow{font:700 11.5px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#f3d27a}
.rk .rk-badges{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.rk .rk-badges li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 12px;font:700 12.5px var(--font)}
.rk #form>.step,.rk #form>details,.rk #form>div:last-child{padding:22px 28px;border-top:1px solid var(--rkline)}
.rk #form>.step:first-of-type{border-top:0}
.rk .step>label,.rk .lbl{font:800 15.5px var(--head);gap:10px;color:var(--ink)}
.rk .step .num,.rk .num{width:28px;height:28px;font-size:13px;background:linear-gradient(145deg,#f3c54d,#c98e10);color:#2a1d00;box-shadow:0 2px 6px rgba(201,142,16,.35)}
.rk input[type=text],.rk input[type=number],.rk select{min-height:52px;border-radius:12px;border:1.5px solid var(--rkline);background:#fff;font-size:16px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}
.rk input:hover,.rk select:hover{border-color:#c9d6cf}
.rk input:focus,.rk select:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px rgba(15,107,79,.14)}
.rk .hint{font-size:13px;color:var(--mut)}
.rk .chips{gap:10px}
.rk .chip{min-height:46px;padding:10px 16px;border-radius:12px;border:1.5px solid var(--rkline);background:#fff;font:700 14px var(--font);color:var(--ink);transition:border-color .15s,background .15s,transform .1s;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.rk .chip:hover{border-color:#b9cbc2;transform:translateY(-1px)}
.rk .chip .ck{width:18px;height:18px;border-radius:6px;border:1.5px solid #c3cfc8;display:inline-grid;place-items:center;flex:none;transition:all .15s}
.rk .chip.on{background:var(--acc2);border-color:var(--acc);color:#0b4a37}
.rk .chip.on .ck{background:var(--acc);border-color:var(--acc)}
.rk .chip.on .ck::after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.rk input[type=radio]+.ck{border-radius:50%}
.rk .chip[data-v]::before{content:none}
.rk #plat .chip::after{content:"";width:9px;height:9px;border-radius:50%;order:-1;display:none}
.rk .sugg{gap:8px}
.rk .sugg button{border:1.5px solid var(--rkline);border-style:solid;background:#fff;color:var(--ink);border-radius:10px;padding:8px 14px;font-weight:700;min-height:40px}
.rk .sugg button:hover{border-color:var(--acc)}
.rk .sugg button.sel{background:var(--acc);border-color:var(--acc);color:#fff}
.rk details.more{border:0;border-radius:0;background:var(--bg);padding:0}
.rk details.more>summary{list-style:none;display:flex;align-items:center;gap:10px;font:800 15.5px var(--head);padding:4px 0}
.rk details.more>summary::-webkit-details-marker{display:none}
.rk details.more>summary::before{content:"";width:9px;height:9px;border-right:2.5px solid var(--acc);border-bottom:2.5px solid var(--acc);transform:rotate(-45deg);transition:transform .2s;margin-right:4px}
.rk details.more[open]>summary::before{transform:rotate(45deg)}
.rk details.more>summary::after{content:"Önerilir";margin-left:6px;font:700 11px var(--font);letter-spacing:.06em;text-transform:uppercase;background:#fff3d6;color:#8a5a00;border-radius:6px;padding:3px 7px}
.rk #form>div:last-child{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff}
.rk .btn{background:linear-gradient(135deg,#0F6B4F,#18a078);color:#fff;border-radius:14px;padding:16px 28px;font:800 17px var(--head);min-height:56px;box-shadow:0 10px 24px -10px rgba(15,107,79,.6);transition:transform .12s,box-shadow .12s}
.rk .btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(15,107,79,.7)}
.rk .btn.sec{background:#fff;color:var(--ink);border:1.5px solid var(--rkline);box-shadow:none;font-size:14px;padding:10px 16px;min-height:44px}
.rk .rk-note{font-size:13px;color:var(--mut)}
/* sonuçlar */
.rk #out{gap:18px}
.rk #out .card{border-radius:18px;padding:22px;border:1px solid var(--rkline);box-shadow:0 10px 30px -18px rgba(16,60,44,.25)}
.rk .sumcard{background:linear-gradient(130deg,#0b3d2e,#0F6B4F 60%,#168a65)!important;color:#fff;border:0!important}
.rk .sumcard h2{color:#fff;font-size:24px}
.rk .sumcard .tag{background:rgba(255,255,255,.15);color:#f3d27a}
.rk .sumcard .sum div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:12px}
.rk .sumcard .sum b{color:rgba(255,255,255,.7)}
.rk .sumcard .sum span{color:#fff;font-size:15px}
.rk h2{font:800 20px var(--head)}
.rk .plat h2{padding-bottom:12px;border-bottom:1px solid var(--rkline);margin-bottom:14px}
.rk .pdot{width:12px;height:12px;border-radius:4px;display:inline-block}
.rk [data-p=meta] .pdot{background:linear-gradient(135deg,#1877f2,#e1306c)}
.rk [data-p=google] .pdot{background:linear-gradient(135deg,#4285f4,#34a853 50%,#fbbc05)}
.rk [data-p=youtube] .pdot{background:#ff0033}
.rk [data-p=yandex] .pdot{background:#fc3f1d}
.rk .tw{border-radius:12px;border:1px solid var(--rkline)}
.rk table{font-size:14px}
.rk th{background:#f3f6f4;font:800 11.5px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding:11px 12px}
.rk td{padding:11px 12px;border-bottom:1px solid #edf1ee}
.rk tbody tr:nth-child(even) td{background:#fafcfb}
.rk td:nth-child(1){font:700 11.5px var(--font);letter-spacing:.04em;text-transform:uppercase;color:#7b8a83}
.rk td:nth-child(3){background:transparent!important;border-left:3px solid var(--acc);color:#0f2a20}
.rk tbody tr:hover td{background:#f2f8f5}
.rk .al{border-radius:12px;padding:13px 16px;border-left:4px solid currentColor;font-size:14px}
.rk .al.w{background:#fff8e8;color:#7a4e00}
.rk .al.b{background:#fff0ee;color:#9b2a20}
.rk .al.i{background:#eef6f2;color:#0b4a37}
.rk .kw code{background:#fff;border:1px solid var(--rkline);border-radius:8px;padding:5px 9px;font-size:13px}
.rk .kw.neg code{background:#fff0ee;border-color:#f6d4cf;color:#9b2a20}
.rk .ad{background:#fafcfb;border:1px solid var(--rkline);border-left:3px solid var(--gold);border-radius:12px;padding:12px 14px}
.rk .rk-cta{border-radius:18px;padding:20px 22px;background:linear-gradient(120deg,#fff8e6,#eef7f2)}
@media(max-width:700px){.rk .rk-head,.rk #form>.step,.rk #form>details,.rk #form>div:last-child{padding:18px}.rk .rk-head b{font-size:19px}.rk .btn{width:100%;justify-content:center}}
.rk .chip{display:inline-flex;align-items:center;gap:9px;line-height:1.2}
.rk .chip .ck{align-self:center;margin:0}
@media(max-width:700px){.rk .chips>.chip{flex:1 1 calc(50% - 6px);min-width:0;font-size:13px;padding:10px 12px}}