/* ===== Rust ekleri (oyun-sablon.css üstüne; yalnızca rust-server-kirala) ===== */
.mc--rust { --mc-cyan: #c2410c; --mc-cyan-soft: rgba(234, 88, 12, .09); --mc-grad-2: linear-gradient(90deg, #ea580c 0%, #f59e0b 100%); }
html[data-ob-theme="dark"] .mc--rust { --mc-cyan: #fb923c; --mc-cyan-soft: rgba(251, 146, 60, .12); --mc-grad-2: linear-gradient(90deg, #fb923c 0%, #fbbf24 100%); }
.mc--rust .mc-art { aspect-ratio: 1 / 1.06; background: #0a0f1c; }
.mc--rust .mc-art::before { display: none; }
.mc--rust .mc-art::after { height: 55%; background: linear-gradient(0deg, rgba(5, 5, 5, .7), transparent); }
.mc--rust .mc-art::before, .mc-ph::before { content: ""; }
.mc--rust .mc-art img { left: 0; top: 0; bottom: auto; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transform: none; }
.mc--rust .mc-art:hover img { transform: scale(1.06); }
.mc--rust .mc-art__cap { top: auto; bottom: 26px; }
.mc--rust .mc-art__cap small { color: #fdba74; }
.mc--rust .mc-float--b { bottom: auto; top: 46%; }
.mc--rust .mc-float--b > span { background: rgba(5, 150, 105, .1); color: var(--mc-green); }
.mc--rust .mc-mini:hover { border-color: rgba(234, 88, 12, .35); }
.mc--rust .mc-faces span { background: #1f2937; }
.mc--rust .mc-faces img { width: 100%; height: 100%; margin: 0; object-fit: cover; }
.mc--rust .mc-tile { background: #0a0f1c; }
.mc--rust .mc-tile::before { display: none; }
.mc--rust .mc-tile img { inset: 0; right: auto; bottom: auto; width: 100%; height: 100%; object-fit: cover; }
.mc--rust .mc-tile__cap small { color: #fdba74; }
.mc--rust .mc-tiles__glow { background: rgba(234, 88, 12, .12); }
.mc--rust .mc-pic::before { background: rgba(234, 88, 12, .12); }
.mc--rust .mc-pic:hover::before { background: rgba(234, 88, 12, .2); }
.mc--rust .mc-pic__art { aspect-ratio: 16 / 11; background: #0a0f1c; }
.mc--rust .mc-pic__art::before { display: none; }
.mc--rust .mc-pic__art img { inset: 0; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transform: none; }
.mc--rust .mc-pic:hover .mc-pic__art img { transform: scale(1.03); }
.mc--rust .mc-console__chip span { background: rgba(251, 146, 60, .2); color: #fb923c; }
.mc--rust .mc-console__log .cy { color: #fdba74; }

/* seçiciler: işlemci sekmesi + dönem */
.mc-bars { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 18px; margin: 34px 0 0; }
.mc-seg { display: inline-flex; gap: 4px; padding: 5px; border: 1px solid var(--mc-line); border-radius: 16px; background: var(--mc-card); box-shadow: var(--mc-shadow); }
.mc .mc-seg button { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 12px; color: var(--mc-muted); font-size: 14px; font-weight: 600; white-space: nowrap; transition: background-color .2s, color .2s, box-shadow .2s; }
.mc .mc-seg button:hover { color: var(--mc-ink); }
.mc .mc-seg button[aria-pressed="true"], .mc .mc-seg button[aria-selected="true"] { background: var(--mc-brand); box-shadow: 0 10px 22px -10px rgba(20, 87, 230, .6); color: #fff; }
.mc-seg .mc-i { width: 17px; height: 17px; }
.mc-seg small { padding: 2px 7px; border-radius: 6px; background: rgba(255, 255, 255, .2); font-size: 10px; font-weight: 700; letter-spacing: .06em; }
.mc-seg button[aria-selected="false"] small { background: var(--mc-cyan-soft); color: var(--mc-cyan); }
.mc-plans[hidden] { display: none; }
.mc-plan__alt { margin: -16px 0 22px; color: var(--mc-muted); font-size: 12px; }

/* eklenti paketleri */
.mc-pks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; }
.mc-pk { position: relative; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--mc-line); border-radius: 24px; background: var(--mc-card); box-shadow: var(--mc-shadow); transition: transform .4s, border-color .4s; }
.mc-pk:hover { border-color: rgba(234, 88, 12, .3); transform: translateY(-6px); }
.mc-pk--hl { box-shadow: 0 0 0 1px rgba(234, 88, 12, .5), 0 20px 50px rgba(234, 88, 12, .14); }
.mc-pk__badge { position: absolute; top: -12px; left: 50%; padding: 5px 14px; border-radius: 999px; background: linear-gradient(90deg, #ea580c, #f59e0b); box-shadow: 0 10px 20px -10px rgba(234, 88, 12, .8); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; transform: translateX(-50%); white-space: nowrap; }
.mc-pk__ico { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 18px; border: 1px solid rgba(234, 88, 12, .22); border-radius: 16px; background: var(--mc-cyan-soft); color: var(--mc-cyan); }
.mc-pk__ico .mc-i { width: 24px; height: 24px; }
.mc-pk h3 { margin-bottom: 10px; font-size: 20px; font-weight: 600; }
.mc-pk__price { display: flex; align-items: baseline; gap: 8px; }
.mc-pk__price b { font-size: 32px; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.mc-pk__price span { color: var(--mc-muted); font-size: 13px; font-weight: 500; }
.mc-pk h4 { margin: 22px 0 14px; padding-top: 20px; border-top: 1px solid var(--mc-line); color: var(--mc-muted); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.mc-flist { display: grid; gap: 10px; margin-bottom: 26px; }
.mc-flist li { display: flex; align-items: flex-start; gap: 10px; color: var(--mc-text); font-size: 14px; line-height: 1.45; }
.mc-flist .mc-i { width: 17px; height: 17px; margin-top: 1px; color: var(--mc-accent); }
.mc-flist li.is-p { color: var(--mc-ink); font-weight: 500; }
.mc-flist li.is-p .mc-i { color: var(--mc-cyan); }
.mc-flist li.is-l { color: var(--mc-ink); font-weight: 600; }
.mc-flist li.is-l .mc-i { color: #d97706; }
.mc .mc-pk .mc-plan__btn:hover { border-color: #ea580c; background: #ea580c; }
.mc .mc-pk--hl .mc-plan__btn { border-color: #ea580c; background: #ea580c; color: #fff; }
.mc .mc-pk--hl .mc-plan__btn:hover { background: #c2410c; }
.mc .mc-pk__more { display: block; margin-top: 14px; color: var(--mc-muted); font-size: 13px; font-weight: 600; text-align: center; transition: color .2s; }
.mc .mc-pk__more:hover { color: var(--mc-cyan); }
.mc-custom { position: relative; overflow: hidden; margin-top: 32px; padding: 48px; border-radius: 32px; background: #07090f; color: #cbd5e1; isolation: isolate; }
.mc-custom > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.mc-custom::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5, 5, 5, .95) 0%, rgba(5, 5, 5, .82) 45%, rgba(5, 5, 5, .35) 100%); }
.mc-custom__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 40px; align-items: center; }
.mc-custom h2 { margin-bottom: 14px; color: #fff; font-size: clamp(26px, 1.1rem + 1.2vw, 34px); }
.mc-custom p { margin-bottom: 26px; color: #cbd5e1; font-size: 16px; line-height: 1.7; }
.mc-custom__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mc-custom__grid span { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px; background: rgba(255, 255, 255, .05); color: #fff; font-size: 14px; font-weight: 500; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.mc-custom__grid .mc-i { width: 18px; height: 18px; color: #fb923c; }
.mc .mc-btn--or { background: #ea580c; box-shadow: 0 20px 40px -12px rgba(234, 88, 12, .55); color: #fff; }
.mc .mc-btn--or:hover { background: #c2410c; color: #fff; }

/* yorumlar */
.mc-tsts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.mc-tst { display: flex; flex-direction: column; padding: 32px; border: 1px solid var(--mc-line); border-radius: 28px; background: linear-gradient(180deg, var(--mc-glass-2), transparent); }
.mc-tst > .mc-i { width: 28px; height: 28px; margin-bottom: 18px; color: var(--mc-cyan); opacity: .7; }
.mc-tst p { flex: 1; margin-bottom: 24px; color: var(--mc-text); font-size: 15px; line-height: 1.75; }
.mc-tst__who { display: flex; align-items: center; gap: 14px; padding-top: 20px; border-top: 1px solid var(--mc-line); }
.mc-tst__av { display: grid; flex-shrink: 0; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--mc-soft); color: var(--mc-accent); font-weight: 700; }
.mc-tst__who b { display: block; font-size: 15px; }
.mc-tst__who small { display: block; color: var(--mc-muted); font-size: 12px; }
.mc-stars { display: flex; gap: 2px; margin-top: 3px; color: #f59e0b; }
.mc-stars .mc-i { width: 13px; height: 13px; fill: currentColor; stroke: none; }
.mc-stars .is-off { color: var(--mc-line-2); }

/* videolar */
.mc-vids { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mc-vid h3 { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; font-size: 18px; font-weight: 600; }
.mc-vid h3 .mc-i { color: var(--mc-cyan); }
.mc-vid__box { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--mc-line); border-radius: 28px; background: #000; box-shadow: var(--mc-shadow-lg); }
.mc .mc-vid__btn { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.mc-vid__btn img { width: 100%; height: 100%; object-fit: cover; opacity: .85; transition: transform .6s, opacity .3s; }
.mc-vid__btn:hover img { opacity: 1; transform: scale(1.04); }
.mc-vid__btn > span { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; background: rgba(234, 88, 12, .92); box-shadow: 0 0 0 10px rgba(234, 88, 12, .2); color: #fff; transform: translate(-50%, -50%); transition: transform .25s; }
.mc-vid__btn:hover > span { transform: translate(-50%, -50%) scale(1.08); }
.mc-vid__btn .mc-i { width: 28px; height: 28px; margin-left: 4px; fill: currentColor; }
.mc-vid__box iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* blog */
.mc-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.mc-post { position: relative; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--mc-line); border-radius: 24px; background: var(--mc-card); box-shadow: var(--mc-shadow); transition: transform .3s, border-color .3s; }
.mc-post:hover { border-color: var(--mc-soft-line); transform: translateY(-4px); }
.mc-post__img { aspect-ratio: 16 / 9; overflow: hidden; background: #0a0f1c; }
.mc-post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.mc-post:hover .mc-post__img img { transform: scale(1.05); }
.mc-post__b { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.mc-post__b small { margin-bottom: 10px; color: var(--mc-cyan); font-size: 10px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.mc-post h3 { margin-bottom: 8px; font-size: 18px; font-weight: 600; line-height: 1.35; }
.mc .mc-post h3 a { color: var(--mc-ink); }
.mc-post h3 a::after { content: ""; position: absolute; inset: 0; }
.mc-post p { flex: 1; margin-bottom: 18px; color: var(--mc-muted); font-size: 14px; line-height: 1.65; }
.mc-post__go { display: inline-flex; align-items: center; gap: 6px; color: var(--mc-accent); font-size: 14px; font-weight: 600; }
.mc-post__go .mc-i { width: 16px; height: 16px; transition: transform .2s; }
.mc-post:hover .mc-post__go .mc-i { transform: translateX(4px); }
.mc-sec-head { margin-bottom: 56px; }
.mc-sec-head .mc-eyebrow { margin-bottom: 16px; }

@media (max-width: 1023.98px) {
    .mc-pks, .mc-tsts, .mc-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mc-custom__in { grid-template-columns: minmax(0, 1fr); }
    .mc-custom { padding: 36px; }
    .mc-custom::before { background: linear-gradient(180deg, rgba(5, 5, 5, .92), rgba(5, 5, 5, .78)); }
}
@media (max-width: 767.98px) {
    .mc-bars { flex-direction: column; margin-top: 26px; }
    .mc-seg { display: flex; width: 100%; max-width: 420px; }
    .mc .mc-seg button { flex: 1; justify-content: center; padding: 0 10px; font-size: 13px; }
    .mc-seg small { display: none; }
    .mc-pks, .mc-tsts, .mc-posts, .mc-vids { grid-template-columns: minmax(0, 1fr); }
    .mc-pks { max-width: 480px; margin: 0 auto; gap: 32px; }
    .mc-pk, .mc-tst { padding: 24px; }
    .mc-custom { padding: 28px 20px; border-radius: 24px; }
    .mc-custom__grid { grid-template-columns: minmax(0, 1fr); }
    .mc-vid__box { border-radius: 20px; }
    .mc-vid__btn > span { width: 60px; height: 60px; }
    .mc--rust .mc-float--b { top: auto; bottom: 24px; }
}