/* Oyun sunucusu kiralama satış sayfası */
.ok-packs{padding-bottom:30px}
.ok-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ok-toolbar h2{margin:10px 0 0;color:#202d61;font:800 clamp(26px,3vw,36px)/1.15 Manrope,sans-serif}
.ok-period{display:inline-flex;gap:4px;padding:5px;border-radius:14px;background:#eef1fb;border:1px solid rgba(32,45,97,.1)}
.ok-period button{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;border:0;border-radius:10px;background:transparent;color:#4a5578;font:800 13.5px Manrope,sans-serif;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.ok-period button small{padding:2px 7px;border-radius:99px;background:rgba(243,108,79,.14);color:#d2492d;font:800 10.5px Manrope,sans-serif}
.ok-period button[aria-checked="true"]{background:#202d61;color:#fff;box-shadow:0 8px 18px rgba(32,45,97,.25)}
.ok-period button[aria-checked="true"] small{background:rgba(255,255,255,.18);color:#fff}
.ok-vat{margin:12px 0 4px;color:#6b7390;font-size:13.5px}

.ok-group{margin-top:34px}
.ok-group-head{display:flex;align-items:baseline;gap:6px 18px;flex-wrap:wrap;margin-bottom:14px}
.ok-group-head h3{margin:0;color:#202d61;font:800 22px/1.2 Manrope,sans-serif}
.ok-group-head p{margin:0;color:#5d6679;font-size:14.5px}
.ok-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.ok-card{position:relative;display:flex;flex-direction:column;padding:22px 22px 20px;border:1px solid rgba(32,45,97,.12);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(32,45,97,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}
.ok-card::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--ok-accent,#147fa7)}
.ok-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(32,45,97,.12)}
.ok-card.feat{border-color:var(--ok-accent,#f36c4f);box-shadow:0 16px 40px rgba(243,108,79,.14)}
.ok-tag{align-self:flex-start;padding:4px 10px;border-radius:99px;background:color-mix(in srgb,var(--ok-accent,#147fa7) 12%,#fff);color:var(--ok-accent,#147fa7);font:800 10.5px Manrope,sans-serif;letter-spacing:.1em}
.ok-card h4{margin:14px 0 4px;color:#202d61;font:800 24px/1.15 Manrope,sans-serif}
.ok-desc{margin:0 0 14px;min-height:38px;color:#697287;font-size:13.5px;line-height:1.5}
.ok-price{display:flex;align-items:baseline;gap:7px}
.ok-price b{color:#202d61;font:800 34px/1.1 Manrope,sans-serif}
.ok-price span{color:#6b7390;font:700 13.5px Manrope,sans-serif}
.ok-note{display:block;min-height:20px;margin:3px 0 14px;color:#8a93ab;font-size:12.5px}
.ok-card ul{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none;flex:1}
.ok-card li{position:relative;padding-left:20px;color:#454e63;font-size:13px;font-weight:600;line-height:1.5}
.ok-card li::before{content:"✓";position:absolute;left:0;top:0;color:var(--ok-accent,#147fa7);font-weight:900}
.ok-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;background:linear-gradient(105deg,#f36c4f,#e74879);color:#fff;font:800 14px Manrope,sans-serif;box-shadow:0 12px 26px rgba(234,75,105,.22);transition:transform .2s,filter .2s}
.ok-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.ok-btn.off{background:#e4e8f3;color:#7a849f;box-shadow:none;cursor:default}
.ok-btn.off:hover{transform:none;filter:none}
.ok-card.soon{opacity:.9}

.ok-trial{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-top:34px;padding:16px 20px;border-radius:16px;background:linear-gradient(120deg,#eef1fb,#f7ecf6);border:1px solid rgba(32,45,97,.1)}
.ok-trial b{color:#202d61;font:800 15px Manrope,sans-serif}
.ok-trial span{flex:1 1 260px;color:#4a5578;font-size:14px}
.ok-trial a{color:#d2492d;font:800 14px Manrope,sans-serif}

.ok-extras{display:grid;gap:10px;margin-top:6px}
.ok-extra{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-radius:14px;background:#fff;border:1px solid rgba(32,45,97,.1)}
.ok-extra b{display:block;color:#202d61;font:800 15px Manrope,sans-serif}
.ok-extra small{display:block;margin-top:3px;color:#6b7390;font-size:13px}
.ok-extra>span{flex:none;color:#202d61;font:800 16px Manrope,sans-serif;white-space:nowrap}

.ok-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ok-step{padding:22px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff}
.ok-step i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:12px;border-radius:50%;background:linear-gradient(105deg,#f36c4f,#e74879);font:800 15px Manrope,sans-serif;font-style:normal}
.ok-step b{display:block;margin-bottom:6px;font:800 17px Manrope,sans-serif}
.ok-step p{margin:0;color:rgba(255,255,255,.78);font-size:14.5px;line-height:1.6}

.ok-faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start}
.ok-faq-wrap h2{margin:10px 0 12px;color:#202d61;font:800 clamp(26px,3vw,34px)/1.15 Manrope,sans-serif}
.ok-faq-wrap p{color:#5d6679;line-height:1.7}
.ok-faq-wrap a{color:#d2492d;font-weight:800}
.ok-faq details{border-bottom:1px solid rgba(32,45,97,.12)}
.ok-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;color:#202d61;font:800 16px Manrope,sans-serif;cursor:pointer;list-style:none}
.ok-faq summary::-webkit-details-marker{display:none}
.ok-faq summary span{flex:none;color:#d2492d;font-size:22px;transition:transform .2s}
.ok-faq details[open] summary span{transform:rotate(45deg)}
.ok-faq details p{margin:0 0 18px;color:#5d6679;font-size:15px;line-height:1.7}

.public-cta .od-cta-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.public-cta .od-cta-actions .public-btn{width:auto;margin:0;min-height:54px;padding:0 24px;gap:10px;white-space:nowrap}
.public-cta .od-cta-actions .od-wa{background:#fff;color:#202d61}
.public-cta .od-cta-actions .od-discord{background:#5865f2;color:#fff;border:0}
.public-cta .od-cta-actions .public-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}

@media (max-width:900px){.ok-faq-wrap{grid-template-columns:1fr;gap:20px}.ok-steps{grid-template-columns:1fr}}
@media (max-width:760px){.public-cta .od-cta-actions{justify-content:stretch;width:100%}.public-cta .od-cta-actions .public-btn{flex:1 1 100%;justify-content:center}}
@media (max-width:600px){
  .ok-period{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .ok-period button{justify-content:center}
  .ok-grid{grid-template-columns:1fr}
  .ok-extra{flex-direction:column;align-items:flex-start;gap:6px}
}
@media (prefers-reduced-motion:reduce){.ok-card,.ok-btn,.ok-period button,.ok-faq summary span{transition:none}.ok-card:hover,.ok-btn:hover{transform:none}}

/* ürün sayfaları ve giriş sayfası (v20261110b) */
.ok-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;margin:0 0 14px;color:#6b7390;font:600 13px Manrope,sans-serif}
.ok-crumb a{color:#4a5578}
.ok-crumb a:hover{color:#d2492d}
.ok-crumb b{color:#202d61;font-weight:800}
.ok-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.ok-which{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.ok-why-card{position:relative;padding:22px 22px 20px;border-radius:18px;background:#fff;border:1px solid rgba(32,45,97,.1);box-shadow:0 10px 28px rgba(32,45,97,.05);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.ok-why-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(32,45,97,.1)}
.ok-why-card i{display:block;width:38px;height:4px;margin-bottom:14px;border-radius:3px;background:var(--ok-accent,#147fa7)}
.ok-why-card b{display:block;margin-bottom:7px;color:#202d61;font:800 17px/1.25 Manrope,sans-serif}
.ok-why-card p{margin:0;color:#5d6679;font-size:14.5px;line-height:1.65}
.ok-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.ok-mode{padding:18px 18px 16px;border-radius:16px;background:linear-gradient(160deg,#f7f8fd,#eef1fb);border:1px solid rgba(32,45,97,.1)}
.ok-mode b{display:block;margin-bottom:6px;color:#202d61;font:800 16px Manrope,sans-serif}
.ok-mode p{margin:0;color:#5d6679;font-size:13.5px;line-height:1.55}
.ok-prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.ok-prods-big{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.ok-prod{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 22px 18px;border-radius:20px;background:#fff;border:1px solid rgba(32,45,97,.12);box-shadow:0 12px 32px rgba(32,45,97,.06);color:#202d61;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ok-prod:hover{transform:translateY(-4px);border-color:var(--c,#202d61);box-shadow:0 20px 44px rgba(32,45,97,.12)}
.ok-prod i{display:grid;place-items:center;width:54px;height:54px;margin-bottom:8px;border-radius:15px;background:var(--c,#202d61);color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--c,#202d61) 36%,transparent);transition:transform .25s ease}
.ok-prod:hover i{transform:scale(1.07) rotate(-4deg)}
.ok-prod b{font:800 20px/1.2 Manrope,sans-serif}
.ok-prod small{flex:1;color:#5d6679;font:500 14px/1.55 Manrope,sans-serif}
.ok-prod span{margin-top:8px;color:var(--c,#d2492d);font:800 15px Manrope,sans-serif}
.ok-prod span em{display:inline-block;font-style:normal;transition:transform .2s}
.ok-prod:hover span em{transform:translateX(4px)}
.ok-related .section-intro p{max-width:420px}
@media (prefers-reduced-motion:reduce){.ok-why-card,.ok-prod,.ok-prod i,.ok-prod span em{transition:none}.ok-why-card:hover,.ok-prod:hover{transform:none}}