body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #121626;
    font-family: sans-serif
}

/* Sağ alt: yukarı kaydır (ok, kaydırınca görünür) */
.oc-float-top {
    position: fixed;
    right: 20px;
    bottom: 24px;
    z-index: 2000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border-radius: 999px;
    text-decoration: none !important;
    color: #e2e8f0 !important;
    background: rgba(15, 23, 42, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.28);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
    opacity: 0;
    pointer-events: none;
    transform: translateX(14px);
    transition: opacity 0.22s ease, transform 0.22s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.oc-float-top.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

.oc-float-top:hover {
    color: #fff !important;
    background: rgba(30, 41, 59, 0.96);
    border-color: rgba(16, 130, 197, 0.45);
}

.oc-float-top:focus-visible {
    outline: 2px solid rgba(16, 130, 197, 0.65);
    outline-offset: 3px;
}

.oc-float-top__icon {
    font-size: 18px;
    line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
    .oc-float-top,
    .oc-float-top.is-visible,
    .oc-float-top:hover {
        transition: none;
    }
}

@media (max-width: 767px) {
    .oc-float-top {
        right: 14px;
        bottom: 18px;
        width: 44px;
        height: 44px;
    }

    .oc-float-top__icon {
        font-size: 17px;
    }
}

/* Final navbar tuning: modern + theme consistent */
.nav_top.absolute {
    top: 50px !important;
}

.nav_top .bottom_header .navbar {
    background: linear-gradient(180deg,rgba(9,16,44,.94) 0%,rgba(8,14,38,.92) 100%) !important;
    border: 1px solid rgba(108,138,255,.22) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 28px rgba(3,8,24,.45) !important;
    backdrop-filter: blur(4px);
    padding: 10px 14px !important;
}

.nav_top .bottom_header #navbarToggler .navbar-nav {
    align-items: center;
}

.nav_top .bottom_header .navbar-nav .nav-item {
    margin-top: 0 !important;
}

.nav_top .bottom_header .navbar-nav .nav-item > .list-group-item {
    color: #f1f5ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .1px;
    text-transform: none !important;
    border-radius: 8px;
    padding: .62rem .85rem !important;
}

.nav_top:not(.onlycore-nav) .bottom_header .navbar-nav .nav-item > .list-group-item:hover {
    color: #ffffff !important;
    background: rgba(85,130,255,.16) !important;
}

.nav_top .bottom_header .navbar-nav .nav-item.active > .list-group-item {
    background: transparent !important;
    padding: .45rem .65rem !important;
}

.nav_top .bottom_header .navbar-nav .nav-item.active .nav-logo,
.nav_top .bottom_header .navbar-nav .nav-item.active .logo {
    width: auto !important;
    height: 52px !important;
    max-width: none !important;
    transform: none !important;
    position: static !important;
    display: block;
}

.nav-main-links .nav-mega-kurumsal {
    margin-left: 14px !important;
}

.nav-inline-dropdown .nav-inline-menu {
    top: calc(100% + 2px) !important;
    background: #0d1b4d !important;
    border: 1px solid rgba(124,152,255,.24) !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 28px rgba(3,9,30,.48) !important;
}

.nav-inline-dropdown .nav-inline-menu .dropdown-item {
    color: #e8efff !important;
    font-size: 13px;
}

.nav-inline-dropdown .nav-inline-menu .dropdown-item:hover {
    background: rgba(104,143,255,.2) !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .nav_top.absolute {
        top: 42px !important;
    }

    .nav_top .bottom_header .navbar {
        border-radius: 10px !important;
        padding: 6px 10px !important;
    }

    .nav_top .bottom_header .navbar-nav .nav-item.active .nav-logo,
    .nav_top .bottom_header .navbar-nav .nav-item.active .logo {
        height: 38px !important;
    }
}

/* Hard override: keep header/nav corners sharp on all pages */
.onlycore-site-header,
.onlycore-site-header .onlycore-top,
.onlycore-site-header .onlycore-top .container,
.onlycore-site-header .onlycore-nav,
.onlycore-site-header .onlycore-nav .bottom_header,
.onlycore-site-header .onlycore-nav .bottom_header .navbar,
.onlycore-site-header .onlycore-nav .bottom_header .navbar::before,
.onlycore-site-header .onlycore-nav .bottom_header .navbar::after,
.onlycore-site-header .onlycore-nav .bottom_header .navbar .container,
.onlycore-site-header #navbarToggler,
.onlycore-site-header .onlycore-nav .navbar-nav .nav-item > .list-group-item {
    border-radius: 0 !important;
}

/* Absolute hard reset for legacy navbar radius rules */
.nav_top .bottom_header .navbar,
.nav_top.newbar .bottom_header .navbar,
.nav_top.absolute .bottom_header .navbar,
.nav_top.newbar.absolute .bottom_header .navbar,
.onlycore-nav.nav_top .bottom_header .navbar,
.onlycore-nav.nav_top.newbar .bottom_header .navbar,
.onlycore-nav.nav_top.absolute .bottom_header .navbar,
.onlycore-nav.nav_top.newbar.absolute .bottom_header .navbar,
.onlycore-site-header .nav_top .bottom_header .navbar,
.onlycore-site-header .nav_top.newbar .bottom_header .navbar {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/* Navbar clean reset v3 */
.nav_top.absolute {
    top: 46px !important;
    background: transparent !important;
}

.nav_top .bottom_header .navbar {
    background: rgba(8,14,38,.84) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(116,148,255,.22) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: blur(3px);
    padding: 8px 0 !important;
}

.nav_top .bottom_header #navbarToggler,
.nav_top .bottom_header #navbarToggler .navbar-nav {
    align-items: center;
}

.nav_top .bottom_header #navbarToggler .nav-item {
    margin-top: 0 !important;
}

.nav_top .bottom_header #navbarToggler .nav-item.active {
    margin-right: 18px;
}

.nav_top .bottom_header #navbarToggler .nav-item.active > .list-group-item {
    padding: .2rem .25rem !important;
}

.nav_top .bottom_header #navbarToggler .nav-item.active .nav-logo,
.nav_top .bottom_header #navbarToggler .nav-item.active .logo {
    width: auto !important;
    height: 56px !important;
    max-width: none !important;
    transform: none !important;
    position: static !important;
    top: 0 !important;
}

.nav_top .bottom_header #navbarToggler .list-group-item {
    color: #eef3ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .1px;
    text-transform: none !important;
    border-radius: 6px;
    padding: .62rem .9rem !important;
}

.nav_top:not(.onlycore-nav) .bottom_header #navbarToggler .list-group-item:hover {
    color: #ffffff !important;
    background: rgba(90,130,255,.16) !important;
}

.nav-main-links .nav-mega-kurumsal {
    margin-left: 18px !important;
}

.nav-inline-dropdown .nav-inline-menu {
    top: calc(100% + 1px) !important;
    left: 0 !important;
    background: #0b1742 !important;
    border: 1px solid rgba(125,156,255,.26) !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 30px rgba(3,9,30,.46) !important;
    padding: 6px !important;
}

.nav-inline-dropdown .nav-inline-menu .dropdown-item {
    color: #e8efff !important;
    font-size: 13px !important;
    font-weight: 600;
    border-radius: 7px;
    padding: 8px 10px !important;
}

.nav-inline-dropdown .nav-inline-menu .dropdown-item:hover {
    color: #fff !important;
    background: rgba(100,140,255,.2) !important;
}

@media (max-width: 767px) {
    .nav_top.absolute {
        top: 42px !important;
    }

    .nav_top .bottom_header .navbar {
        border-radius: 0 !important;
        padding: 6px 0 !important;
    }

    .nav_top .bottom_header #navbarToggler .nav-item.active {
        margin-right: 0;
    }

    .nav_top .bottom_header #navbarToggler .nav-item.active .nav-logo,
    .nav_top .bottom_header #navbarToggler .nav-item.active .logo {
        height: 36px !important;
    }

    .nav-main-links .nav-mega-kurumsal {
        margin-left: 0 !important;
    }
}

/* Newbar v1 - clean modern header */
.top-info-strip {
    background: #f2f4f8;
    border-bottom: 1px solid #dfe4ec;
}

.top-info-inner {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-info-left {
    display: inline-block;
    max-width: 420px;
    overflow: hidden;
    white-space: nowrap;
    color: #5a6477;
    font-size: 12px;
    font-weight: 500;
}

.top-info-left .top-info-scroll {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: promo-marquee 12s linear infinite;
}

.top-info-right {
    display: flex;
    align-items: center;
    gap: 14px;
}

.top-info-right a {
    color: #5a6477;
    font-size: 12px;
    text-decoration: none;
}

.top-info-right a i {
    margin-right: 5px;
}

.nav_top.newbar.absolute {
    top: 34px !important;
    position: absolute;
    z-index: 1200;
}

.nav_top.newbar .bottom_header .navbar {
    background: #ffffff !important;
    border: 1px solid #e3e8f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(17,30,60,.12) !important;
    padding: 8px 14px !important;
}

.nav_top.newbar .nav-main-links {
    align-items: center;
}

.nav_top.newbar .nav-main-links .nav-item {
    margin-top: 0 !important;
}

.nav_top.newbar .nav-main-links .nav-item > .list-group-item {
    color: #1f2b45 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    border-radius: 8px;
    padding: .62rem .85rem !important;
}

.nav_top.newbar:not(.onlycore-nav) .nav-main-links .nav-item > .list-group-item:hover {
    color: #123d9b !important;
    background: rgba(27,78,190,.08) !important;
}

.nav_top.newbar .nav-main-links .nav-item.active {
    margin-right: 12px;
}

.nav_top.newbar .nav-main-links .nav-item.active > .list-group-item {
    padding: .2rem .35rem !important;
}

.nav_top.newbar .nav-main-links .nav-item.active .nav-logo {
    height: 50px !important;
    width: auto !important;
    transform: none !important;
    top: 0 !important;
}

.nav_top.newbar .nav-main-links .nav-mega-kurumsal {
    margin-left: 10px !important;
}

.nav_top.newbar .nav-inline-dropdown .nav-inline-menu {
    top: calc(100% + 4px) !important;
    background: #ffffff !important;
    border: 1px solid #dde3ee !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 26px rgba(18,31,62,.16) !important;
}

.nav_top.newbar .nav-inline-dropdown .nav-inline-menu .dropdown-item {
    color: #253353 !important;
    font-size: 13px !important;
    font-weight: 600;
    border-radius: 8px;
}

.nav_top.newbar .nav-inline-dropdown .nav-inline-menu .dropdown-item:hover {
    color: #163f97 !important;
    background: rgba(28,88,202,.1) !important;
}

.nav_top.newbar .nav-auth-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.nav_top.newbar .nav-auth-actions .nav-item {
    margin-top: 0 !important;
}

.nav_top.newbar .nav-auth-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 36px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #c9d3e5;
    color: #223255;
    background: #fff;
}

.nav_top.newbar .nav-auth-register {
    background: #103d9e;
    border-color: #103d9e;
    color: #fff;
}

.nav_top.newbar .nav-auth-login:hover {
    background: #f5f8fe;
}

.nav_top.newbar .nav-auth-register:hover {
    background: #0d357f;
}

@media (max-width: 991px) {
    .top-info-inner {
        min-height: 30px;
        justify-content: center;
    }

    .top-info-right {
        display: none;
    }

    .top-info-left {
        max-width: 100%;
    }

    .top-info-left .top-info-scroll {
        animation: none;
        padding-left: 0;
    }

    .nav_top.newbar.absolute {
        top: 30px !important;
    }

    .nav_top.newbar .bottom_header .navbar {
        border-radius: 8px !important;
        padding: 6px 8px !important;
    }

    .nav_top.newbar .nav-auth-actions {
        margin-top: 8px;
    }

    .nav_top.newbar .nav-main-links .nav-item.active .nav-logo {
        height: 38px !important;
    }
}

/* Final calm navbar theme (eye-friendly) */
.top-info-strip {
    background: #e9edf3 !important;
    border-bottom: 1px solid #d7dee9 !important;
}

.top-info-left,
.top-info-right a {
    color: #4b5568 !important;
}

.nav_top.newbar.absolute {
    top: 34px !important;
}

.nav_top.newbar .bottom_header .navbar {
    background: rgba(17,24,39,.9) !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(2,8,23,.34) !important;
    padding: 9px 14px !important;
}

.nav_top.newbar .nav-main-links .nav-item > .list-group-item {
    color: #e5e7eb !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: .58rem .82rem !important;
}

.nav_top.newbar .nav-main-links .nav-item > .list-group-item:hover {
    color: #ffffff !important;
    background: rgba(148,163,184,.18) !important;
}

/* OnlyCore newbar: üzerine gelince arka plan yok (navbar ile aynı) */
.nav_top.newbar.onlycore-nav .nav-main-links .nav-item > .list-group-item:hover,
.nav_top.newbar.onlycore-nav .nav-auth-actions .nav-item > .list-group-item:hover,
.nav_top.newbar.onlycore-nav .navbar-nav .nav-item:hover {
    background: transparent !important;
    background-color: transparent !important;
}

.nav_top.newbar .nav-main-links .nav-item.active > .list-group-item:hover {
    background: transparent !important;
    box-shadow: none !important;
}

.nav_top.newbar .nav-main-links .nav-item.active .nav-logo {
    height: 52px !important;
}

.nav_top.newbar .nav-inline-dropdown .nav-inline-menu {
    background: #111827 !important;
    border: 1px solid rgba(148,163,184,.26) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 28px rgba(2,8,23,.46) !important;
    top: calc(100% + 2px) !important;
}

.nav_top.newbar .nav-inline-dropdown .nav-inline-menu .dropdown-item {
    color: #e5e7eb !important;
    border-radius: 8px !important;
}

.nav_top.newbar .nav-inline-dropdown .nav-inline-menu .dropdown-item:hover {
    color: #ffffff !important;
    background: rgba(99,102,241,.22) !important;
}

.nav_top.newbar .nav-auth-btn {
    border-radius: 8px !important;
    border-color: rgba(148,163,184,.45) !important;
    color: #e5e7eb !important;
    background: transparent !important;
}

.nav_top.newbar .nav-auth-login:hover {
    background: rgba(148,163,184,.16) !important;
}

.nav_top.newbar .nav-auth-register {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

.nav_top.newbar .nav-auth-register:hover {
    background: #1d4ed8 !important;
}

@media (max-width: 991px) {
    .nav_top.newbar .bottom_header .navbar {
        border-radius: 10px !important;
        padding: 7px 10px !important;
    }
}

/* Force-disable logo hover box effect */
.nav_top.newbar .nav-main-links .nav-item.active > .list-group-item,
.nav_top.newbar .nav-main-links .nav-item.active > .list-group-item:hover,
.nav_top.newbar .nav-main-links .nav-item.active > .list-group-item:focus,
.nav_top.newbar .nav-main-links .nav-item.active > .list-group-item:active {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* Modern navbar refresh (clean, light, theme-safe) */
.nav_top.absolute {
    top: 52px;
    z-index: 1200;
}

.nav_top .bottom_header .navbar {
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(12,24,66,.12);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(4,10,28,.22);
    padding: 8px 16px;
    backdrop-filter: blur(6px);
}

.nav_top .bottom_header .navbar-nav .nav-item {
    margin-top: 0 !important;
}

.nav_top .bottom_header .navbar-nav .nav-item > .list-group-item {
    color: #1a2442 !important;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    padding: .62rem .9rem;
    border-radius: 10px;
}

.nav_top:not(.onlycore-nav) .bottom_header .navbar-nav .nav-item > .list-group-item:hover {
    color: #0f4fd3 !important;
    background: rgba(16,82,214,.08);
}

.nav_top .bottom_header .navbar-nav .nav-item.active > .list-group-item {
    padding: .45rem .75rem;
}

.nav_top .bottom_header .navbar-nav .nav-item.active .nav-logo {
    width: auto !important;
    height: 50px !important;
    transform: none !important;
    top: 0 !important;
}

.nav-main-links .nav-mega-kurumsal {
    margin-left: 10px;
}

.nav-inline-dropdown .nav-inline-menu {
    top: calc(100% + 4px) !important;
    background: #ffffff;
    border: 1px solid rgba(19,37,96,.14);
    border-radius: 12px;
    box-shadow: 0 14px 30px rgba(7,17,48,.16);
    padding: 6px;
}

.nav-inline-dropdown .nav-inline-menu .dropdown-item {
    color: #1f2a48;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    padding: 8px 10px;
}

.nav-inline-dropdown .nav-inline-menu .dropdown-item:hover {
    color: #0f4fd3;
    background: rgba(16,82,214,.08);
}

@media (max-width: 991px) {
    .nav_top.absolute {
        top: 44px;
    }

    .nav_top .bottom_header .navbar {
        border-radius: 10px;
        padding: 6px 10px;
    }

    .nav_top .bottom_header .navbar-nav .nav-item.active .nav-logo {
        height: 40px !important;
    }
}

@font-face {
    font-family: "fontawesome";
    font-style: normal;
    font-display: swap;
    src: url('https://vibegames.com/assets/webfonts/fa-solid-900.woff2') format('woff2');
    font-weight: 900;
}

.order_container .flag .country {
    background: #181d32
}

.faq .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: rgb(14 16 28);
    border-bottom: 1px solid rgb(255 255 255/9%)
}

.faq .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #0e101c;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.faq .btn-link {
    font-weight: 400;
    color: #fff;
    font-weight: 600;
    text-decoration: none
}

.faq .btn-link:hover {
    color: #fff;
    text-decoration: underline
}

h4.dedicated {
    background: #bd1818;
    color: #fff;
    width: 150px;
    text-align: center;
    border-radius: 10px;
    padding: 5px;
    font-size: 22px;
    font-weight: 600
}

.order-area .section-header {
    align-items: baseline;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: initial
}

.order-area .section-header-num {
    align-items: center;
    background-color: #1082c5;
    border-radius: 50px;
    color: #fff;
    display: inline-flex;
    font-size: 24px;
    font-weight: 600;
    height: 38px;
    justify-content: center;
    width: 38px
}

.order-area .section-header-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-left: 16px;
    width: calc(100% - 54px)
}

.pt-ribbon-wrapper {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 87px;
    height: 87px
}

.cart {
    min-height: 200px;
    background: #090a12;
    margin: 50px;
    position: relative;
    border-radius: 5px
}

.cart .title {
    text-align: center;
    font-size: 25px;
    position: relative;
    border-bottom: 1px solid #242424;
    width: 70%;
    padding: 10px;
    margin: auto
}

.pt-ribbon-wrapper .pt-ribbon {
    text-align: center;
    position: relative;
    height: 40px;
    top: 4px;
    left: -3px;
    width: 126px;
    background-color: #9b1a1a;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 45px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s
}

.pricing-table:hover .pt-ribbon {
    background-color: #fff;
    color: #8ab71b
}

.order_container .flag {
    border: 3px solid #181d32
}

.pricing-item .free-week {
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    padding: 15px
}

.pricing-item .new-price {
    font-size: 25px;
    margin: 0;
    padding: 0;
    float: left;
    margin-left: 11px;
    position: relative;
    margin-top: 12px
}

.pricing-item .old-price {
    position: relative;
    padding: 0;
    margin: 0;
    float: left
}

.dedi .old-price {
    position: relative;
    padding: 0;
    margin: 0;
    float: left
}

.dedi .old-price::before {
    top: 50%;
    background: red;
    opacity: .7;
    content: "";
    width: 110%;
    position: absolute;
    height: .1em;
    border-radius: .1em;
    left: -5%;
    white-space: nowrap;
    display: block;
    transform: rotate(-15deg)
}

.pricing-item .old-price::before {
    top: 50%;
    background: red;
    opacity: .7;
    content: "";
    width: 110%;
    position: absolute;
    height: .1em;
    border-radius: .1em;
    left: -5%;
    white-space: nowrap;
    display: block;
    transform: rotate(-15deg)
}

.form-control:disabled,.form-control[readonly] {
    background-color: #090a12;
    opacity: 1
}

.form-control:focus {
    color: #fff;
    background-color: #242424;
    border-color: #1082c5;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(16 130 197/79%)
}

.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(0,0,0,.075)
}

#accordion {
    padding: 50px 0
}

.divider p {
    text-align: center;
    width: 100%;
    margin: 0
}

a#game-box:hover {
    color: #020202
}

.game-background .product_top.fivem h2 {
    padding-top: 40px;
    color: #fff;
    font-weight: 700;
    font-size: 70px;
    text-shadow: 0 4px 4px rgb(34 34 34/75%)
}

.game-background .product_top.fivem p {
    color: #fff
}

.game-background .vertical_items h2 {
    color: #fff
}

.game-background .vertical_items p {
    color: #fff
}

.game-background .vertical_items {
    margin-top: 70px;
    position: relative
}

.game-background .pricing-body>div {
    color: #fff
}

.game-background .pricing-item {
    background: #000000bf
}

.game-background .btn-dark {
    background: #40404052;
    border-color: #40404052
}

.game-background .row.games {
    margin-bottom: 30px
}

.game-background .pricing-head {
    background-color: #31313154
}

.avatar.avatar-md-sm {
    height: 45px;
    border-radius: 6px;
    border: 3px solid #fff
}

.server_box.upgrade a:hover {
    text-decoration: none
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.bg-primary,.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary.active,.btn-outline-primary.focus,.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-soft-primary:hover,.btn-soft-primary:focus,.btn-soft-primary:active,.btn-soft-primary.active,.btn-soft-primary.focus,.badge-primary,.pagination .page-item.active .page-link,.custom-control-input:checked~.custom-control-label:before,.social-icon li a:hover,::selection,#topnav .navbar-toggle.open span:hover,.services:hover.serv-primary,.watch-video a .play-icon-circle,.pricing.hosting-rate:hover .plan-name,.tns-nav button.tns-nav-active,.sidebar .widget .tagcloud>a:hover,.ribbon.ribbon-primary span,.nav-pills .nav-link.active {
    background-color: #0f82c5!important
}

.nav-pills .nav-link.active {
    background: #0e101c;
    color: #fff!important
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d6efd
}

.nav-pills .nav-link {
    color: #fff!important;
    padding: 5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.nav-pills .nav-link {
    background: #8080801f;
    border: 0;
    border-radius: .25rem;
    margin: 4px
}

.rounded {
    border-radius: 5px!important
}

.rounded {
    border-radius: .25rem!important
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;
}

.option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-align: center;
    padding: 10px;
    border: 2px solid #141414;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.option .option-control {
    width: 2.7rem;
    padding-top: 0.1rem;
}

.option .option-control .kt-radio {
    display: block;
}

.option .option-label {
    width: 100%;
}

.option .option-label .option-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.option .option-label .option-head .option-title {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    margin: auto;
    margin-top: -2px;
}

.option .option-label .option-head .option-focus {
    font-size: 1.1rem;
    font-weight: 600;
    color: #181c32;
}

.option .option-label .option-body {
    display: block;
    padding-top: 0.7rem;
    font-size: 0.9rem;
    color: #b2b2b2;
    font-weight: 400;
}

.option.option-plain {
    border: 0;
    padding: 0;
    margin-top: -0.2rem;
    margin-bottom: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.option.option-plain .option-control {
    vertical-align: middle;
    width: 2.7rem;
}

.option.option-plain .option-control .radio {
    margin-bottom: 1.6rem;
}

.option.option-plain .option-label .option-body {
    padding-top: 0.2rem;
}

.row.justify-content-md-center #accordion h2 {
    margin-top: 0;
}

.btn-link {
    font-weight: 400;
    color: #343a40;
    text-decoration: none;
}

.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: rgb(255 255 255);
    border-bottom: 1px solid rgba(0,0,0,0.125);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.welcome {
    text-align: center;
    color: white;
    padding-bottom: 45px;
    background: linear-gradient(rgb(24,28,48) 0%,rgb(17,20,35) 100%);
}

.bottom h2 {
    font-size: 16px !important;
}

h1.title {
    display: none;
    color: #404040;
    text-align: center;
    padding-top: 10px;
}

.welcome .welcome-box img {
    max-width: 188px;
}

.welcome .welcome-box {
    position: relative;
    margin-top: 25px;
}

.welcome .welcome-box h3 {
    font-size: 40px;
}

.welcome .welcome-box p {
    max-width: 515px;
    text-align: center;
    font-size: 16px;
    position: relative;
    margin: auto !important;
}

.welcome .welcome-box button {
    position: relative;
    background: 0;
    border: 2px solid #1082c5;
    color: white;
    font-size: 20px;
    margin: 10px 0;
    background: #1082c5;
    border-radius: 7px;
    font-weight: 400;
    padding: 2px 10px 3px 10px;
}

.welcome .welcome-box button.btn-danger {
    color: #fff;
    background: #5d181e;
    border-color: #c50013;
}

.btn-danger {
    color: #fff;
    background: #5d181e;
    border-color: #c50013;
}

.footer h1 {
    font-size: 25px;
}

.footer a {
    font-size: 16px;
    color: white;
    text-decoration: none;
    background-color: transparent;
}

.footer a:hover {
    color: black;
    text-decoration: none;
    background-color: transparent;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.auto-renew label,.auto-renew input {
    cursor: pointer;
}

.usage h3 {
    padding-top: 5px;
}

.auto-renew {
    position: absolute;
    top: 33px;
    z-index: 1;
    left: 18px;
    background: #141414;
    padding: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}

.server_box .center {
    text-align: center;
    border-top: 1px solid #e8e8e8;
    padding-top: 12px;
}

.server_box .center h3 {
    color: #ffffff;
}

.renew-failed {
    color: red;
    text-align: center;
    font-weight: 600;
}

button.green {
    background: #1082c5;
    border: 1px solid #1082c5;
}

.btn.btn-success.full {
    width: 100%;
    border-color: #81cd24;
    background: #81cd24;
}

h2.ads {
    text-align: center;
    background: red;
    color: #fff;
    font-size: 18px;
    padding: 8px;
}

.server_box .credit p.title {
    text-align: center;
    margin-top: 40px;
    font-size: 21px;
}

.server_box .credit h3 {
    text-align: center;
}

.server_box .credit .money h3 p {
    display: inline;
}

.points h2 {
    color: #fff;
    text-align: center;
    padding: 5px;
}

h2.center {
    text-align: center;
}

.price-box {
    display: none;
}

.inner {
    padding: 15px;
}

li.link {
    text-align: center;
    cursor: pointer;
}

li.link:hover {
    background: #000;
    color: #fff;
}

.navbar.dark {
    background: #090a12;
    border-top: 2px solid #121626;
    border-bottom: 3px solid #1082c5;
}

.terms {
    padding-left: 30px;
    padding-right: 30px;
}

.terms h4 {
    color: #1082c5;
    margin-top: 30px;
    position: relative;
}

.terms ul {
    list-style-type: none;
}

.terms ul li {
}

.table.table-bordered thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #000;
}

.table.table-bordered td,.table.table-bordered th {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.navbar.dark .nav-item:hover {
    background: #1082c5;
}

.navbar.dark .navbar-brand {
    position: relative;
    margin: 0 0px 0 50px;
    padding-right: 10px;
    line-height: 44px;
}

.navbar.dark a {
    color: #fff;
}

.navbar.dark .nav-item.active {
    background: #1082c5;
}

.navbar.dark .nav-item {
    position: relative;
    cursor: pointer;
    height: 57px;
    line-height: 41px;
}

.discord-alert {
    text-align: center;
    color: #fff;
    background: #ad0e0e;
    font-size: 27px;
    padding: 12px;
}

.games .fa.fa-circle {
    color: #81cd24;
    margin-left: 2px;
    top: 1px;
    position: relative;
}

.games .fa.fa-circle.red {
    color: red;
}

.games .fa.fa-circle.black {
    color: #000;
}

button.game-choose {
    background: #81cd24;
    border: 3px solid #64a218;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 30px;
    margin-bottom: 15px;
    position: relative;
    display: none;
}

.positives img {
    width: auto;
    max-width: 386px;
    top: 50%;
    position: relative;
    ; left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.positives .row {
    padding-bottom: 25px;
    padding-top: 25px;
}

.positives .gray {
    background: #0e101c;
}

.prices {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 50px;
    top: 12px;
}

.game-box {
    background: #090a12;
    border-radius: 12px;
    margin-top: 18px;
    border: 0;
    position: relative;
    box-shadow: 0 10px 24px rgba(4,10,28,.22);
    cursor: pointer;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    will-change: transform;
    overflow: hidden;
}

.oc-games-wide {
    max-width: 1760px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

.fake-game-box {
    background: #121626;
    border-radius: 5px;
    margin-top: 30px;
    border: 3px solid #062d44;
    position: relative;
    height: 380px;
    border-style: dotted;
}

.game-box .overlay {
    background: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    display: none !important;
}

.game-box .bottom {
    position: relative;
    height: 40px;
}

.game-box .bottom p.status {
    float: right;
    padding: 9px 9px 0 0;
}

.game-box .bottom p.plan {
    float: left;
    padding: 9px 0 0 9px;
}

#ErrorPage {
    display: table;
    padding: 50px;
    height: 100%;
    margin: 0 auto;
    margin-top: -10px;
    width: 100%;
    font-size: 1.9vw;
    font-family: calibri,candara,segoe,segoe ui,optima,arial,sans-serif;
    background: #595959c7;
    color: #fefeff;
    margin: 0;
}

#ErrorPage h5 p {
    font-size: 35px;
}

#ErrorPage #container {
    vertical-align: middle;
}

#ErrorPage h1,#ErrorPage h2,#ErrorPage h3,#ErrorPage h4,#ErrorPage h5 {
    font-weight: 400;
    padding: 0;
    margin: 25px 0;
    margin-top: 0;
    font-weight: 300;
}

#ErrorPage h1 {
    font-size: 148px;
    margin-bottom: 10px;
}

#ErrorPage h2 {
    font-size: 35px;
    color: #fff;
}

#ErrorPage h4 {
    font-size: 27px;
    line-height: 1.5em;
}

#ErrorPage h5 {
    line-height: 1.1em;
    font-size: 27px;
}

#ErrorPage #details {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    padding-top: 10px;
}

#ErrorPage #qr {
    flex: 0 1 auto;
}

#ErrorPage #image {
    background: #fff;
    padding: 5px;
    line-height: 0;
}

#ErrorPage #image img {
    width: 250px;
    height: 250px;
}

#ErrorPage #stopcode {
    padding-left: 25px;
    flex: 1 1 auto;
}

.game-box:hover>.img>#overlay {
    display: none !important;
}

.game-box:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 14px 30px rgba(3,9,30,.48) !important;
}

.game-box .overlay button {
    position: absolute;
    right: 0;
    left: 0;
    width: 50%;
    margin: auto;
    top: 60px;
    border: 2px solid #4599cb;
    color: #fff;
    background: #1082c5;
    padding: 6px;
    border-radius: 5px;
}

.game-box img {
    width: 100%;
    transition: transform .25s ease;
    height: 100%;
    object-fit: cover;
    display: block;
}

.game-box:hover img {
    transform: scale(1.04);
}

/* Hover’da overlay içindeki "Seç" butonunun görünmemesi */
.game-box .overlay button {
    opacity: 0;
    pointer-events: none;
}

.game-box .img {
    position: relative;
    /* vibegames benzeri: daha yatay dikdörtgen */
    aspect-ratio: 21 / 15;
    height: auto;
}

.game-box .img:after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to top, rgba(3, 8, 21, 0.72) 8%, rgba(3, 8, 21, 0.38) 45%, rgba(3, 8, 21, 0.08) 76%),
        linear-gradient(to right, rgba(2, 6, 17, 0.10), rgba(2, 6, 17, 0.03));
    opacity: .22;
    transition: opacity .25s ease;
    pointer-events: none;
}

.game-box:hover .img:after {
    opacity: .28;
}

.game-box .title {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 30px;
    z-index: 2;
    text-align: left;
    font-size: 17px;
    padding: 0;
    font-weight: 800;
    color: #fff;
    background: transparent;
    text-shadow: 0 10px 20px rgba(0,0,0,.45);
}

.game-box .price {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 12px;
    z-index: 2;
    text-align: left;
    font-size: 12px;
    color: #dbeafe;
    padding: 0;
    text-shadow: 0 10px 20px rgba(0,0,0,.45);
}

.game-box .price strong {
    color: #22c55e;
    font-weight: 700;
}

@media screen and (max-width: 991px) {
    .game-box .img {
        aspect-ratio: 16 / 8;
    }

    .game-box .title {
        font-size: 16px;
        bottom: 32px;
    }
}

form#panelPassword {
    width: 50%;
    height: 40px;
    position: relative;
    float: right;
    border-left: 2px solid #664480;
    border-radius: 0;
    margin-top: -5px;
}

form#panelPassword .form-group {
    height: 100%;
}

form#panelPassword button:focus {
    outline: 0;
}

form#panelPassword button:hover {
    background: #60a20f;
}

form#panelPassword button {
    width: 40%;
    float: right;
    background: #81cd24;
    margin: 0;
    border: 0;
    height: 100%;
}

form#panelPassword input {
    width: 60%;
    float: left;
    position: relative;
    border: 0;
}

.os_choose {
}

.discount_code.red {
    color: red;
}

.ping {
    position: absolute;
    background: #fff;
    color: white;
    left: 5px;
    font-size: 12px;
    top: 5px;
    border-radius: 5px;
    background: #151328;
    padding: 5px;
}

.os_title {
    color: #444;
    font-weight: 600;
    padding: 14px 0 5px 3px;
}

nav a:hover {
    color: #0056b3;
    text-decoration: none;
}

.os_choose h3 {
    color: #404040;
    text-align: center;
    margin: 5px 0 10px;
}

.dark {
    background-color: #f5f7fa;
    padding: 10px;
}

.card-control__item-inner:after {
    position: absolute;
    width: 24px;
    height: 24px;
    border: 2px solid #c6d4e0;
    border-radius: 24px;
    background-color: #f5f7fa;
    background-position: 50%;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    content: "";
    pointer-events: none;
    top: 10px;
    right: 10px;
}

.os_box h2 {
    color: #81cd24;
    text-align: center;
    font-size: 17px;
    border-top: 2px solid #313131;
    padding: 6px 0 0 0;
}

.os_box {
    border: 2px solid #121626;
    height: 177px;
    position: relative;
    margin-bottom: 30px;
    background: #090a12;
    cursor: pointer;
}

.os_box.selected {
    border: 2px solid #1082c5;
    box-shadow: 0 10px 30px rgb(0 0 0 / 25%),0 0 0 1px #1082c5;
}

.os_box.selected .bottom select {
    border-top: 2px solid #141414;
    background-color: #141414;
    color: #fff;
}

.os_box .bottom {
    bottom: 0;
    position: absolute;
    width: 100%;
}

.os_box .bottom select {
    width: 100%;
    border: 0;
    padding: 5px;
    font-size: 13px;
    height: 40px;
    border-radius: 0;
    border-top: 2px solid #121626;
}

.os_box .top {
    height: 120px;
    text-align: center;
    top: 20px;
}

.os_box .top img {
    top: 15px;
    position: relative;
}

.os_box.selected .card-control__item-inner:after {
    border-color: #1082c5;
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PHBhdGggZmlsbD0nIzAwZGE2YicgZD0nTTEyIDI4LjdsLTEyLTEyTDUuNyAxMWw2LjMgNi4zTDI2LjMgMyAzMiA4Ljd6Jy8+PC9zdmc+);
}

.uptime h3 {
    margin: 0;
}

.uptime p {
    margin: 0;
}

.uptime p a {
    text-decoration: underline;
    color: #fff;
}

.pro-support-desc {
    color: gray;
    font-size: 14px;
    float: right;
    margin-left: 5px;
    margin-top: 2px;
    cursor: pointer;
}

.pro-support-desc:hover {
    text-decoration: underline;
}

.uptime {
    background: #1db71d;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.uptime.error {
    background: #c31a1a;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    position: relative;
    margin: 0;
    height: 100%;
    padding-top: 12px;
}

.dropdown-item {
    cursor: pointer;
}

.navbar-light .navbar-nav .nav-link:hover {
    background: #2f2f2f;
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus {
    background: #2f2f2f;
    color: #fff;
}

table button {
    margin: auto;
    font-weight: 500;
    height: 38px;
    font-size: 17px !important;
    border-radius: 5px;
    padding: 0px 10px 0 10px !important;
}

.dedi table a:hover {
    text-decoration: none !important;
}

.dedi .table td,.dedi .table th {
    padding: 10px;
}

.yourvm .btn-primary {
    color: #fff;
    background-color: #404040;
    border-color: #404040;
}

.yourvm .btn-primary:hover {
    color: #fff;
    background-color: #242424;
    border-color: #404040;
}

.yourvm .btn-primary:not(:disabled):not(.disabled).active:focus,.yourvm .btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(20 20 20);
}

.yourvm .btn-primary:not(:disabled):not(.disabled).active,.yourvm .btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #242424;
    border-color: #404040;
}

.yourvm .popin {
    width: 100%;
}

.yourvm a {
    color: #ffffff;
}

.yourvm .table th {
    border-top: 0;
}

.yourvm table .col-sm-9 {
    padding: 0;
}

.yourvm h3 {
    text-align: center;
    color: #ffffff;
    border-bottom: 3px solid #313131;
    padding-bottom: 10px;
}

.yourvm .panel-title {
    border-bottom: 3px solid #313131;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 27px;
}

.yourvm .resource-box.top {
    margin-top: 30px;
}

.yourvm button.btn.right {
    font-size: 12px;
    padding: 2px 5px;
    height: 100%;
    float: right;
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.yourvm button.btn.top {
    font-size: 17px;
    padding: 5px;
    height: 100%;
    margin: 0;
    top: 7px;
}

#reloadVNC {
    text-align: center;
    float: right;
    padding: 5px 10px;
    font-size: 13px;
    margin-bottom: 10px;
}

#ip-firewall p {
    text-align: center;
    font-size: 20px;
}

#bandwidth .panel-body img {
    max-width: 100%;
}

#ip-firewall .enable-button {
    text-align: center;
    float: none;
    margin: auto;
    padding: 5px 10px;
    font-size: 13px;
}

#ip-firewall .ip.table-responsive {
    background: #313131;
    padding: 14px;
    border-radius: 5px;
    margin-bottom: 17px;
}

#ip-firewall .ip.table-responsive th {
    background: #313131;
    font-size: 14px;
    border-bottom: 1px solid #fff;
}

#ip-firewall .ip.table-responsive td {
    background: #313131;
    font-size: 12px;
    border-bottom: 1px solid #fff;
}

#ip-firewall .saveRule {
    text-align: center;
    float: left;
    padding: 5px 10px;
    font-size: 13px;
}

.yourvm .resource-box {
    width: 100%;
    height: 100px;
    background: rgb(14 16 28);
    text-align: left;
    border: 1px solid rgb(9 10 18);
    border-radius: 5px;
    box-shadow: 0 1px 3px -1px #000000;
    margin-bottom: 20px;
}

.yourvm .resource-box p.title {
    color: white;
    position: relative;
    font-size: 15px;
    text-align: left;
    margin: 16px 0 0 20px;
}

.yourvm .resource-box p.value {
    color: #ffffff;
    position: relative;
    font-size: 30px;
    margin: 0 0 0 20px;
    text-align: left;
}

.yourvm .resource-box p.value.ip {
    font-size: 20px;
    margin: 4px 0 0 20px;
    font-weight: 300;
}

.yourvm {
    margin-top: 30px;
}

.yourvm .hostname {
    margin: 0;
    padding: 0;
    font-size: 18px;
}

.yourvm .row.top {
    margin-bottom: 20px;
}

.yourvm .vps-info ul {
    list-style: none;
    padding: 0;
}

.yourvm .vps-info .progress-title .title {
    float: left;
    font-weight: 500;
}

.yourvm .vps-info .progress-title .value {
    float: right;
    font-weight: 500;
}

.yourvm .vps-info .progress-title .value i {
    font-weight: 400;
    color: #adadad;
    font-style: normal;
}

.yourvm .vps-info li {
    width: 100%;
    background: #0e101c;
    height: 33px;
    padding: 0 10px;
    border: 1px solid #090a12;
    border-radius: 3px;
    line-height: 32px;
    margin-bottom: 7px;
}

.yourvm .vps-info li .left {
    float: left;
}

.yourvm .vps-info li .right {
    float: right;
}

.yourvm .vps-info .progress {
    height: 22px;
    margin-top: 8px;
    background-color: #313131;
    border-radius: 2px;
    margin-top: 0;
    width: 100%;
    margin-bottom: 12px;
}

.yourvm .vps-info .progress.blue .progress-bar {
    background-color: #0c70de;
}

.yourvm .vps-info .progress.red .progress-bar {
    background-color: #e02430;
}

.yourvm .vps-info .progress.green .progress-bar {
    background-color: #1fc063;
}

.yourvm .vps-info .progress.orange .progress-bar {
    background-color: #ff8100;
}

.yourvm .vps-info .show-password-2 {
    display: none;
}

.yourvm .vps-info .show-password-1 {
    cursor: pointer;
}

.yourvm .vps-info hr {
    margin-top: 0;
}

.yourvm .vps-info .button-box {
    width: 100%;
    height: 100px;
    margin-bottom: 15px;
    position: relative;
    background: #0e101c;
    border: 1px solid #090a12;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 1px 1px 5px 0 #141414;
}

.yourvm .vps-info .button-box:hover {
    background: #0e101c;
}

.yourvm .vps-info .button-box i {
    color: #3085e3;
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 0;
    margin: auto;
    width: fit-content;
    font-size: 35px;
}

.yourvm .vps-info .button-box i.red {
    color: #e02430;
}

.yourvm .vps-info .border-right {
}

.yourvm .vps-info .button-box i.green {
    color: #1fc063;
}

.yourvm .vps-info .button-box i.gray {
    color: gray;
}

.yourvm .vps-info .button-box p {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.popin .reinstall-tab .reinstall-box {
    height: 165px;
    width: 100%;
    margin-bottom: 25px;
    position: relative;
    box-shadow: 2px 3px 4px -2px #141414;
}

.popin .reinstall-tab .reinstall-box .logo-box {
    height: 75%;
    border-top: 2px solid #141414;
    border-right: 2px solid #141414;
    border-left: 2px solid #141414;
    position: relative;
    z-index: 999999;
}

.popin .reinstall-tab .reinstall-box .logo-box img {
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.popin .reinstall-tab .reinstall-box .logo-box img.cirros {
    height: auto;
    max-width: 150px;
}

.popin .reinstall-tab .reinstall-box .logo-box .install-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000004a;
    z-index: 10;
    display: none;
}

.popin .reinstall-tab .reinstall-box .logo-box .install-overlay button {
    font-size: 22px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 105px;
    height: 40px;
    text-align: center;
    border: 2px solid #fff;
    font-weight: 400;
    line-height: 0;
}

.logo {
    width: 235px;
}

.popin .reinstall-tab .reinstall-box .logo-box:hover .install-overlay {
    display: block;
}

.popin .reinstall-tab .reinstall-box select {
    width: 100%;
    border: 1px solid #141414;
    padding: 10px;
    height: 25%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #141414;
}

.popin .reinstall-tab {
    display: none;
}

.popin .vnc-tab {
    display: none;
}

.popin .bandwidth-tab {
    display: none;
}

.popin {
    display: none;
}

.popin .popinclose {
    float: right;
    position: relative;
    top: 4px;
    right: 4px;
    font-size: 20px;
    color: gray;
    cursor: pointer;
}

.alert {
    display: none;
    margin: 0;
    margin-top: 30px;
}

.yourvm #backup button#create-backup {
    width: 100%;
    height: 65px;
    border-radius: 5px;
    font-size: 17px;
    border: 2px solid #664480;
    margin-bottom: 15px;
}

.yourvm #backup .panel-group .panel-heading {
    background: #664480;
}

.yourvm #backup .panel-group .panel-heading .panel-title {
    color: #fff;
}

.yourvm #backup table button.btn {
    font-size: 10px;
    padding: 2px 5px;
    height: auto;
    float: right;
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
}

.yourvm #backup table button.btn:last-child {
    margin-bottom: 0;
}

.yourvm .popover .btn-group .btn+.btn {
    margin-left: 0;
}

.yourvm .row.no-margin {
    margin: 0;
}

.yourvm #backup .backup-list .panel.panel-primary {
    border: 0;
}

.yourvm #backup .backup-list .panel.panel-primary .panel-body {
    padding: 0;
    border: 0;
}

.yourvm .button-box .loadaction {
    position: absolute;
    width: 75px;
    background: #fbfbfb;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.yourvm .button-box:hover .loadaction {
    background: #ececec;
}

.discount_code {
    text-align: center;
    font-size: 21px;
    margin-top: 5px;
    color: #2bce30;
}

.discount {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
}

.discount .form-group {
    margin-bottom: 0;
    position: relative;
}

.discount .form-group input {
    border: 0;
    border-radius: 3px;
    float: left;
    height: 40px;
    padding-left: 5px;
    width: 100%;
    border: 2px solid #181d32;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.discount button {
    float: right;
    width: 20%;
    background: #404040;
    margin: 0;
    border: 0;
    height: 50px;
    outline: 2px solid #404040;
    margin-bottom: 2px;
    right: 0px;
    top: 0px;
    position: absolute;
}

.server_box .actions.countdown button {
    width: 100%;
}

.countdown p {
    text-align: center;
    margin-bottom: 0;
}

.lester.mc {
    width: 64% !important;
    margin-top: 15px !important;
    margin-bottom: 45px !important;
    position: relative !important;
    left: 20% !important;
    top: 14px;
}

.countdown h3 {
    text-align: center;
    padding: 0;
    margin: 0;
}

.countdown {
    height: 100%;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    left: 0;
    right: 0;
    top: 0;
    color: #fff;
    bottom: 0;
    position: relative;
    background: linear-gradient(124deg,#ff2400,#e81d1d,#e8b71d,#e3e81d,#1de840,#1ddde8,#2b1de8,#dd00f3,#dd00f3);
    background-size: 1800% 1800%;
    -webkit-animation: rainbow 18s ease infinite;
    -z-animation: rainbow 18s ease infinite;
    -o-animation: rainbow 18s ease infinite;
    animation: rainbow 18s ease infinite;
}

@-webkit-keyframes rainbow {
    0% {
        background-position: 0% 82%
    }

    50% {
        background-position: 100% 19%
    }

    100% {
        background-position: 0% 82%
    }
}

@-moz-keyframes rainbow {
    0% {
        background-position: 0% 82%
    }

    50% {
        background-position: 100% 19%
    }

    100% {
        background-position: 0% 82%
    }
}

@-o-keyframes rainbow {
    0% {
        background-position: 0% 82%
    }

    50% {
        background-position: 100% 19%
    }

    100% {
        background-position: 0% 82%
    }
}

@keyframes rainbow {
    0% {
        background-position: 0% 82%
    }

    50% {
        background-position: 100% 19%
    }

    100% {
        background-position: 0% 82%
    }
}

.box .top p.free {
    margin-top: -2px;
    background: #247bde
}

.box .top p.free a {
    color: #fff;
    text-decoration: underline
}

html {
    height: 100%
}

.box.thanks h4 {
    text-align: center
}

.box.discord {
    text-align: center
}

.detail i {
    color: blue;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline
}

button.discord {
    font-weight: 400!important;
    width: 50%!important;
    margin: auto!important;
    position: relative!important
}

.flag .country {
    text-align: center;
    background: #0e101c;
    color: #fff;
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px
}

.flag:hover {
    border: 3px solid #1082c5
}

.flag.active {
    border: 3px solid #1082c5
}

.flag.active .country {
    background: #1082c5;
    color: #fff
}

.flag:hover .country {
    background: #1082c5;
    color: #fff
}

.flag.disabled:hover {
    border: 3px solid #59595938
}

.flag.disabled {
    cursor: not-allowed
}



.flag.disabled:hover .country {
    background: #fff;
    color: #000
}

.flag {
    border: 3px solid #0e101c;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 30px
}

.order_container .flag {
    margin-bottom: 0
}

.col-md-6.pad5 {
    padding-left: 2px!important;
    padding-right: 5px!important
}

.flag {
}

.flag img {
    width: 100%;
    height: auto;
    min-height: 114px
}

#Login i a {
    font-size: 11px
}

.server_box .no-license {
    color: red;
    font-size: 20px;
    padding: 10px;
    text-align: center
}

.server_box .panel {
    height: 50px
}

.server_box .panel button {
    padding: 0;
    background: #1082c5;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0
}

.server_box {
    border: 2px solid #090a12;
    border-radius: 5px;
    margin-bottom: 25px;
    overflow: hidden;
    background: #0e101c;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.server_box ul li.input {
    padding: 0!important
}

.server_box ul li.input input {
    margin: 0;
    border: 0;
    height: 38px;
    width: 80%;
    float: left;
    padding-left: 5px;
    color: #424242
}

.server_box ul li.input button {
    margin: 0;
    border: 0;
    background: #d07b11;
    width: 20%;
    float: right;
    height: 38px
}

.server_box ul li.progress {
    padding: 0!important;
    border-radius: 0;
    height: 30px
}

.server_box ul li.usage {
    background: #242424!important;
    text-align: center!important;
    color: #fff!important;
    padding: 5px!important;
    font-size: 15px!important
}

.wp-sold-out-strip {
    text-align: center;
    background-color: #81cd24;
    width: 193px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
    margin-left: -23px;
    position: absolute;
    margin-top: -36px;
    transform: rotate(-26deg)
}

.server_box .status {
    text-align: center;
    font-size: 30px;
    padding: 10px;
    background: #b3b3b3;
    color: #fff;
    min-height: 55px;
    position: relative
}

.server_box .status.red {
    background: #8f0606
}

.server_box .status.green {
    background: #06782b
}

.server_box .actions {
    position: relative;
    padding: 0;
    margin: 0
}

.server_box .actions:after {
    content: "";
    clear: both;
    display: block
}

.server_box .actions button:hover {
    background: #0c8edb
}

.server_box .actions button {
    width: 25%;
    background: #1082c5;
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding: 10px;
    float: right;
    cursor: pointer;
    margin: 0;
    border: 0;
    min-height: 65px
}

.server_box .name {
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background: #090a12;
    border-bottom: 1px solid #0e101c
}

.server_box .detail ul li p {
    float: right;
    right: 18px;
    position: absolute;
    top: 5px
}

.server_box .detail ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.server_box .detail ul li {
    font-size: 20px;
    width: 100%;
    position: relative;
    padding: 6px;
    padding-left: 10px;
    border-bottom: 1px solid #090a12
}

.server_box .detail ul li:last-child {
    border-bottom: none
}

.nav_top .bottom_header .list-group-item a {
    color: #fff
}

.nav_top .bottom_header .list-group-item a:hover {
    text-decoration: none
}

.navbar {
    padding: 0
}

.bg-light {
}

.navbar-nav.right {
    float: right
}

.client_table {
    margin-top: 19px;
    font-size: 15px
}

.client_table button {
    background: #54336d;
    border-color: #54336d;
    color: #fff;
    width: auto;
    right: 0;
    left: 0;
    margin: auto;
    top: -5px;
    bottom: 0;
    font-weight: 500;
    height: 35px;
    font-size: 15px;
    border-radius: 5px;
    margin-right: 7px
}

.client_table table tbody tr td {
    padding: 11px 0 0;
    text-align: center
}

.client_table table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 350px
}

.client_table table tr th,.client_table table tr td {
    border-right: 3px solid #664480;
    border-bottom: 3px solid #664480;
    padding: 5px
}

.client_table table tr th:first-child,.client_table table tr td:first-child {
    border-left: 3px solid #664480
}

.client_table table tr th {
    background: #fff;
    border-top: 3px solid #664480;
    text-align: left
}

.client_table table tr:first-child th:first-child {
    border-top-left-radius: 6px
}

.client_table table tr:first-child th:last-child {
    border-top-right-radius: 6px
}

.client_table table tr:last-child td:first-child {
    border-bottom-left-radius: 6px
}

.client_table table tr:last-child td:last-child {
    border-bottom-right-radius: 6px
}

.box.left_nav {
    padding: 0!important;
    min-height: auto
}

.box.left_nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.box.left_nav li {
    font-size: 20px;
    margin: 0;
    line-height: 45px;
    cursor: pointer;
    height: 50px;
    text-align: center;
    border-bottom: 2px solid #020202
}

.box.left_nav ul li:last-child {
    border-bottom: 0
}

.box.left_nav ul li:hover {
    background: #81cd24a6;
    color: #fff
}

.box.left_nav ul li.active {
    background: #81cd24a6;
    color: #fff
}

.row.justify-content-md-center {
}

.row.justify-content-md-center .box {
    padding: 10px
}

.row.justify-content-md-center h2 {
    color: #fff;
    text-align: center;
    margin-top: 20px;
    font-size: 42px
}

.row.justify-content-md-center p {
    margin: 0;
    text-align: center;
    padding: 0;
    color: #fff
}

.order_container ul {
    list-style-type: none;
    padding: 0;
    margin: auto;
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px
}

.borderRight {
    border-right: 3px dashed #ffffff26
}

.order_container button {
    background: #1082c5;
    border-color: #1082c5;
    color: #fff;
    position: relative;
    margin: auto;
    font-weight: 600;
    border-radius: 5px;
    width: 100%;
    margin-top: 13px;
    margin-bottom: 12px
}

.order_container li {
    font-size: 15px
}

.order_container ul li:before {
    font-family: "font awesome 5 free";
    content: "\f35a";
    color: #1082c5;
    padding-right: .3em
}

.order_container {
    border-radius: 10px;
    padding: 15px;
    margin-top: 12px;
    background: rgb(14 16 28);
    border: 2px solid #090a12;
    margin-bottom: 25px
}

.order_container h3 {
    color: #fff;
    text-shadow: 0 4px 4px rgb(34 34 34/75%)
}

.order_container p {
    text-align: left!important
}

.order_container .form-check {
    margin-bottom: 8px
}

.order_container .form-check i {
    color: #fff;
    font-size: 14px;
    float: right
}

.order_container .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.order_container .form-check label {
    width: 100%
}

.order_container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #181d32;
    border-radius: 50%;
    cursor: pointer
}

.order_container .col-md-6 {
    padding-left: 30px;
    padding-right: 30px
}

.order_container form {
    margin-top: 10px
}

.order_container .container input:checked~.checkmark {
    background-color: #181d32
}

.order_container .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.order_container .container input:checked~.checkmark:after {
    display: block
}

.order_container .container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff
}

.row.justify-content-md-center a {
    color: #1082c5;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.row.justify-content-md-center a:hover {
    text-decoration: underline
}

.box button {
}

.product_top.fivem {
    width: 100%;
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    top: unset;
    height: inherit;
    margin: auto
}

.product_top.fivem p {
    color: #fff;
    width: 65%;
    margin: auto;
    font-size: 20px;
    line-height: 28px;
    max-width: 640px;
    color: #fff;
    color: #d3d8e7;
    margin-top: 15px
}

.product_top.fivem h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 700
}

.product_top {
}

.product_top p {
    text-align: center;
    font-size: 20px;
    color: #fff
}

.product_top h2 {
    color: #fff;
    text-align: center;
    margin: 0
}

.product_top .col-md-12 h3 {
    color: #424242;
    text-align: center;
    margin-top: 2px;
    position: relative;
    font-size: 22px;
    color: red
}

.server_box.upgrade p {
    text-align: center;
    padding: 15px 15px 0;
    margin: 0
}

.server_box.upgrade .table {
    width: 100%;
    color: #fff;
    margin-bottom: 0
}

.server_box.upgrade .table td,.server_box.upgrade .table th {
    vertical-align: middle
}

.server_box.upgrade .table button {
    position: relative;
    display: block;
    top: 1px
}

h2 {
    color: #fff
}

.product_top .col-md-12 p {
    font-size: 15px;
    width: 72%;
    text-align: left;
    margin: auto
}

.center-text {
    text-align: center;
    width: 100%
}

.container-fluid.padding-top-25 {
    padding-top: 25px
}

hr {
    border-top: 2px solid #ffffff8f;
    border-radius: 100px;
    width: 75%
}

.server-box hr {
    border-top: 2px solid #dadada40;
    border-radius: 100px;
    width: 75%;
    margin: auto;
    margin-top: 10px
}

.divider {
    min-height: 50px;
    background: #0e101c;
    color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 48px
}

.divider.green {
    background: rgb(14 16 28)
}

.nav_top {
    width: 100%;
    background: #090a12
}

.nav_top .top_header {
    background: #020202;
    height: 108px
}

.nav_top .top_header h2 {
    color: #fff;
    margin: 10px 0;
    float: left
}

.lester {
    width: 100%;
    margin-top: 15px;
    border-radius: 9px
}

.text {
    margin-top: 20px;
    margin-left: 10px
}

.text h2 {
    color: #fff;
    font-weight: 600
}

.text p {
}

.text ul {
    list-style-type: none;
    padding: 0
}

.text ul li i {
    color: #119311
}

.games h1 {
    text-align: center;
    width: 100%;
    color: #fff;
    margin: 0;
    position: relative;
    margin-top: 10px
}

.positives ul li i {
    color: #1082c5
}

.positives p {
    color: #fff
}

.positives ul {
    list-style-type: none;
    padding: 0;
    color: #fff
}

.nav_top .top_header button {
    float: right;
    position: relative;
    background: 0;
    border: 3px solid #fff;
    color: #fff;
    font-size: 22px;
    margin: 34px 0
}

button {
    position: relative;
    background: 0;
    border: 3px solid #fff;
    color: #fff;
    font-size: 22px;
    margin: 15px 0
}

.nav_top .bottom_header {
}

.nav_top .bottom_header .list-group-item {
    border: 0;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;
    margin: auto;
    padding: .75rem 1rem
}

.dropdown-menu {
    background-color: #000
}

.dropdown-item:focus,.dropdown-item:hover {
    background-color: #141414
}

.game-background .image-box {
    height: 40rem;
    background-repeat: no-repeat;
    background-size: 100% 100%,cover
}

.game-background .carousel-text {
    width: 100%
}

.game-background .carousel-text h1 {
    font-size: 50px
}

.game-background .carousel-text h3 {
    font-size: 30px
}

.game-background .container {
    width: 100%;
    height: 113%;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 50px
}

.game-background .carousel-text p {
    color: #9ba2ba;
    font-size: 18px
}

/* FiveM ürün sayfası: CS tarzı hero + mavi özellik şeridi */
.game-background.oc-fivem-hero-page .carousel-text.oc-fivem-hero-text {
    text-align: left;
}

.game-background.oc-fivem-hero-page .oc-fivem-hero-heading {
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #fff;
    line-height: 1.08;
    margin-bottom: 1.1rem;
    font-size: clamp(1.75rem, 4vw, 3rem);
}

.game-background.oc-fivem-hero-page .oc-fivem-hero-lead {
    color: rgba(255, 255, 255, 0.94);
    font-size: 1.05rem;
    line-height: 1.6;
    max-width: 42rem;
    margin-bottom: 0;
}

.game-background.oc-fivem-hero-page .oc-fivem-hero-features {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.65rem 1.6rem;
    list-style: none;
    padding: 0;
    margin: clamp(2.4rem, 5vw, 3.6rem) auto 0;
    width: 100%;
}

.game-background.oc-fivem-hero-page .oc-fivem-hero-features li {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #8ec8ff;
    font-size: 0.95rem;
    font-weight: 600;
}

.game-background.oc-fivem-hero-page .oc-fivem-hero-features .fa-check {
    color: #a8e0ff;
    font-size: 0.9rem;
}

/* FiveM hero: Ryzen VDS ile aynı görsel (ryzen9.png) — <img> + üstte gradient (background-image/var güvenilir değil) */
.game-background.oc-fivem-hero-page.oc-fivem-hero-band {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 0;
    padding: clamp(8.25rem, 15vw, 11rem) 0 52px;
    min-height: clamp(22rem, 50vh, 42rem);
    background-color: #0c1220;
}

.game-background.oc-fivem-hero-page.oc-fivem-hero-band .oc-fivem-hero-band__photo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 118%;
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: translateY(6%);
    pointer-events: none;
}

/* Rust: yüz üst kadrajda — üst banda hizala, hafif aşağı kaydır */
.game-background.oc-fivem-hero-page.oc-fivem-hero-band.oc-fivem-hero-band--rust-hero .oc-fivem-hero-band__photo {
    height: 130%;
    min-height: 105%;
    object-fit: cover;
    object-position: center top;
    transform: translateY(11%);
}

.game-background.oc-fivem-hero-page.oc-fivem-hero-band .oc-fivem-hero-band__shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(145deg, rgba(10, 22, 40, 0.68) 0%, rgba(18, 22, 38, 0.55) 45%, rgba(12, 18, 32, 0.62) 100%);
    pointer-events: none;
}

.game-background.oc-fivem-hero-page.oc-fivem-hero-band::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: radial-gradient(ellipse 80% 60% at 70% 20%, rgba(59, 130, 246, 0.06), transparent 55%);
    pointer-events: none;
}

.game-background.oc-fivem-hero-page.oc-fivem-hero-band > .container {
    position: relative;
    z-index: 3;
    min-height: clamp(22rem, 50vh, 42rem);
    display: flex;
    align-items: center;
    padding-left: clamp(12px, 3.5vw, 48px);
    padding-right: 12px;
}

.game-background.oc-fivem-hero-page.oc-fivem-hero-band > .container > .row {
    width: 100%;
}

/* FiveM / oyun paketleri — CS2 tarzı fiyat kartları (3+3 grid) */
.oc-fx-pricing-wrap {
    max-width: 1320px;
}

body.page-fivem-server .oc-fx-pricing-wrap {
    padding-top: 1.1rem;
}

.oc-packages-heading {
    text-align: center;
    margin: 0 auto 1.75rem;
    font-size: clamp(1.35rem, 3vw, 1.75rem);
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.02em;
    color: #f1f5f9;
    line-height: 1.3;
}

/* Paket grid: satırlar arası dikey boşluk = sütun gutter (yatay) ile aynı */
.oc-fx-pricing-grid.row {
    row-gap: 30px;
}

@media (max-width: 767px) {
    .oc-fx-pricing-grid.row {
        row-gap: 24px;
    }
}

.oc-price-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: linear-gradient(165deg, #12182a 0%, #0a0e18 100%);
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 14px;
    padding: 1.35rem 1.25rem 1.25rem;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    transition: none;
}

.oc-price-card:hover {
    border-color: rgba(148, 163, 184, 0.14);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    transform: none;
}

/* Panel hover: renk değişimi yok, sadece görsel zoom */
.oc-price-card:hover .oc-price-card__title,
.oc-price-card:hover .oc-price-card__amount,
.oc-price-card:hover .oc-price-card__suffix,
.oc-price-card:hover .oc-price-card__specs li {
    color: inherit;
}

.oc-price-card__head {
    overflow: hidden;
    margin: -1.35rem -1.25rem 0;
    padding: 5.2rem 1.25rem 1rem;
    border-radius: 14px 14px 0 0;
    border-bottom: none;
    background-image:
        linear-gradient(to top, rgba(6, 10, 20, 0.9) 0%, rgba(8, 13, 26, 0.58) 32%, rgba(10, 16, 30, 0.16) 58%, rgba(10, 16, 30, 0.02) 100%),
        url("../img/game/fivem2.png") !important;
    background-size: 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: background-size 0.28s ease;
}

.oc-price-card:hover .oc-price-card__head {
    background-size: 106% !important;
}

.oc-price-card__title {
    margin: 0 0 0.5rem;
    font-size: 1.35rem;
    font-weight: 800;
    font-style: italic;
    color: #f8fafc;
    letter-spacing: 0.02em;
}

.oc-price-card__price-line {
    margin: 0.35rem 0 0;
    font-size: 0.95rem;
    line-height: 1.45;
}

.oc-price-card__amount {
    color: #34d399;
    font-weight: 800;
    font-size: 1.24rem;
    letter-spacing: 0.01em;
}

.oc-price-card__suffix {
    color: #64748b;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.oc-price-card__specs {
    list-style: none;
    margin: 0;
    padding: 0.7rem 0 1.1rem;
    flex: 1 1 auto;
}

.oc-price-card__specs li {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.92rem;
    color: #e2e8f0;
    padding: 0.4rem 0;
    line-height: 1.35;
}

.oc-price-ic {
    width: 1.15rem;
    text-align: center;
    flex-shrink: 0;
    font-size: 0.95rem;
}

.oc-price-ic--cpu {
    color: #f97316;
}

.oc-price-ic--ram {
    color: #4ade80;
}

.oc-price-ic--disk {
    color: #facc15;
}

.oc-price-ic--slots {
    color: #38bdf8;
}

.oc-price-ic--net {
    color: #22d3ee;
}

.oc-price-ic.oc-price-ic--ryzen {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}

.oc-price-ic.oc-price-ic--ryzen img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: block;
    filter: brightness(0) invert(1);
    opacity: 0.95;
}

.oc-price-card__foot {
    margin-top: auto;
    padding: 0;
    background: transparent;
    border: none;
}

.oc-price-card__btn {
    background: #2563eb !important;
    border: none !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 0.65rem 1rem;
    border-radius: 10px !important;
    text-decoration: none !important;
    display: block;
    text-align: center;
    transition: background 0.2s ease, filter 0.2s ease;
    box-shadow: none !important;
}

.oc-price-card__btn:hover,
.oc-price-card__btn:focus {
    background: #1d4ed8 !important;
    color: #fff !important;
    filter: none;
}

@media (max-width: 991px) {
    .oc-price-card__title {
        font-size: 1.25rem;
    }
}

.game-background {
    padding: 0
}

.nav_top .bottom_header .list-group-item.active {
    background: #2f2f2f
}

.nav_top .bottom_header .list-group-item:hover {
    color: #c3c3c3
}

.container.no-stretch {
    min-height: auto
}

.background {
    min-height: auto;
    background: #fff
}

.carousel-content {
    position: absolute;
    z-index: 20;
    color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 15%;
    width: 48%;
    height: 180px;
    text-align: center;
    margin: auto;
    background: #00000075;
    border-radius: 10px
}

.carousel-content h3 {
    font-size: 40px
}

.carousel-content p {
    font-size: 20px;
    margin: 1px
}

.points {
    background: #020202;
    height: 70px;
    position: relative
}

.points ul {
    position: relative;
    margin: auto;
    text-align: center;
    margin-top: 11px
}

.navbar-toggler {
    margin-left: 20px
}

@media(max-width: 850px) {
    .points ul {
        display:none
    }
}

@media(max-width: 992px) {
    .borderRight {
        border-right:0;
        border-bottom: 2px dashed #ddd
    }

    .nav_top .bottom_header .list-group-item a {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0!important
    }

    .navbar-collapse {
        background: #0e101c
    }

    .nav-item {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0!important
    }

    .navbar .btn {
        margin-right: auto;
        margin-bottom: 16px
    }

    .navbar {
        padding: 0;
        background: #0e101c
    }
}

.points ul li {
    background: rgb(14 16 28);
    color: #fff;
    border: 0;
    font-weight: 500;
    padding: 12px
}

.points ul li i {
    color: #1082c5
}

.box .top {
}

.box .middle ul {
    list-style-type: none;
    padding: 0;
    margin: auto;
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

.box .middle li {
    font-size: 21px;
    text-align: left;
    padding: 0 0 7px 20px
}

.box .bottom {
    position: relative;
    padding: 0 15px
}

.box .bottom button {
}

.box .top p {
    text-align: left;
    margin: 0;
    color: #fff;
    margin-top: 0;
    position: relative;
    z-index: 1;
    font-size: 19px;
    padding: 0 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ffffff12
}

.box .middle ul li:before {
    padding-right: .3em
}

.box .middle {
    margin-top: 15px
}

.product-features {
    position: relative;
    border-top: 1px solid #00000026;
    border-bottom: 1px solid #00000026;
    padding-top: 10px;
    padding-bottom: 10px
}

.product-features ul {
    list-style-type: none;
    margin: auto;
    width: 190px;
    font-size: 16px
}

.box .buy {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 11px
}

.buy_relative.sign {
    height: 182px
}

.box h3 {
    margin: 10px 0 2px;
    font-size: 25px;
    z-index: 10;
    color: #f7f7f7;
    font-weight: 400;
    text-align: left;
    position: relative;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 0 0 0 20px;
    font-weight: 700
}

.box h1 {
    margin: 10px 0 2px;
    font-size: 25px;
    z-index: 10;
    color: #f7f7f7;
    font-weight: 400;
    text-align: left;
    position: relative;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 0 0 0 20px;
    font-weight: 700
}

.container-fluid.gray {
    background: #ececec
}

.container.bg {
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 565px
}

.container-fluid.white {
    background: #121626
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    background: #fff;
    border: 1px solid #86b3de;
    padding: 20px 45px
}

.nav-tabs {
    width: 342px;
    margin: auto;
    margin-bottom: 16px;
    border-bottom: unset;
    border-radius: 5px
}

.nav-tabs>li>a:hover {
    border-color: #86b3de;
    background-color: #f5f5f5
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent;
    border: 1px solid #86b3de;
    border-radius: 5px
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    margin-right: 10px
}

.alert {
    display: none
}

.box {
    background: #0e101c;
    border: 2px solid #0e101c;
    margin-bottom: 15px;
    border-radius: 7px;
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.box.no-max {
    min-height: unset
}

.box.no-max .inner {
    padding: 5px
}

.box .limited {
    background: #000;
    color: #fff;
    font-size: 20px;
    position: relative;
    text-align: center;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}

.box .image img.lim {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.box .image.lim {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.box .image img {
    width: 100%;
    border-radius: 7px
}

.box .image {
    position: relative;
    max-height: 140px;
    overflow: hidden;
    border-radius: 7px;
    margin-bottom: 15px
}

.box .image .price {
    position: absolute;
    top: 0;
    right: 0;
    background: #0000009c;
    color: #fff;
    font-size: 19px;
    padding: 4px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px
}

.box .title {
    text-align: center;
    font-size: 21px;
    margin-bottom: 3px;
    color: #827f7f
}

.box .description {
    padding: 10px 0
}

.box button {
    width: 100%
}

footer {
    background: #0a0c16;
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding: 6px
}

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    display: none;
    left: 0;
    bottom: 0;
    right: 0
}

.loading:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3)
}

.loading:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.loading:not(:required):after {
    content: "";
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: .5em;
    -webkit-box-shadow: rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.5) -1.5em 0 0 0,rgba(0,0,0,.5) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.75) -1.5em 0 0 0,rgba(0,0,0,.75) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0
}

.loading-box {
    position: relative;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    display: block;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.points.green {
    background: #81cd24
}

.points.green li {
    background: #81cd24
}

.points.green ul li i {
    color: #000
}

.container.black {
    background: #fff;
    border-left: 3px solid #020202;
    border-right: 3px solid #020202
}

.loading-box:before {
    content: "";
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3)
}

.loading-box:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.loading-box:not(:required):after {
    content: "";
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: .5em;
    -webkit-box-shadow: rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.5) -1.5em 0 0 0,rgba(0,0,0,.5) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.75) -1.5em 0 0 0,rgba(0,0,0,.75) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

a {
    color: #1082c5;
    text-decoration: none;
    background-color: transparent;
    margin: auto
}

a:hover {
    color: #0056b3
}

.divider.green a {
    color: #0f82c5;
    text-decoration: none;
    background-color: transparent
}

.divider.green a:hover {
    color: #0056b3;
    text-decoration: underline
}

.order_container .flag img {
    width: 100%;
    min-height: 85px
}

.order_container .wp-sold-out-strip {
    text-align: center;
    background-color: #81cd24;
    width: 193px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
    margin-left: -37px;
    position: absolute;
    margin-top: -36px;
    transform: rotate(-26deg)
}

.container.locations {
    background: #fff;
    border-left: 3px solid #020202;
    border-right: 3px solid #020202;
    border-bottom: 5px solid #020202;
    padding-bottom: 20px
}

form#upgrade {
}

form#upgrade ul {
    padding: 0;
    margin: 0
}

form#upgrade ul li {
    padding: 8px;
    cursor: pointer
}

form#upgrade ul li:hover>.radio {
    background: #81cd24!important;
    border: 2px solid #fff!important
}

form#upgrade ul li.package:hover {
    background: #80808099!important;
    color: #fff
}

form#upgrade ul li .radio {
    background: #c1c1c1;
    border: 2px solid #c1c1c1;
    width: 25px;
    height: 25px;
    float: right;
    border-radius: 5px
}

form#upgrade button:hover {
    background: #81cd24
}

form#upgrade ul li.selected>.radio {
    background: #81cd24!important;
    border: 2px solid #fff!important
}

form#upgrade ul li.selected {
    background: #80808099!important;
    color: #fff
}

form#upgrade ul li.package.odd {
    background: #404040
}

form#upgrade button {
    border: 3px solid #000;
    border-radius: 5px;
    background: #3ba800;
    width: 50%;
    left: 25%
}

ul.select {
    padding: 0;
    margin: 0;
    max-height: 580px;
    overflow-y: auto
}

ul.select li {
    padding: 8px;
    cursor: pointer
}

ul.select li:hover>.radio {
    background: #1082c5!important;
    border: 3px solid #1082c5!important
}

ul.select li .radio {
    background: #181d32;
    border: 2px solid #181d32;
    width: 25px;
    height: 25px;
    float: left;
    border-radius: 5px;
    margin-right: 10px
}

ul.select li.selected>.radio {
    background: #80cc28!important;
    border: 3px solid #80cc28!important
}

ul.select li {
    border-top: 1px solid #121626;
    padding: 8px 8px 8px 1px;
    cursor: pointer
}

ul.select li:first-child {
    border-top: none
}

ul.select li.package.odd {
    background: #81cd2421
}

ul.select li.package:hover {
}

ul.select li img {
    float: right
}

ul.select::-webkit-scrollbar {
    width: 3px
}

ul.select::-webkit-scrollbar-track {
    background: #f1f1f1
}

ul.select::-webkit-scrollbar-thumb {
    background: #888
}

ul.select::-webkit-scrollbar-thumb:hover {
    background: #555
}

.order_container ul.select li:before {
    font-family: "font awesome 5 free";
    content: none;
    color: #81cd24;
    padding-right: 0
}

.discount .form-control:focus {
    color: #495057;
    background-color: #fff;
    outline: 0;
    box-shadow: none
}

.top_header .discord {
    float: right;
    margin-top: 22px
}

.server_box p.text {
    padding: 15px!important;
    margin: 0!important
}

.license i {
    border: 1px solid lightgrey;
    padding: 0 6px 0 5px;
    border-radius: 19px;
    font-size: 13px;
    color: lightgrey
}

.locations h1 {
    text-align: center;
    width: 100%;
    color: #81cd24;
    margin: 0;
    position: relative;
    margin-top: 15px;
    margin-bottom: 10px
}

.rainbow-text {
    background-image: repeating-linear-gradient(45deg,violet,indigo,blue,green,yellow,orange,red,violet);
    text-align: center;
    background-size: 800% 800%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    animation: rainbow 8s ease infinite
}

.total {
    border-bottom: 1px solid #d2d2d2;
    position: relative;
    color: #fff;
    margin-top: 18px
}

ul.total li {
    text-transform: capitalize;
    height: 30px;
    border-top: 1px solid #d2d2d2;
    padding: 3px 0 0
}

ul.total {
    margin-bottom: 7px
}

ul.total li:before {
    content: inherit
}

#upgrade ul li i {
    float: right;
    margin-right: 7px
}

.total .left {
    float: left
}

.total .right {
    float: right
}

#AdminPage {
    padding: 20px 0
}

#AdminPage a {
    font-weight: 400
}

i.stripe {
    text-decoration: line-through;
    color: red;
    font-size: 18px
}

.trustpilot_total {
    text-align: center;
    padding: 15px 0 10px;
    max-width: 330px
}

.row.justify-content-md-center .trustpilot_total a {
    color: #404040;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    text-decoration: underline;
    position: relative;
    top: 7px
}

.trustpilot_total h1 {
    color: #404040
}

.trustpilot_total img {
    width: 75%
}

.trust {
    background-color: #020202
}

#Trust {
    margin-bottom: 20px;
    margin-top: 20px
}

.trustpilot {
    min-height: 200px;
    color: #020202;
    border: 2px solid #020202;
    border-radius: 7px;
    position: relative;
    background: #fff;
    margin-bottom: 15px
}

.trustpilot .top {
    border-bottom: 2px solid #020202;
    min-height: 54px;
    position: relative
}

.trustpilot p.title {
    text-align: left;
    font-weight: 500;
    font-size: 20px;
    text-transform: capitalize;
    float: left;
    padding: 10px
}

.trustpilot .body a {
    font-size: 12px;
    font-weight: 500
}

.trustpilot i.date {
    font-size: 12px;
    position: absolute;
    right: 4px;
    bottom: 1px;
    color: #bdbdbd
}

.trustpilot img {
    height: 32px;
    position: absolute;
    margin: auto;
    float: right;
    right: 8px
}

.green {
    background: rgb(14 16 28);
    height: 2
}

.green h2 {
    color: #fff;
    padding: 4px 0 1px
}

.green .points {
    background: rgb(14 16 28)
}

/* Ana sayfa: Neden OnlyCore — kartlar; arka plan = body teması (düz, ızgara yok) */
.oc-pick-grid {
    padding: 44px 0 48px;
    background: #121626;
}

.oc-pick-grid__header {
    text-align: center;
    max-width: 42rem;
    margin: 0 auto 2rem;
}

.oc-pick-grid__title {
    margin: 0 0 0.65rem;
    font-size: clamp(1.5rem, 3.2vw, 2rem);
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #f8fafc;
}

.oc-pick-grid__subtitle {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.55;
    color: #94a3b8;
    font-weight: 500;
}

.oc-pick-grid__row {
    row-gap: 1.25rem;
}

.oc-pick-card {
    position: relative;
    height: 100%;
    padding: 1.35rem 1.25rem 1.15rem;
    border-radius: 14px;
    background: linear-gradient(165deg, rgba(30, 41, 59, 0.55) 0%, rgba(15, 23, 42, 0.92) 100%);
    border: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.oc-pick-card__watermark {
    position: absolute;
    top: 0.35rem;
    right: 0.5rem;
    font-size: clamp(2.75rem, 6vw, 3.5rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.03em;
    color: rgba(248, 250, 252, 0.06);
    pointer-events: none;
    user-select: none;
}

.oc-pick-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 0.85rem;
    border-radius: 12px;
    background: rgba(16, 130, 197, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.2);
    color: #e0f2fe;
    font-size: 1.1rem;
}

.oc-pick-card__heading {
    margin: 0 0 0.5rem;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #f1f5f9;
    line-height: 1.25;
}

.oc-pick-card__text {
    flex: 1;
    margin: 0 0 1rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: #94a3b8;
    font-weight: 500;
}

.oc-pick-card__tag {
    margin: 0;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #64748b;
}

@media (max-width: 991px) {
    .oc-pick-grid {
        padding: 36px 0 40px;
    }
}

@media (max-width: 575px) {
    .oc-pick-grid__header {
        margin-bottom: 1.5rem;
    }
}

/* Ryzen VDS + FiveM sunucu: 6’lı özellik grid’i (ikon + başlık + metin) */
body.page-ryzen-vds .oc-vds-features,
body.page-fivem-server .oc-vds-features {
    padding: 44px 0 48px;
    background: #121626;
    border-top: 1px solid rgba(148, 163, 184, 0.08);
}

body.page-ryzen-vds .oc-vds-features__section-title,
body.page-fivem-server .oc-vds-features__section-title {
    margin: 0 0 1.75rem;
    text-align: center;
    font-size: clamp(1.45rem, 2.8vw, 1.95rem);
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #e2e8f0;
}

body.page-ryzen-vds .oc-vds-features__row,
body.page-fivem-server .oc-vds-features__row {
    row-gap: 0.25rem;
}

/* Son satırdaki eksik kartlar ortalansın */
.oc-vds-features__row {
    justify-content: center;
}

body.page-ryzen-vds .oc-vds-features__item,
body.page-fivem-server .oc-vds-features__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 0;
    height: 100%;
    text-align: center;
}

body.page-ryzen-vds .oc-vds-features__icon-wrap,
body.page-fivem-server .oc-vds-features__icon-wrap {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #5eead4;
    font-size: 1.7rem;
}

body.page-ryzen-vds .oc-vds-features__title,
body.page-fivem-server .oc-vds-features__title {
    margin: 0 0 0.4rem;
    font-size: 1.14rem;
    font-weight: 600;
    line-height: 1.3;
    color: #5eead4;
}

body.page-ryzen-vds .oc-vds-features__text,
body.page-fivem-server .oc-vds-features__text {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;
    font-weight: 400;
    color: #94a3b8;
}

@media (max-width: 767px) {
    body.page-ryzen-vds .oc-vds-features,
    body.page-fivem-server .oc-vds-features {
        padding: 36px 0 40px;
    }

    body.page-ryzen-vds .oc-vds-features__item,
    body.page-fivem-server .oc-vds-features__item {
        padding: 0.65rem 0;
    }
}

body.page-fivem-server .oc-vds-features__icon-wrap {
    color: #34e3cf;
}

body.page-fivem-server .oc-vds-features {
    background: linear-gradient(180deg, #0f1426 0%, #101528 100%);
    border-top: 1px solid rgba(148, 163, 184, 0.06);
}

body.page-fivem-server .oc-vds-features__section-title {
    color: #f1f5f9;
    letter-spacing: 0.02em;
}

body.page-fivem-server .oc-vds-features__title {
    color: #38e1cf;
    font-weight: 700;
}

body.page-fivem-server .oc-vds-features__text {
    color: #9fb0c8;
    font-size: 0.99rem;
    line-height: 1.55;
}

/* Geniş paket alanı + tablo (Ryzen VDS + Nested — oc-ryzen-pkg-subhero / oc-ryzen-pkg-table) */
body.page-ryzen-vds .oc-ryzen-subhero.oc-ryzen-pkg-subhero .container {
    max-width: 1320px;
}
body.page-ryzen-vds .oc-ryzen-pkg-subhero .oc-ryzen-cat__scroll {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}
@media (min-width: 768px) {
    body.page-ryzen-vds .oc-ryzen-pkg-subhero .oc-ryzen-cat__scroll {
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }
}
@media (min-width: 1200px) {
    body.page-ryzen-vds .oc-ryzen-pkg-subhero .oc-ryzen-cat__scroll {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table {
    min-width: 960px;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table thead th {
    padding: 14px 18px 12px;
    font-size: 0.65rem;
    letter-spacing: 0.08em;
    color: rgba(148, 163, 184, 0.75);
    border-bottom-color: rgba(148, 163, 184, 0.12);
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table tbody td {
    padding: 1.12rem 18px;
    border-bottom-color: rgba(148, 163, 184, 0.1);
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table tbody tr:hover td {
    background: transparent;
}
body.page-ryzen-vds .oc-ryzen-pkg__name-col {
    min-width: 7.5rem;
    max-width: 12rem;
    vertical-align: middle;
}
body.page-ryzen-vds .oc-ryzen-pkg__cpu-col {
    min-width: 10.5rem;
    max-width: 15rem;
    vertical-align: middle;
}
body.page-ryzen-vds .oc-ryzen-pkg__title {
    display: block;
    font-size: 1.02rem;
    font-weight: 800;
    color: #f8fafc;
    letter-spacing: -0.02em;
    line-height: 1.2;
}
body.page-ryzen-vds .oc-ryzen-pkg__sub {
    display: block;
    margin-top: 0.4rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #94a3b8;
    line-height: 1.4;
    max-width: 22rem;
}

body.page-ryzen-vds .oc-ryzen-pkg__name-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
}
body.page-ryzen-vds .oc-ryzen-pkg__feat-toggle {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    color: #60a5fa;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-align: left;
    line-height: 1.3;
}
body.page-ryzen-vds .oc-ryzen-pkg__feat-toggle:hover {
    color: #93c5fd;
}
body.page-ryzen-vds .oc-ryzen-pkg__feat-toggle:focus {
    outline: 2px solid rgba(96, 165, 250, 0.65);
    outline-offset: 2px;
}
body.page-ryzen-vds .oc-ryzen-pkg__detail-row .oc-ryzen-pkg__detail-cell {
    padding: 0 18px 1.05rem;
    vertical-align: top;
    border-bottom-color: rgba(148, 163, 184, 0.1);
}
body.page-ryzen-vds .oc-ryzen-pkg__detail-panel {
    padding: 0.9rem 1rem 1.05rem;
    margin: 0 0 0.15rem;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.62);
    border: 1px solid rgba(148, 163, 184, 0.14);
}
body.page-ryzen-vds .oc-ryzen-pkg__feat-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem 1.1rem;
}
body.page-ryzen-vds .oc-ryzen-pkg__feat-grid > li {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #e2e8f0;
    line-height: 1.35;
}
body.page-ryzen-vds .oc-ryzen-pkg__feat-txt {
    min-width: 0;
}
body.page-ryzen-vds .oc-ryzen-pkg__feat-check {
    flex-shrink: 0;
    margin-top: 0.08rem;
    color: #3b82f6;
    font-size: 0.95rem;
    line-height: 1;
}
body.page-ryzen-vds .oc-ryzen-pkg__feat-info {
    flex-shrink: 0;
    margin-top: 0.04rem;
    margin-left: 0.05rem;
    color: #94a3b8;
    font-size: 0.78rem;
    cursor: help;
}
@media (max-width: 991px) {
    body.page-ryzen-vds .oc-ryzen-pkg__feat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 520px) {
    body.page-ryzen-vds .oc-ryzen-pkg__feat-grid {
        grid-template-columns: 1fr;
    }
}

/* Paket + CPU ayrı sütunlar — CPU hücresi (ikon + değer + alt açıklama) */
body.page-ryzen-vds .oc-ryzen-pkg__cpu-col .oc-ryzen-pkg__cpu-row {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    margin-top: 0;
}
/* 7950X sekmesi: CPU ikon kutusu (cpuicon) — yatay logo icin biraz daha genis; renk asagidaki genel filtre ile beyaz */
body.page-ryzen-vds #oc-ryzen-pane-7950 .oc-ryzen-pkg__cpu-col .oc-ryzen-pkg__cpu-ico {
    width: 2.65rem;
    min-width: 2.65rem;
    height: 1.85rem;
}
body.page-ryzen-vds .oc-ryzen-pkg__cpu-col .oc-ryzen-pkg__cpu-ico {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 1.92rem;
    min-width: 1.92rem;
    height: 1.92rem;
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: #e2e8f0;
    font-size: 0;
    line-height: 0;
    flex-shrink: 0;
    overflow: hidden;
}
body.page-ryzen-vds .oc-ryzen-pkg__cpu-col .oc-ryzen-pkg__cpu-body {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
}
body.page-ryzen-vds .oc-ryzen-pkg__cpu-col .oc-ryzen-pkg__cpu-val {
    font-size: 0.92rem;
    font-weight: 800;
    color: #f1f5f9;
    line-height: 1.2;
    letter-spacing: -0.02em;
}
body.page-ryzen-vds .oc-ryzen-pkg__cpu-col .oc-ryzen-pkg__cpu-lbl {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    line-height: 1.35;
    max-width: 20rem;
}

body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-cat__deliver--ok {
    font-size: 0.9rem;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-cat__price {
    font-size: 0.95rem;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-cat__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.5rem 1.1rem;
    border-radius: 10px;
    transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-cat__btn-ico {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.56rem;
    height: 1.56rem;
    vertical-align: middle;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0;
    border-radius: 0;
    background: transparent;
}
body.page-ryzen-vds .oc-ryzen-pkg__cpu-col .oc-ryzen-pkg__cpu-ico > img,
body.page-ryzen-vds .oc-ryzen-pkg__cpu-col .oc-ryzen-pkg__cpu-ico > svg,
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-spec-cell__ico > img,
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-spec-cell__ico > svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    flex-shrink: 0;
    filter: brightness(0) invert(1);
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-cat__btn-ico > img,
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-cat__btn-ico > svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    flex-shrink: 0;
    filter: brightness(0);
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-cat__cta .oc-ryzen-cat__btn--order:hover,
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-cat__cta .oc-ryzen-cat__btn--pre:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(37, 99, 235, 0.42);
    background: #ffffff !important;
    color: #1d4ed8 !important;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-cat__cta .oc-ryzen-cat__btn--pre:hover {
    border-color: rgba(29, 78, 216, 0.55) !important;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-cat__cta .oc-ryzen-cat__btn--order:active,
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-cat__cta .oc-ryzen-cat__btn--pre:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.28);
}

/* Ryzen paket tablosu — RAM / disk / ağ / koruma ikon + iki satır
   (td table-cell kalır; ikon + metin inline-flex + vertical-align ile ortalanır) */
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table td.oc-ryzen-spec-cell {
    display: table-cell;
    vertical-align: middle;
    min-width: 0;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-spec-cell__ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    flex-shrink: 0;
    width: 1.92rem;
    min-width: 1.92rem;
    height: 1.92rem;
    margin-right: 0.78rem;
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: #e2e8f0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-spec-cell__body {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
    gap: 0.1rem;
    min-width: 0;
    max-width: 18rem;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-spec-cell__val {
    font-size: 0.92rem;
    font-weight: 800;
    color: #f1f5f9;
    line-height: 1.2;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-spec-cell__lbl {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    letter-spacing: 0.02em;
    line-height: 1.3;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-spec-cell--protection {
    min-width: 11.5rem;
    max-width: 18rem;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-spec-cell--delivery {
    min-width: 9.5rem;
    max-width: 14rem;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-spec-cell--protection .oc-ryzen-spec-cell__val {
    font-size: 0.8rem;
    font-weight: 700;
    white-space: normal;
}
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-spec-cell__lbl.oc-ryzen-cat__deliver--ok,
body.page-ryzen-vds .oc-ryzen-cat__table.oc-ryzen-pkg-table .oc-ryzen-spec-cell__lbl.oc-ryzen-cat__deliver--wait {
    font-size: 0.7rem;
    font-weight: 600;
}

/* WHY ONLYCORE – sekmeli modern panel */
.oc-why {
    padding: 18px 0 26px;
    background: radial-gradient(1200px 420px at 20% 0%, rgba(37, 99, 235, 0.16), transparent 55%),
        radial-gradient(900px 340px at 80% 10%, rgba(16, 130, 197, 0.14), transparent 60%),
        #0b1020;
}

.oc-why__title {
    color: #eaf2ff;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.oc-why__tabs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px;
    margin: 0 auto 14px;
    border-radius: 10px;
    background: rgba(17, 24, 39, 0.55);
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(8px);
}

.oc-why__tabs .nav-link {
    color: rgba(229, 231, 235, 0.9);
    font-weight: 800;
    font-size: 13px;
    padding: 8px 14px;
    border-radius: 8px;
    transition: background-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.oc-why__tabs .nav-link:hover {
    background: rgba(148, 163, 184, 0.14);
    color: #fff;
    transform: translateY(-1px);
}

.oc-why__tabs .nav-link.active {
    background: rgba(37, 99, 235, 0.22);
    color: #ffffff;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(96, 165, 250, 0.22);
    transform: translateY(-1px);
}

.oc-why__panel {
    padding: 22px 22px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.62), rgba(15, 23, 42, 0.44));
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(10px);
}

.oc-why__heading {
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-size: 26px;
}

.oc-why__lead {
    color: rgba(226, 232, 240, 0.92);
    margin: 0 0 10px;
    line-height: 1.55;
}

.oc-why__text {
    color: rgba(226, 232, 240, 0.82);
    margin: 0 0 10px;
    line-height: 1.6;
}

.oc-why__list {
    margin-top: 10px;
}

.oc-why__media {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
}

.oc-why__media--shadow {
    box-shadow: 0 16px 46px rgba(0, 0, 0, 0.36);
}

.oc-why__media-col {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* sağdaki görsel biraz daha merkeze gelsin */
.oc-why__media-col--right .oc-why__media {
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    .oc-why__tabs {
        width: 100%;
        justify-content: center;
        border-radius: 14px;
        flex-wrap: wrap;
    }

    .oc-why__panel {
        padding: 16px 14px;
    }

    .oc-why__heading {
        font-size: 20px;
    }
}

/* SSS – modern accordion */
.oc-faq {
    padding: 18px 0 26px;
    background: radial-gradient(1200px 420px at 20% 0%, rgba(37, 99, 235, 0.16), transparent 55%),
        radial-gradient(900px 340px at 80% 10%, rgba(16, 130, 197, 0.14), transparent 60%),
        #0b1020;
}

.oc-faq__headings {
    margin-bottom: 14px;
    text-align: left;
}

.oc-faq__subtitle {
    color: rgba(148, 163, 184, 0.9);
    font-weight: 800;
    letter-spacing: 0.02em;
    margin-bottom: 6px;
}

.oc-faq__title {
    color: #eaf2ff;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 0;
}

.oc-faq__panel {
    padding: 8px;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.62), rgba(15, 23, 42, 0.44));
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.26);
    backdrop-filter: blur(10px);
}

.oc-faq .row > [class*="col-"] {
    margin-bottom: 10px;
}

/* SSS: sütun/panel aralarını daralt (Bootstrap gutter override sadece bu bölümde) */
.oc-faq .row {
    margin-left: -6px;
    margin-right: -6px;
}

.oc-faq .row > [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px;
}

.oc-faq__item {
    background: transparent;
    border: 0;
}

.oc-faq__head {
    background: transparent;
    border: 0;
    padding: 0;
}

.oc-faq__btn {
    width: 100%;
    text-align: left;
    text-decoration: none !important;
    color: rgba(229, 231, 235, 0.96) !important;
    font-weight: 850;
    font-size: 14px;
    padding: 12px 12px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(2, 6, 23, 0.28);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    position: relative;
}

.oc-faq__btn:hover {
    background: rgba(148, 163, 184, 0.14);
    border-color: rgba(148, 163, 184, 0.24);
}

.oc-faq__chev {
    width: 26px;
    height: 22px;
    border-radius: 8px;
    background: rgba(99, 102, 241, 0.2);
    border: 1px solid rgba(99, 102, 241, 0.28);
    position: relative;
    flex: 0 0 auto;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.22);
}

.oc-faq__chev::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 2px solid rgba(255, 255, 255, 0.9);
    border-bottom: 2px solid rgba(255, 255, 255, 0.9);
    transform: translate(-50%, -50%) rotate(45deg);
    transition: transform 0.18s ease;
}

.oc-faq__btn:not(.collapsed) .oc-faq__chev::before {
    transform: translate(-50%, -50%) rotate(225deg);
}

.oc-faq__body {
    color: rgba(226, 232, 240, 0.84);
    line-height: 1.65;
    padding: 8px 12px 12px;
}

.oc-faq__accordion .collapse,
.oc-faq__accordion .collapsing {
    background: transparent;
}

.oc-faq__accordion .collapsing {
    transition: height 0.4s ease, opacity 0.4s ease !important;
    opacity: 0.35;
}

.oc-faq__accordion .collapse.show {
    opacity: 1;
}

/* Reference-like FAQ for game page */
.oc-faq--ref {
    padding: 34px 0 52px;
    background: transparent;
}

.oc-faq--ref .container {
    max-width: 1280px;
    margin: 0 auto;
    background: transparent !important;
}

.oc-faq--ref .oc-faq__headings {
    margin-bottom: 16px;
    text-align: center;
    background: transparent !important;
}

.oc-faq--ref .oc-faq__subtitle {
    display: none;
}

.oc-faq--ref .oc-faq__title {
    color: #ffffff;
    font-size: 27px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    line-height: 1.1;
    text-align: center;
    background: transparent !important;
}

.oc-faq--ref .row {
    margin-left: 0;
    margin-right: 0;
}

.oc-faq--ref .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.oc-faq--ref .oc-faq__panel {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
}

.positives.pop.oc-faq--ref .container,
.positives.pop.oc-faq--ref {
    background: transparent !important;
}

.oc-faq--ref .oc-faq__item {
    border: 0;
}

.oc-faq--ref .oc-faq__btn {
    color: rgba(255, 255, 255, 0.96) !important;
    font-weight: 650;
    font-size: 15px;
    padding: 4px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    gap: 12px;
}

.oc-faq--ref .oc-faq__btn:not(.collapsed) {
    color: #4f8dff !important;
}

.oc-faq--ref .oc-faq__btn:hover {
    background: transparent;
    border-color: transparent;
}

.oc-faq--ref .oc-faq__chev {
    width: 14px;
    height: 14px;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.oc-faq--ref .oc-faq__chev::before {
    width: 6px;
    height: 6px;
    border-right: 1px solid rgba(255, 255, 255, 0.78);
    border-bottom: 1px solid rgba(255, 255, 255, 0.78);
}

.oc-faq--ref .oc-faq__body {
    color: rgba(226, 232, 240, 0.84);
    font-size: 12px;
    line-height: 1.4;
    padding: 0 0 8px;
    max-width: 860px;
}

.oc-faq--ref .card-body.oc-faq__body p:last-child,
.oc-faq--ref .card-body.oc-faq__body > *:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .oc-faq--ref .oc-faq__title {
        font-size: 22px;
    }

    .oc-faq--ref .oc-faq__btn {
        font-size: 14px;
        padding: 6px 0;
    }
}

@media (max-width: 767px) {
    .oc-faq__headings {
        text-align: left;
    }

    .oc-faq__btn {
        font-size: 14px;
        padding: 12px 12px;
    }
}

.container-fluid.black,.container.black {
    background: #0e101c
}

.trustpilot p.body {
    text-align: left;
    padding: 10px;
    clear: both;
    position: relative
}

.container-fluid.trust {
    background: #fff
}

.row.justify-content-md-center #Trust a {
    color: #020202;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    text-decoration: underline
}

#Trust .carousel-indicators li {
    background-color: gray
}

#Trust .carousel-indicators {
    position: relative;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.footer {
    background: #0e101c;
    width: 100%;
    color: #fff;
    padding-top: 18px;
    border-top: 4px solid #0a0c16
}

.testimonials {
    overflow: hidden;
    position: relative
}

.testimonials a {
    color: #fff!important;
    text-decoration: underline;
    font-size: 16px
}

.testimonials {
}

.one-slide,.testimonial,.message {
    border: none!important;
    outline: none!important
}

.box.hover:hover {
    border: 2px solid #0f82c5
}

.icon-overlay {
    position: absolute;
    opacity: .3;
    right: 10%;
    top: 0;
    height: auto;
    width: 100%;
    max-width: 400px
}

.carousel-controls .control {
    position: absolute;
    transform: translateY(100%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #404040;
    z-index: 1
}

.prev {
    left: -2.25rem
}

h3.title-panel-server {
    color: #fff;
    font-size: 25px;
    margin-bottom: 18px
}

.next {
    right: -2.25rem
}

.box li:nth-child(odd) {
}

.box li:nth-child(even) {
    background: #0e101c!important
}

.server_box li:nth-child(even) {
}

.navbar-toggler-icon.icon-bar {
    background-color: #fff!important
}

.container-fluid.padding {
    padding: 20px 0
}

.btn.btn-white {
    background: #fff
}

.navbar-light .navbar-toggler {
    color: rgb(255 255 255);
    border-color: rgb(255 255 255);
    left: 15px
}

.btn-dark {
    color: #fff;
    background-color: #1082c5;
    border-color: #1082c5
}

.vps-info a:hover {
    color: #404040
}

.box .top img {
    margin: auto;
    display: block;
    height: 100px;
    max-height: 48px;
    float: right;
    margin-right: 25px;
    margin-top: 7px;
    max-height: 48px;
    max-width: 100%;
    height: auto
}

.box a:hover {
    text-decoration: none
}

@media screen and (max-width: 768px) {
    .testimonials {
        max-height:700px
    }

    .icon-overlay {
        height: 300px;
        top: calc(50% - 150px)
    }

    .carousel-controls .control {
        width: 25px;
        height: 25px;
        top: inherit
    }

    .prev {
        left: 0
    }

    .next {
        right: 0
    }

    .control i {
        font-size: .7rem
    }

    .testimonials .message {
        font-size: 1rem
    }

    .testimonials h2 {
        font-size: 1.5rem
    }
}

.highlight-box {
    overflow: auto;
    border: 3px solid #404040;
    position: relative;
    height: auto;
    -moz-box-shadow: inset 0 0 10px #1d1d1d;
    -webkit-box-shadow: inset 0 0 10px #1d1d1d;
    box-shadow: 0 0 15px #1d1d1d
}

.highlight .title-box {
    position: relative;
    text-align: left!important;
    padding-left: 118px;
    padding-top: 10px;
    height: 100%
}

.highlight .player-count {
    color: #fff;
    top: 68px;
    position: absolute;
    right: 8px
}

.highlight {
    background: #313131;
    min-height: 114px;
    padding-bottom: 20px;
    font-size: 17px;
    -moz-box-shadow: inset 0 0 10px #1d1d1d;
    -webkit-box-shadow: inset 0 0 10px #1d1d1d;
    box-shadow: inset 0 0 10px #1d1d1d
}

.highlight h2 {
    text-align: center;
    color: #fff;
    padding-top: 15px
}

.highlight hr {
    border-top: 1px solid #ffffff14;
    border-radius: 100px;
    width: 24%
}

.highlight .img {
    float: left;
    border-right: 3px solid #404040
}

.highlight .title {
    color: #fff;
    font-weight: 600
}

.slick-slide img {
    display: block;
    position: relative;
    width: 227px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px
}

.checkmark.checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #404040;
    border-radius: 6px;
    cursor: pointer;
    margin: 10px 0 0 7px
}

.checkmark.checkbox:after {
    top: 0!important;
    left: 0!important;
    width: 20px!important;
    height: 20px!important;
    border-radius: 3px!important;
    background: #fff!important;
    border: 3px solid #404040!important
}

.green-border {
    border: 1px solid #404040;
    border-radius: 7px
}

.checkbox-option .price {
    border-bottom-right-radius: 5px;
    background: #141414;
    color: #fff;
    text-align: center;
    border-bottom-left-radius: 5px;
    font-size: 14px;
    padding: 3px
}

.positives .flag img {
    min-height: 0
}

.positives .flag img {
    margin-top: 0
}

.positives .wp-sold-out-strip {
    text-align: center;
    background-color: #81cd24;
    width: 193px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
    margin-left: -36px;
    position: absolute;
    margin-top: -57px;
    transform: rotate(-26deg)
}

.process-items.service-items .icon-box {
    background-color: transparent;
    padding: 0;
    padding-left: 50px;
    margin-top: 35px
}

.process-items.service-items .icon-box .number-box {
    position: absolute;
    left: 0;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 32px;
    border: 4px double #ddd;
    font-weight: 700;
    color: #262934;
    font-size: 14px;
    background-color: #fff;
    top: -8px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px
}

.pricing-item {
    border-radius: 4px;
    box-shadow: 0 0 7px #31313147;
    overflow: hidden;
    margin-top: 30px
}

.pricing-head {
    padding: 25px;
    padding-bottom: 15px;
    background-color: #313131;
    position: relative;
    color: #fff;
    z-index: 1;
    margin-bottom: 5px
}

.pricing-head::after {
    position: absolute;
    content: "";
    height: 50px;
    width: calc(100% + 50px);
    bottom: -13px;
    left: -25px;
    z-index: -1;
    transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg)
}

.col-md-12.review {
    padding-top: 20px;
    padding-bottom: 20px
}

.pricing-head h3 {
    font-size: 36px;
    font-weight: 700;
    margin-top: 5px
}

.pricing-head h3 small {
    font-size: 18px
}

.pricing-head img {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 70px;
    height: 70px
}

.pricing-item:hover .pricing-head img {
    -webkit-animation: shake-top .8s cubic-bezier(.455,.03,.515,.955) both;
    animation: shake-top .8s cubic-bezier(.455,.03,.515,.955) both
}

@-webkit-keyframes shake-top {
    0%,100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shake-top {
    0%,100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

.pricing-item a button {
    width: 70%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px
}

.pricing-item p {
    margin-bottom: 0
}

.pricing-item a:hover {
    text-decoration: none
}

.pricing-body>div {
    display: flex!important;
    justify-content: space-between;
    padding: 10px 25px;
    border-bottom: 1px solid #ffffff12
}

.pricing-body.pricing-body-02 {
    margin-top: 35px
}

.pricing-body.pricing-body-02>div {
    padding: 7px 0;
    border: 0
}

.pricing-body.pricing-body-02>div:last-child {
    padding-bottom: 0
}

.dedi .h6,h6 {
    font-size: 1rem;
    background: #1a1b25;
    color: #fff
}

.dedi p.cores {
    margin: 0;
    padding: 0;
    display: inline;
    font-size: 24px;
    color: #80cc28
}

.dedi i.cores {
    font-size: 12px
}

.dedi thead .table td:first-child,.table th {
    border-top: 0
}

.dedi .tab-content .text-center {
    text-align: center!important;
    vertical-align: middle!important
}

.dedi p.green {
    color: #80cc28;
    padding: 0;
    background: inherit;
    margin: 0
}

.container {
    color: #fff
}

.dedi .table td,.table th {
    vertical-align: middle
}

.dedi p.orange {
    color: orange;
    padding: 0;
    margin: 0
}

.dedi p.red {
    color: red;
    padding: 0;
    margin: 0
}

.dedi tbody tr:hover {
    background: #80808017
}

.tickets .modal-header .close {
    padding: inherit;
    margin: inherit
}

.tickets .modal-header {
    display: block;
    padding: 8px
}

.tickets .modal-title {
    text-align: center;
    margin-top: 2px
}

.server-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.server-list ul li {
    font-size: 16px;
    padding-left: 15px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    border-bottom: 1px solid #121626
}

.server-list li:nth-child(odd) {
    background: #090a12!important;
    border-bottom: 1px solid #121626
}

.server-list ul li p {
    float: right;
    right: 18px;
    position: absolute;
    top: 5px
}

.game-box a:hover {
    text-decoration: none
}

.ddos h3 {
    text-align: center;
    margin-top: 15px;
    color: #fff
}

.table-responsive.bg-white {
    background-color: #1d1e29!important
}

.table-responsive.bg-white table {
    color: #fff
}

.table td,.table th {
    border-top: 1px solid #0e101c
}

.table thead th {
    border-bottom: 0!important
}

.custom-control-input:checked~.custom-control-label:before {
    background-color: #242424!important
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #81cd24;
    background-color: #007bff
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff
}

.custom-control-label::before {
    background-color: #313131;
    border: #313131 solid 1px
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #81cd24;
    background-color: #007bff
}

.custom-switch .custom-control-label::after {
    background-color: #fff
}

select {
    word-wrap: normal;
    border-radius: 0;
    background: #090a12;
    color: #fff
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5rem + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: #121626;
    background-clip: padding-box;
    border: 1px solid #404040;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #fff
}

.alert-danger {
    color: #fff;
    background-color: #800712;
    border-color: #bc0014;
    margin-top: 30px
}

.btn-primary {
    color: #fff;
    background-color: #0f82c5;
    border-color: #0f82c5
}

.order_container .discount button {
    outline: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    font-size: 18px;
    height: 43px;
    box-shadow: 0 8px 3px 0 rgb(0 0 0/7%)
}

.order_container .discount label {
    font-weight: 700;
    font-size: 19px;
    text-shadow: 0 4px 4px rgb(34 34 34/75%);
    width: 100%;
    margin-left: 3px
}

.sidenav {
    background: rgb(14 16 28);
    border: 2px solid rgb(9 10 18);
    border-radius: 4px;
    margin-bottom: 30px
}

.sidenav ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.sidenav ul li:hover {
    background: #1082c5
}

.sidenav ul li {
    padding: 9px;
    padding-left: 10px;
    cursor: pointer;
    border-bottom: 2px solid #090a12;
    font-size: 17px;
    text-align: center
}

.sidenav ul li:last-child {
    border-bottom: 0
}

.sidenav h2 {
    font-size: 16px;
    text-align: center;
    padding: 10px;
    background: #090a12;
    margin: 0
}

.tabs {
    width: 100%
}

.tabs .tab {
    display: none
}

.extra-tabs .tab {
    display: none
}

.yourvm hr {
    border-top: 1px solid #313131;
    border-radius: 100px;
    width: 90%;
    margin-bottom: 15px;
    margin-top: 0
}

.alert-danger button {
    margin: 0;
    float: right
}

div.alert {
    position: relative
}

div.alert p.pull-left {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%
}

.resource-caching,.filter-profiles-box {
}

.detail.bandwidth-graphs {
    padding: 15px
}

.add-filter-profile {
    padding: 10px
}

.detail.bandwidth-graphs img {
    width: 100%;
    background: #fff;
    border-radius: 8px
}

.detail.firewall-add {
    display: none;
    padding: 20px
}

.alert.firewall {
    margin: 0 0 25px
}

.div-loading {
    position: relative;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    display: block;
    left: 0;
    bottom: 0;
    right: 0
}

.div-loading:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3)
}

.div-loading:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.div-loading:not(:required):after {
    content: "";
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: .5em;
    -webkit-box-shadow: rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.5) -1.5em 0 0 0,rgba(0,0,0,.5) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.75) -1.5em 0 0 0,rgba(0,0,0,.75) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0
}

.div-loading-box {
    position: relative;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    display: block;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.yourvm button.enable {
    width: 40%;
    margin: 10px 0 8px;
    font-size: 18px
}

table .no-records {
    text-align: center
}

.add-ip-whitelist {
    padding: 15px
}

.add-country-whitelist {
    padding: 15px
}

.add-ip-whitelist small {
    color: #fff!important
}

.add-country-whitelist small {
    color: #fff!important
}

.add-ip-whitelist button {
    height: 40px;
    font-size: 17px;
    margin: 0
}

.add-country-whitelist button {
    height: 40px;
    font-size: 17px;
    margin: 0
}

.order-area {
    padding: 20px
}

.order-area .squares {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.order-area .squares .country {
    width: 100%;
    cursor: pointer;
    height: 100%;
    border: 3px solid #090a12;
    border-radius: 3px;
    position: relative
}

.order-area .squares .country img {
    padding: 0;
    width: 100%;
    height: 95px
}

.order-area .squares .country p {
    padding: 5px 0;
    text-align: center;
    margin: 0;
    font-weight: 500;
    background: #0e101c;
    font-size: 15px
}

.order-area .squares .country:hover,.squares .country.active {
    border: 3px solid #1082c5
}

.order-area .squares .country:hover p,.squares .country.active p {
    background: #1082c5
}

.order-area .squares .country.active:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    box-shadow: inset 0 0 14px #000000b3
}

.order-area h3 {
    font-size: 1.75rem;
    margin-bottom: 14px;
    margin-top: 15px
}

.order-area .package .pricing {
    border-bottom: 1px solid #000;
    padding: 18px 0 11px
}

.order-area .package {
    width: 100%;
    background: #0e101c;
    border-radius: 3px;
    color: #fff;
    border: 2px solid #090a12;
    position: relative;
    text-align: center;
    cursor: pointer
}

.order-area .package:hover {
    border: 2px solid #80cc28
}

.order-area .package .price {
    line-height: 18px
}

.order-area .package .price {
    text-align: center
}

.order-area .package .hourly {
    font-size: 14px
}

.order-area .package .monthly .dollar {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    vertical-align: top;
    position: relative;
    font-weight: 600;
    left: 5px;
    top: 0
}

.order-area .package .monthly .cost {
    font-size: 26px
}

.order-area .package .monthly .period {
    font-size: 16px
}

.order-area .package .price .period {
    font-size: 12px;
    right: 0;
    position: relative
}

.order-area .package .details span {
    display: block;
    margin: 0;
    color: #d7d7d7
}

.order-area .package .details .bandwidth strong,.order-area .details .disk strong,.order-area .details .memory_and_cpu strong {
    color: #676767
}

.order-area .package .details {
    padding: 10px;
    font-size: 14px
}

/* Bootstrap grid CSS yüklü değil; tüm sayfalarda yatay gutter */
.container {
    max-width: 1260px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(16px, 3.5vw, 32px);
    padding-right: clamp(16px, 3.5vw, 32px);
    box-sizing: border-box;
}

.container-fluid {
    padding-left: clamp(16px, 3.5vw, 32px);
    padding-right: clamp(16px, 3.5vw, 32px);
    box-sizing: border-box;
}

.order-area .package.active {
    border: 2px solid #80cc28
}

.testimonial-carousel img {
    vertical-align: middle;
    border-style: none;
    width: 23%;
    margin: auto;
    display: block
}

.testimonial-carousel {
    height: 250px
}

.btn-dark:hover {
    color: #fff;
    background-color: #035281;
    border-color: #035281
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #035281;
    border-color: #035281
}

.btn-dark.focus,.btn-dark:focus {
    color: #fff;
    background-color: #1082c5;
    border-color: #1082c5;
    box-shadow: 0 0 0 .2rem rgb(82 88 93/50%)
}

#homeSlider .carousel-text .btn.btn-primary {
    position: relative;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: none;
    padding: 0.875rem 1.85rem;
    min-height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    color: #e8eef4 !important;
    background-color: #0d6a9a;
    background-image: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
    margin-top: 6px;
    margin-bottom: 12px;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, color 0.2s ease;
}

#homeSlider .carousel-text .btn.btn-primary:hover {
    color: #fff !important;
    background-color: #1178ad;
    border-color: rgba(255, 255, 255, 0.14);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.32);
}

#homeSlider .carousel-text .btn.btn-primary:active {
    transform: translateY(0);
    background-color: #0b5f88;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

#homeSlider .carousel-text .btn.btn-primary:focus {
    outline: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 2px rgba(255, 255, 255, 0.2);
}

/* Hero CTA (Paketleri İncele): koyu lacivert, beyaz yazı, ince border — tüm sayfalar */
#homeSlider .carousel-text .btn.btn-primary.oc-hero-btn--simple,
.btn.btn-primary.oc-hero-btn--simple,
a.btn.btn-primary.oc-hero-btn--simple {
    background-color: #161f2f !important;
    background-image: none !important;
    border: 1px solid rgba(148, 163, 184, 0.38) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
    backdrop-filter: none;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 0.65rem 1.45rem;
    min-height: 40px;
    border-radius: 10px;
}

#homeSlider .carousel-text .btn.btn-primary.oc-hero-btn--simple:hover,
.btn.btn-primary.oc-hero-btn--simple:hover,
a.btn.btn-primary.oc-hero-btn--simple:hover {
    color: #fff !important;
    background-color: #1c2a42 !important;
    border-color: rgba(186, 201, 219, 0.48) !important;
    transform: translateY(-1px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.34);
}

#homeSlider .carousel-text .btn.btn-primary.oc-hero-btn--simple:active,
.btn.btn-primary.oc-hero-btn--simple:active,
a.btn.btn-primary.oc-hero-btn--simple:active {
    transform: translateY(0);
    background-color: #121925 !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}

#homeSlider .carousel-text .btn.btn-primary.oc-hero-btn--simple {
    margin-top: 0.35rem;
    margin-bottom: 0.35rem;
}

#homeSlider .carousel-text .btn.btn-primary.oc-hero-btn--simple:focus,
.btn.btn-primary.oc-hero-btn--simple:focus,
a.btn.btn-primary.oc-hero-btn--simple:focus {
    outline: none;
    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.28),
        0 0 0 2px rgba(255, 255, 255, 0.22);
}

@media (prefers-reduced-motion: reduce) {
    #homeSlider .carousel-text .btn.btn-primary,
    #homeSlider .carousel-text .btn.btn-primary:hover,
    #homeSlider .carousel-text .btn.btn-primary:active,
    .btn.btn-primary.oc-hero-btn--simple,
    .btn.btn-primary.oc-hero-btn--simple:hover,
    .btn.btn-primary.oc-hero-btn--simple:active,
    a.btn.btn-primary.oc-hero-btn--simple,
    a.btn.btn-primary.oc-hero-btn--simple:hover,
    a.btn.btn-primary.oc-hero-btn--simple:active {
        transition: none;
        transform: none;
    }
}

#homeSlider .carousel-inner .container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 50px
}

#homeSlider .carousel-text {
}

.blurry-bg {
    width: 100%;
    height: 705px;
    background-image: linear-gradient(rgba(0,0,0,0.53),rgba(0,0,0,0.53));
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute
}

.flags-outer-container {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
    padding: 5px 0 0;
    border-radius: 8px;
    position: relative
}

.flags-container {
    display: flex;
    justify-content: space-between
}

.country-flag {
    width: 40px;
    width: 40px;
    margin: 0 5px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    transition: opacity .3s;
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 29px;
}

/* homeSlider: "country" ikonları yuvarlak olsun (Minecraft/ARK hero) */
#homeSlider .country-flag {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    border: none;
    margin: 0 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

#homeSlider .flags-outer-container {
    justify-content: flex-start;
    margin-bottom: 14px;
    padding-top: 5px;
}

#homeSlider .carousel-text .oc-hero-tagline {
    margin-top: 0.35rem;
    font-size: 16px;
    text-transform: uppercase;
    font-style: italic;
    color: rgba(229, 231, 235, 0.95);
    font-weight: 800;
    letter-spacing: 0.06em;
    margin-bottom: 1.25rem;
}

/* homeSlider hero içindeki bayrakları tamamen kaldır */
#homeSlider .flags-outer-container {
    display: none !important;
}

#homeSlider .carousel-text .oc-hero-ddos {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 1.1rem 0 0;
    font-size: 15px;
    color: #22c55e;
    text-transform: none;
    font-weight: 700;
    text-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
}

#homeSlider .carousel-text .oc-hero-ddos.oc-hero-ddos--green-force {
    color: #22c55e !important;
}

/* 9950 satirinda ARK ile birebir tipografi */
#homeSlider .carousel-text .oc-hero-ddos.oc-hero-ddos--ark-match {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
    font-family: inherit !important;
}

/* CS:GO slaytındaki bayraklar istenmiyorsa gizle */
#homeSlider .carousel-text.oc-hero-csgo .flags-outer-container {
    display: none;
}

#homeSlider .carousel-text .oc-hero-underline {
    display: inline-block;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

/* homeSlider: CSGO için indirim pill */
#homeSlider .carousel-text {
    position: relative;
}

#homeSlider .carousel-text .oc-slide-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
    color: #ffffff;
    background: #161f2f;
    border: 1px solid rgba(148, 163, 184, 0.38);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
    backdrop-filter: none;
    z-index: 25;
}

#homeSlider .carousel-text .oc-slide-pill__arrow {
    color: #cbd5e1;
    font-size: 16px;
    line-height: 1;
}

#homeSlider .carousel-text .oc-slide-pill--csgo {
    position: absolute;
    top: -56px;
    left: 0;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 700;
}

/* CS:GO pill içindeki ok daha ince dursun */
#homeSlider .carousel-text .oc-slide-pill--csgo .oc-slide-pill__arrow {
    font-size: 14px;
}

/* İstersen hafif daha ince görünsün */
#homeSlider .carousel-text .oc-slide-pill--csgo {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

/* Ryzen/VDS: pill akışta kalsın; başlıkla arada nefes payı */
#homeSlider .carousel-text .oc-slide-pill--vds {
    position: relative;
    top: auto;
    left: auto;
    padding: 8px 14px;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 700;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
    margin-bottom: 1.15rem;
}

#homeSlider .carousel-text .oc-slide-pill--vds .oc-slide-pill__arrow {
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    #homeSlider .carousel-text .oc-slide-pill--csgo {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 10px;
        white-space: normal;
    }

    #homeSlider .carousel-text .oc-slide-pill--vds {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 10px;
        white-space: normal;
    }
}

.flag-wrapper {
    position: relative;
    display: inline-block
}

.flag-label {
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    z-index: 10;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .3s;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    padding: 2px 8px;
    border-radius: 4px;
    margin-bottom: 6px
}

.flag-label::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0,0,0,.7)
}

.flag-wrapper:hover .country-flag {
    opacity: .6
}

.flag-wrapper:hover .flag-label {
    opacity: 1
}

@media(max-width: 767px) {
    .flag-wrapper {
        display:none
    }
}

.blurry-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 705px;
    backdrop-filter: blur(10px)
}

#homeSlider .carousel-text h1 {
    font-size: 60px;
    max-width: 545px;
    font-size: 62px;
    font-weight: 600;
    line-height: 1.1;
    margin: 0 0 0.85rem;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: -0.02em;
    text-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
}

.product_top h1 {
    color: #fff;
    text-align: center;
    margin: 0 0 10px
}

#homeSlider .carousel-text p {
    font-size: 28px
}

#homeSlider .carousel-text p.mt-3 {
    font-size: 28px;
    text-transform: uppercase;
    font-style: italic
}

#homeSlider .image-box {
    height: 100vh;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#homeSlider .carousel-inner {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    overflow: hidden
}

/* carousel-item'lar da tam viewport yüksekliğinde dursun */
#homeSlider .carousel-item {
    height: 100vh;
}

#homeSlider .carousel-indicators {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    width: 100%;
    background: transparent;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 6px;
    z-index: 999999;
    opacity: 1;
    pointer-events: auto;
}

#homeSlider .carousel-indicators li,#homeSlider .carousel-indicators li.active {
    float: none;
    position: relative;
    width: 4px;
    height: 4px;
    margin: 0;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.5);
    background: rgba(148, 163, 184, 0.35);
    text-indent: 0;
    display: inline-block;
    opacity: 1;
    cursor: pointer;
}

#homeSlider .carousel-indicators li.active {
    background: #1082c5;
    border-color: rgba(16, 130, 197, 0.9);
}

#homeSlider .carousel-indicators img {
    display: none !important;
}

.nav_top .list-group-item {
    background-color: inherit
}

.nav_top.absolute {
    width: 100%;
    position: absolute;
    z-index: 10;
    background: 0 0
}

.container-fluid.product {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 110px;
    padding-bottom: 70px
}

.container-fluid.product.oc-gh-hero {
    background-position: center;
    position: relative;
}

.product_top.fivem.oc-gh-hero__content h1 {
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: clamp(34px, 4.2vw, 56px);
    line-height: 1.05;
    margin-bottom: 10px;
}

.product_top.fivem.oc-gh-hero__content h2 {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: clamp(18px, 2.1vw, 26px);
    opacity: 0.98;
}

.product_top.fivem.oc-gh-hero__content p {
    font-size: 18px;
    line-height: 1.6;
    max-width: 760px;
    width: min(92%, 760px);
}

.oc-gh-band {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(220px, 36vh, 400px);
    padding: clamp(2rem, 6vw, 3.5rem) 16px;
    background: #0b0f1e;
}

@media (max-width: 991px) {
    .oc-gh-band {
        min-height: clamp(200px, 30vh, 320px);
        padding: clamp(1.75rem, 5vw, 2.5rem) 14px;
    }
}

.oc-gh-band__inner {
    text-align: center;
    max-width: 980px;
    margin: 0 auto;
    width: 100%;
}

.oc-gh-band__kicker {
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.92);
    font-size: clamp(18px, 2.4vw, 28px);
    margin-bottom: 4px;
}

.oc-gh-band__title {
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffffff;
    font-size: clamp(28px, 4vw, 52px);
    line-height: 1.06;
}

.oc-gh-band__desc {
    margin: 16px auto 0;
    color: rgba(211, 216, 231, 0.92);
    font-size: 16px;
    line-height: 1.65;
    max-width: 820px;
    text-align: center;
}

.oc-common-features {
    padding: 64px 0 54px;
    background: #0b0f1e;
}

.oc-common-features__head {
    text-align: center;
    margin: 0 auto 28px;
    max-width: 980px;
}

.oc-common-features__title {
    color: #f8fafc;
    font-size: 34px;
    font-weight: 900;
    letter-spacing: 0.02em;
    margin: 0 0 8px;
}

.oc-common-features__subtitle {
    color: rgba(211, 216, 231, 0.92);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

.oc-common-features__grid > [class*="col-"] {
    display: flex;
    margin-bottom: 18px;
}

.oc-common-features__item {
    width: 100%;
    background: rgba(9, 13, 26, 0.55);
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 14px;
    padding: 22px 20px 18px;
    box-shadow: 0 10px 24px rgba(4,10,28,.16);
}

.oc-common-features__icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #22c55e;
    background: rgba(34, 197, 94, 0.10);
    border: 1px solid rgba(34, 197, 94, 0.22);
    margin-bottom: 12px;
    font-size: 26px;
}

.oc-common-features__name {
    color: #22c55e;
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 8px;
}

.oc-common-features__desc {
    color: rgba(226, 232, 240, 0.92);
    font-size: 13px;
    line-height: 1.55;
}

@media (max-width: 991px) {
    .oc-common-features {
        padding: 54px 0 46px;
    }

    .oc-common-features__title {
        font-size: 28px;
    }
}

.product_top.order {
    margin-top: 20px;
    margin-bottom: 20px
}

.product_top.order h2 {
    font-size: 35px
}

.product_top.fivem h1 {
    padding-top: 20px;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    text-align: center
}

.tab-pane .product_top {
    position: relative;
    margin-top: 30px
}

.navbar-collapse.collapse.show {
    background: #0e101c
}

#ReviewCarousel img {
    display: block;
    margin: auto;
    max-width: 230px;
    margin-top: 15px
}

#ReviewCarousel .message {
    border: none!important;
    outline: none!important;
    max-width: 83%;
    margin: auto;
    margin-top: 20px;
    display: block
}

#ReviewCarousel .testimonial {
    padding-bottom: 50px
}

#ReviewCarousel .carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 39px;
    height: 111px;
    background: no-repeat 50%/100% 100%
}

#ReviewCarousel .carousel-control-next-icon {
    background: url(../img/testnext.png);
    right: 5%;
    left: unset;
    position: absolute
}

#ReviewCarousel .carousel-control-prev-icon {
    background: url(../img/testprev.png);
    right: unset;
    left: 5%;
    position: absolute
}

.pt-ribbon-wrapper-2 {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 142px;
    height: 120px
}

.pt-ribbon-wrapper-2 .pt-ribbon-2 {
    text-align: center;
    position: relative;
    height: 42px;
    top: 18px;
    left: 2px;
    width: 188px;
    background-color: #9b1a1a;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 45px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s
}

.nav-justified .nav-item {
    display: inline-block;
    min-width: 200px;
}

.nav-item .path {
    background: #0e101c;
    height: 32px;
    border-radius: 5px;
    line-height: 32px;
    margin-top: 5px
}

.nav-item .path img {
    height: 23px
}

.positives.pop .container {
    background: #0000001a
}

.nav-item {
    margin: auto 0
}

.text-right {
    text-align: right
}

.positives.pop b {
    color: #1082c5
}

.positives.pop img {
    border: 2px solid #ffffff1c;
    border-radius: 3px;
    height: auto;
    max-width: 100%
}

.order-area .section__body {
    margin-top: 16px;
    padding-left: 54px;
    margin-bottom: 25px
}

#homeSlider .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J001LjI1IDBsLTQgNCA0IDQgMS41LTEuNUw0LjI1IDRsMi41LTIuNUw1LjI1IDB6Jy8+PC9zdmc+)
}

#homeSlider .carousel-control-prev,
#homeSlider .carousel-control-next {
    width: 30px;
    height: 30px;
    top: 10%;
    transform: translateY(-50%);
    opacity: 1;
    border-radius: 999px;
    border: 1px solid rgba(16, 130, 197, 0.45);
    background: rgba(15, 23, 42, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1400;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
}

#homeSlider .carousel-control-prev {
    left: 35px;
}

#homeSlider .carousel-control-next {
    right: 35px;
}

#homeSlider .carousel-control-prev-icon,
#homeSlider .carousel-control-next-icon {
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
}

#homeSlider .carousel-control-next-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J001LjI1IDBsLTQgNCA0IDQgMS41LTEuNUw0LjI1IDRsMi41LTIuNUw1LjI1IDB6Jy8+PC9zdmc+);
    transform: rotate(180deg);
}

.order-area .list-group-item {
    background-color: #0e101c;
    padding: 20px;
    cursor: pointer;
    border-left: 2px solid #090a12;
    border-top: 2px solid #090a12;
    border-right: 2px solid #090a12;
    border-radius: 0;
    font-size: 18px
}

.order-area .list-group-item:last-child {
    border-bottom: 2px solid #090a12
}

.order-area .list-group-item:hover {
    background-color: #090a12
}

.order-area .list-group-item.selected {
    background-color: #074c74;
    border-left: 2px solid #006ea3;
    border-top: 2px solid #006ea3;
    border-right: 2px solid #006ea3;
    border-bottom: 2px solid #006ea3
}

.order-area .list-group-item span.right {
}

.order-area .list-group-item span.discount {
    background: #04a704;
    padding: 7px;
    border-radius: 4px;
    margin-right: 10px
}

.order-area .list-group-item span.price {
    font-size: 20px
}

.order-area .list-group-item p {
    margin: 0;
    font-size: 18px
}

.order-area .list-group-item i {
    font-size: 14px
}

.order-area .radio {
    background: #151328;
    width: 25px;
    height: 25px;
    border-radius: 15px
}

.order-area .list-group-item.selected .radio {
    background: #fff;
    border: 8px solid #121626
}

.order-area .list-group-item img {
    width: 32px;
    height: 24px;
    margin-right: 15px
}

.order-area .flag {
    border: 0;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 30px;
    margin-right: 15px;
    margin-left: 10px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0/50%)
}

.order-area .flag:hover {
    transform: scale(1.1)
}

.order-area .flag.selected {
    transform: scale(1.1)
}

.order-area .flag.selected:after {
    border-color: #1082c5;
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PHBhdGggZmlsbD0nIzAwZGE2YicgZD0nTTEyIDI4LjdsLTEyLTEyTDUuNyAxMWw2LjMgNi4zTDI2LjMgMyAzMiA4Ljd6Jy8+PC9zdmc+)
}

.order-area .flag:after {
    position: absolute;
    width: 24px;
    height: 24px;
    border: 2px solid #c6d4e0;
    border-radius: 24px;
    background-color: #f5f7fa;
    background-position: 50%;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    content: "";
    pointer-events: none;
    top: 10px;
    right: 10px
}

.box.sticky {
    position: sticky;
    margin-top: 75px;
    top: 25px
}

.box h4 {
    font-size: 15px;
    z-index: 10;
    color: #f7f7f7;
    font-weight: 400;
    text-align: left;
    position: relative;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 0 0 3px 20px;
    font-weight: 700
}

.box.sticky ul.total {
    margin: 23px;
    width: auto;
    border-bottom: 1px solid #ffffff12
}

.box.sticky .middle .total li {
    padding: 10px 0 0;
    border-top: 1px solid #ffffff12;
    height: 50px
}

.order-area .product_top.fivem {
    margin-bottom: 30px
}

.order-area .product_top.fivem h1 {
    padding-top: 20px;
    font-size: 45px;
    text-align: left
}

.order-area .product_top.fivem p {
    text-align: left;
    margin: 0;
    width: 100%
}

@media screen and (max-width: 992px) {
    .order-area .section__body {
        padding-left:0
    }
}

p.first-month-discount {
    background: #c70000;
    border: 2px solid #a70000;
    border-radius: 5px;
    padding: 0 10px;
    margin: -4px
}

.ping.green {
    background: #028300
}

.ping.red {
    background: #811000
}

.ping.orange {
    background: #ff7600
}

.order-area .os_box {
    box-shadow: 0 5px 10px 0 rgb(0 0 0/50%);
    border-radius: 3px
}

.order-area .os_box.selected {
    border: 2px solid #006ea3;
    box-shadow: 0 10px 30px rgb(0 0 0/25%),0 0 0 1px #1082c5
}

.order-area .os_box.selected .bottom select {
    border-top: 2px solid #006ea3;
    background-color: #074c74;
    color: #fff
}

.section__body.explain {
    color: #d3d8e7;
    margin-top: 2px
}

.site-footer {
    margin-top: 28px;
    padding: 36px 0 22px;
    background:
        radial-gradient(circle at top left, rgba(16, 130, 197, 0.10), transparent 38%),
        linear-gradient(180deg, #0a1120 0%, #080f1d 100%);
    border-top: 1px solid rgba(16, 130, 197, 0.28);
}

.site-footer__inner {
    color: #cbd5e1;
}

.site-footer--mega {
    padding: 48px 0 28px;
    background:
        radial-gradient(circle at 18% 0%, rgba(16, 130, 197, 0.14), transparent 42%),
        linear-gradient(180deg, #070d18 0%, #04070f 100%);
}

.site-footer.site-footer--minimal {
    margin-top: 0;
}

.site-footer--minimal.site-footer--mega {
    padding: 0 0 22px;
    background: #060a14;
    border-top-color: rgba(148, 163, 184, 0.14);
}

.site-footer--minimal .site-footer__inner--narrow {
    max-width: 1220px;
    padding-left: 12px;
    padding-right: 28px;
    padding-top: 0;
}

@media (min-width: 992px) {
    .site-footer--minimal .site-footer__top.row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .site-footer--minimal .site-footer__top > [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.site-footer--minimal .site-footer__lead {
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.3;
    margin: -34px 0 8px;
    max-width: 22rem;
}

.site-footer--minimal .site-footer__office-line {
    margin: -6px 0 0;
    font-size: 12px;
    line-height: 1.4;
    color: #64748b;
    max-width: 22rem;
}

.site-footer--minimal .site-footer__office-line .site-footer__office-map {
    color: #7dd3fc;
    font-weight: 600;
    font-size: inherit;
    display: inline;
}

.site-footer--minimal .site-footer__office-line .site-footer__office-map:hover {
    color: #bae6fd;
    transform: none;
}

.site-footer--minimal .site-footer__contact {
    margin-top: -4px;
    margin-bottom: 6px;
}

.site-footer--minimal .site-footer__contact li {
    margin-bottom: 3px;
}

.site-footer--minimal .site-footer__contact li a {
    font-size: 12px;
}

.site-footer--minimal .site-footer__contact-icon {
    width: 26px;
    height: 26px;
    font-size: 12px;
}

.site-footer--minimal .site-footer__heading {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
    color: #f1f5f9;
}

.site-footer--minimal .site-footer__links-grid {
    gap: 8px 10px;
    margin-bottom: 0;
}

/* Mobil: üstte boşluk */
.site-footer--minimal.site-footer--mega .site-footer__links-grid {
    margin-top: 24px;
}

/* Geniş ekranda link bloğunu dikeyde ortanın biraz altına */
@media (min-width: 992px) {
    .site-footer--minimal.site-footer--mega .site-footer__top > .col-xl-8 {
        justify-content: center;
        padding-top: 56px;
    }

    .site-footer--minimal.site-footer--mega .site-footer__links-grid {
        margin-top: 0;
    }
}

.site-footer.site-footer--minimal ul li {
    margin-bottom: 2px;
}

.site-footer.site-footer--minimal ul li a {
    padding-left: 0;
    font-size: 11px;
    line-height: 1.35;
    color: #94a3b8;
    white-space: normal;
}

.site-footer.site-footer--minimal ul li a::before {
    content: none !important;
    display: none;
}

.site-footer.site-footer--minimal ul li a:hover,
.site-footer.site-footer--minimal ul li a:focus-visible {
    color: #e2e8f0;
    transform: none;
    outline: none;
}

.site-footer--minimal .site-footer__top {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

.site-footer--minimal .site-footer__brand {
    padding-top: 0;
    margin-top: 0;
}

.site-footer--minimal .site-footer__bottom--bar {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 26px;
    border-top-color: rgba(148, 163, 184, 0.16);
    gap: 8px 12px;
}

.site-footer--minimal .site-footer__social-link {
    width: 32px;
    height: 32px;
    font-size: 13px;
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.5);
}

.site-footer--minimal .site-footer__social-link:hover {
    transform: none;
}

.site-footer--minimal .site-footer__copyright {
    font-size: 12px;
}

.site-footer--minimal .site-footer__legal a {
    font-size: 11px;
}

.site-footer--minimal .site-footer__vat {
    font-size: 10px;
}

.site-footer--minimal .site-footer__logo {
    filter: none;
    margin-top: -50px;
    margin-bottom: -10px;
    display: block;
    width: clamp(150px, 72%, 220px);
    transform: scaleX(0.93);
    transform-origin: left center;
}

.site-footer__heading {
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 800;
    color: #f8fafc;
    line-height: 1.25;
    padding-bottom: 0;
    border-bottom: none;
    min-height: unset;
    white-space: normal;
}

.site-footer__cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.site-footer__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.site-footer__cta--primary {
    color: #ffffff !important;
    background: linear-gradient(180deg, #1082c5 0%, #0c6ca3 100%);
    border: 1px solid rgba(16, 130, 197, 0.45);
    box-shadow: 0 4px 14px rgba(16, 130, 197, 0.22);
}

.site-footer__cta--primary:hover,
.site-footer__cta--primary:focus-visible {
    filter: brightness(1.06);
    transform: translateY(-1px);
    outline: none;
}

.site-footer__cta--outline {
    color: #e2e8f0 !important;
    background: rgba(8, 15, 29, 0.65);
    border: 1px solid rgba(226, 232, 240, 0.32);
}

.site-footer__cta--outline:hover,
.site-footer__cta--outline:focus-visible {
    border-color: rgba(16, 130, 197, 0.55);
    background: rgba(16, 130, 197, 0.12);
    outline: none;
}

.site-footer__contact {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
}

.site-footer__contact li {
    margin-bottom: 10px;
}

.site-footer__contact li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding-left: 0;
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.35;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.site-footer__contact li a::before {
    content: none !important;
}

.site-footer__contact li a:hover,
.site-footer__contact li a:focus-visible {
    color: #f1f5f9;
    transform: none;
    outline: none;
}

.site-footer__contact-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(16, 130, 197, 0.16);
    border: 1px solid rgba(16, 130, 197, 0.32);
    color: #4bb7ff;
    flex-shrink: 0;
    font-size: 13px;
}

.site-footer__links-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px 18px;
    margin-bottom: 18px;
}

.site-footer__col--stack {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.site-footer__subcol .site-footer__heading {
    margin-bottom: 10px;
}

.site-footer__bottom--bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 16px 24px;
    border-top: 1px solid rgba(16, 130, 197, 0.24);
    padding-top: 18px;
    padding-bottom: 28px;
    margin-top: 10px;
}

.site-footer__bottom-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px 20px;
}

.site-footer__bottom--bar .site-footer__bottom-main {
    width: 100%;
    text-align: center;
}

.site-footer__bottom--bar .site-footer__copyright {
    margin: 0;
}

.site-footer__legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
}

.site-footer__legal a {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.site-footer__legal a:hover,
.site-footer__legal a:focus-visible {
    color: #93c5fd;
    outline: none;
}

.site-footer__bottom-aside {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px;
}

.site-footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.site-footer__social-link {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.85);
    border: 1px solid rgba(148, 163, 184, 0.22);
    color: #94a3b8;
    font-size: 14px;
    text-decoration: none !important;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.site-footer__social-link:hover,
.site-footer__social-link:focus-visible {
    color: #e2e8f0;
    border-color: rgba(16, 130, 197, 0.45);
    background: rgba(16, 130, 197, 0.12);
    transform: translateY(-1px);
    outline: none;
}

.site-footer__social-link--placeholder {
    opacity: 0.42;
    cursor: default;
    pointer-events: none;
}

.site-footer__vat {
    margin: 0;
    font-size: 11px;
    color: #64748b;
    white-space: nowrap;
}

.site-footer__vat--under-lead {
    margin-top: 2px;
    margin-bottom: 10px;
    max-width: 22rem;
    white-space: normal;
    line-height: 1.4;
}

.site-footer--minimal .site-footer__vat--under-lead {
    margin-top: 0;
    margin-bottom: 4px;
}

.site-footer--mega .site-footer__top > .col-xl-8 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* Masaüstünde sol sütun uzun olduğunda link sütunlarını dikeyde alta hizala */
.site-footer--mega .site-footer__links-grid {
    margin-top: auto;
}

.site-footer--mega .site-footer__office {
    margin-top: 6px;
    padding-top: 16px;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.site-footer__top {
    margin-bottom: 22px;
    align-items: stretch;
}

.site-footer__brand {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    justify-content: flex-start;
}

.site-footer__logo {
    display: block;
    width: clamp(170px, 72%, 230px);
    height: auto;
    margin: 2px 0 14px -12px;
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.35));
}

.site-footer__brand p {
    color: #9fb0c7;
    font-size: 14px;
    line-height: 1.45;
    margin-bottom: 14px;
}

.site-footer__owner {
    font-size: 13px;
    color: #dbeafe;
    margin-bottom: 12px;
}

.site-footer__mini-links {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-start;
}

.site-footer__category-label {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #4bb7ff;
    border-bottom: none;
    padding-bottom: 0;
    line-height: 1.2;
}

.site-footer__category-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 6px;
}

.site-footer__category-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #e2e8f0;
    text-decoration: none !important;
    background: rgba(15, 23, 42, 0.62);
    border: 1px solid rgba(148, 163, 184, 0.18);
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.site-footer__category-btn:hover,
.site-footer__category-btn:focus-visible {
    border-color: rgba(16, 130, 197, 0.65);
    background: rgba(16, 130, 197, 0.14);
    transform: translateY(-1px);
    outline: none;
}

.site-footer__divider {
    height: 1px;
    width: 100%;
    background: rgba(148, 163, 184, 0.22);
    margin: 18px 0;
}

.site-footer__office-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 800;
    color: #f8fafc;
    margin-bottom: 8px;
}

.site-footer__office-icon {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: rgba(16, 130, 197, 0.18);
    border: 1px solid rgba(16, 130, 197, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #93c5fd;
}

.site-footer__office-address {
    color: #9fb0c7;
    font-size: 13px;
    line-height: 1.45;
    margin-bottom: 10px;
}

.site-footer__office-map {
    color: #93c5fd;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease, transform 0.2s ease;
}

.site-footer__office-map:hover,
.site-footer__office-map:focus-visible {
    color: #dbeafe;
    transform: translateX(2px);
    outline: none;
}

.site-footer__mini-links a {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 6px;
    font-size: 12px;
    color: #e2e8f0;
    background: rgba(8, 15, 29, 0.82);
    border: 1px solid rgba(16, 130, 197, 0.35);
    text-decoration: none !important;
}

.site-footer h3 {
    margin: 0 0 8px;
    font-size: 14px;
    color: #f8fafc;
    font-weight: 700;
    min-height: 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
    display: block;
    line-height: 1.2;
    white-space: nowrap;
}

.site-footer ul {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
}

.site-footer ul li {
    margin-bottom: 5px;
}

.site-footer ul li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-left: 12px;
    color: #9fb0c7;
    font-size: 12px;
    line-height: 1.35;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
    white-space: nowrap;
}

.site-footer ul li a::before {
    content: "\203A";
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(148, 163, 184, 0.58);
    font-size: 13px;
    line-height: 1.3;
}

.site-footer ul li a:hover {
    color: #dbeafe;
    transform: translateX(2px);
}

.site-footer ul li a:hover::before {
    color: rgba(16, 130, 197, 0.9);
}

.site-footer__support {
    margin-top: 6px;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid rgba(16, 130, 197, 0.28);
    background: rgba(8, 15, 29, 0.72);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    width: 100%;
    box-sizing: border-box;
}

.site-footer__top > .col-lg-9 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.site-footer__top > .col-lg-9 > .row {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 0.85fr;
    column-gap: 18px;
    row-gap: 8px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    justify-content: start;
}

.site-footer__top > .col-lg-9 > .row > [class*="col-"] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 0;
    width: auto;
}

.site-footer__support-text strong {
    display: block;
    color: #f8fafc;
    font-size: 15px;
}

.site-footer__support-text span {
    color: #9fb0c7;
    font-size: 13px;
}

.site-footer__support-actions {
    display: flex;
    gap: 8px;
}

.site-footer__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    border: 1px solid rgba(148, 163, 184, 0.38);
}

.site-footer__btn--ticket {
    color: #ffffff;
    background: #161f2f;
    border-color: rgba(148, 163, 184, 0.38);
}

.site-footer__btn--wa {
    color: #ecfeff;
    background: #16a34a;
    border-color: #16a34a;
}

.site-footer__btn--ticket:hover {
    color: #fff;
    background: #1c2a42;
    border-color: rgba(186, 201, 219, 0.48);
}

.site-footer__bottom {
    padding-top: 14px;
}

.site-footer__bottom:not(.site-footer__bottom--bar) {
    border-top: 1px solid rgba(16, 130, 197, 0.24);
}

.site-footer__copyright {
    color: #f8fafc;
    font-size: 13px;
    margin-bottom: 6px;
}

.site-footer__bottom p {
    margin: 0;
    color: #8ea3bd;
    font-size: 12px;
    line-height: 1.45;
}

@media screen and (max-width: 1199px) {
    .site-footer__links-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .site-footer {
        padding: 28px 0 18px;
    }

    .site-footer--mega {
        padding: 32px 0 22px;
    }

    .site-footer__support {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 991px) {
    .site-footer__top > .col-lg-9 > .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 14px;
    }

    .site-footer h3 { font-size: 14px; }
    .site-footer ul li a { font-size: 12px; }
}

@media screen and (max-width: 575px) {
    .site-footer__top > .col-lg-9 > .row {
        grid-template-columns: 1fr;
    }

    .site-footer__links-grid {
        grid-template-columns: 1fr;
    }

    .site-footer__bottom--bar {
        flex-direction: column;
        align-items: center;
    }

    .site-footer__vat {
        white-space: normal;
    }

    .site-footer h3 { font-size: 15px; white-space: normal; }
    .site-footer ul li a { font-size: 14px; white-space: normal; }
}

/* Modern promo banner styling for the top "WINTER DEALS" block */
.container .row.justify-content-center .col-md-12>.alert.alert-danger.text-center {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 10px;
    background: linear-gradient(135deg,#7a0f1f 0%,#8b1022 58%,#6e0d1b 100%);
    box-shadow: 0 8px 20px rgba(0,0,0,.2);
    padding: 8px 12px !important;
    margin: 6px auto !important;
    max-width: 100%;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.container .row.justify-content-center .col-md-12>.alert.alert-danger.text-center:before {
    content: none;
}

.container .row.justify-content-center .col-md-12>.alert.alert-danger.text-center h3 {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 2px 8px;
    border-radius: 6px;
    background: rgba(255,255,255,.14);
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: .2px;
    font-weight: 700;
    text-transform: none;
    color: #fff;
}

.container .row.justify-content-center .col-md-12>.alert.alert-danger.text-center p {
    display: inline-flex;
    align-items: center;
    margin: 0;
    font-size: 13px;
    color: rgba(255,255,255,.95);
}

.container .row.justify-content-center .col-md-12>.alert.alert-danger.text-center a {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 2px 8px;
    border-radius: 6px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .2s ease,border-color .2s ease,transform .2s ease;
}

.container .row.justify-content-center .col-md-12>.alert.alert-danger.text-center a:hover {
    background: rgba(255,255,255,.16);
    border-color: rgba(255,255,255,.24);
    transform: translateY(-1px);
}

.container .row.justify-content-center .col-md-12>.alert.alert-danger.text-center .promo-code {
    display: inline-block;
    margin-left: 4px;
    padding: 1px 6px;
    border-radius: 4px;
    background: rgba(255,255,255,.18);
    color: #fff;
    font-weight: 700;
    letter-spacing: .2px;
    box-shadow: none;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .container .row.justify-content-center .col-md-12>.alert.alert-danger.text-center {
        gap: 6px;
        border-radius: 8px;
        padding: 8px 10px !important;
    }

    .container .row.justify-content-center .col-md-12>.alert.alert-danger.text-center h3,
    .container .row.justify-content-center .col-md-12>.alert.alert-danger.text-center p {
        width: 100%;
    }
}

/* Modern top-right CTA buttons in navbar */
.nav-action-buttons .nav-item {
    margin-right: 10px;
}

.nav-action-buttons .nav-item:last-child {
    margin-right: 0;
}

.nav-action-buttons .nav-cta {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid rgba(255,255,255,.16);
    transition: transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;
}

.nav-action-buttons .nav-cta-discord {
    background: linear-gradient(135deg,#4752c4 0%,#5865f2 60%,#6d78ff 100%);
    border-color: rgba(123,135,255,.52);
    color: #fff !important;
}

.nav-action-buttons .nav-cta-dashboard {
    background: linear-gradient(135deg,#1d2f8f 0%,#2e57d8 55%,#3d7bff 100%);
    border-color: rgba(84,132,255,.55);
    color: #fff !important;
}

.nav-action-buttons .nav-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0,0,0,.2);
}

.nav-action-buttons .nav-cta-discord:hover {
    background: linear-gradient(135deg,#4f5ad0 0%,#6572ff 62%,#7f8aff 100%);
}

.nav-action-buttons .nav-cta-dashboard:hover {
    background: linear-gradient(135deg,#253aa5 0%,#3b66eb 58%,#5a92ff 100%);
}

.nav-action-buttons .nav-category-toggle:after {
    margin-left: 8px;
    vertical-align: 2px;
}

.nav-action-buttons .nav-category-menu {
    margin-top: 8px;
    min-width: 210px;
    background: #0f1426;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    box-shadow: 0 14px 28px rgba(0,0,0,.35);
    padding: 6px;
}

.nav-action-buttons .nav-category-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 7px;
    padding: 8px 10px;
    color: #dbe4ff;
    font-size: 14px;
    font-weight: 600;
}

.nav-action-buttons .nav-category-menu .dropdown-item:hover {
    background: rgba(61,123,255,.18);
    color: #fff;
}

/* Inline dropdowns next to main nav links (onlycore ana menüde ayrı kural) */
.nav_top:not(.onlycore-nav) .nav-inline-dropdown .list-group-item.dropdown-toggle:after {
    margin-left: 8px;
    vertical-align: 2px;
}

.nav-inline-actions {
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 0 !important;
    transform: none;
}

.nav-inline-actions .nav-item {
    margin-left: 6px;
    margin-top: 13px;
}

.nav-main-links .nav-mega-kurumsal {
    margin-left: 24px;
}

.nav-inline-actions .list-group-item {
    padding-top: .58rem;
    padding-bottom: .92rem;
}

.nav-inline-dropdown {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
}

.nav-inline-dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 6px;
}

.nav-inline-dropdown .nav-inline-menu {
    display: none;
    position: absolute !important;
    margin-top: 0;
    min-width: 200px;
    background: #0c1a4a;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 8px;
    padding: 4px;
    z-index: 1300;
    top: 38px !important;
    left: 0 !important;
    transform: none !important;
    will-change: auto;
}

.nav-inline-dropdown .nav-inline-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #e6eeff;
    font-size: 13px;
    border-radius: 6px;
    padding: 7px 9px;
}

.nav-inline-dropdown .nav-inline-menu .dropdown-item:hover {
    background: rgba(255,255,255,.1);
    color: #fff;
}

.nav-inline-dropdown:hover .nav-inline-menu {
    display: block;
}

.nav-inline-dropdown .nav-inline-menu.show {
    display: block;
}

@media (max-width: 991px) {
    .nav-inline-dropdown .nav-inline-menu {
        top: 100% !important;
    }
}

@media (max-width: 991px) {
    .nav-inline-dropdown:hover .nav-inline-menu {
        display: none;
    }
}

/* Slightly raise navbar text links (keep logo untouched) */
.nav_top .bottom_header .navbar-nav .nav-item:not(.active) > .list-group-item {
    padding-top: .58rem;
    padding-bottom: .92rem;
}

.nav_top .bottom_header .navbar-nav .nav-item:not(.active) {
    margin-top: 13px;
}

.nav_top .bottom_header .navbar-nav .nav-item.active {
    margin-top: 13px;
}

.nav_top .bottom_header .navbar-nav .nav-item.active > .list-group-item {
    padding-top: .58rem;
    padding-bottom: .92rem;
}

.nav_top .bottom_header .navbar-nav .nav-item.active .logo {
    width: auto !important;
    height: 46px !important;
    display: block;
    position: relative;
    top: -2px;
}

/* Top area styling (promo + utility bar) */
.top-promo-strip {
    background: linear-gradient(90deg,#0b1745 0%,#142b74 50%,#0d1f5e 100%);
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.top-promo-inner {
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-promo-strip .promo-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.2);
    color: #f2f6ff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2px;
    text-transform: uppercase;
}

.top-promo-strip p {
    margin: 0;
    color: #e9efff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.top-promo-strip .promo-scroll-text {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: promo-marquee 14s linear infinite;
}

.top-promo-strip .promo-code {
    display: inline-block;
    margin-left: 4px;
    padding: 1px 7px;
    border-radius: 6px;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.24);
    color: #fff;
    letter-spacing: .2px;
    font-size: 12px;
}

.top-promo-strip .promo-links {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.top-promo-strip .promo-links a {
    color: #dfe8ff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
}

.top-promo-strip .promo-links a:hover {
    color: #fff;
    background: rgba(255,255,255,.18);
}

@keyframes promo-marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.top-utility-bar {
    background: rgba(10,22,60,.92);
    border-bottom: 1px solid rgba(255,255,255,.1);
    overflow: visible;
    position: relative;
    z-index: 1200;
}

.top-utility-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 38px;
}

.top-utility-left,.top-utility-right {
    display: flex;
    align-items: center;
    gap: 4px;
}

.top-utility-right {
    justify-content: flex-end;
}

.top-utility-left a,.top-utility-right a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(232,240,255,.9);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    padding: 6px 10px;
    border-right: 1px solid rgba(255,255,255,.14);
}

.top-utility-right a:last-child,.top-utility-left a:last-child {
    border-right: 0;
}

.top-utility-left a:hover,.top-utility-right a:hover {
    color: #fff;
    background: rgba(255,255,255,.1);
    border-radius: 6px;
}

.top-utility-right .utility-panel-dropdown {
    position: relative;
    padding-bottom: 4px;
    margin-bottom: -4px;
}

.top-utility-right .utility-panel-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(232,240,255,.92);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    padding: 6px 9px;
    border-radius: 6px;
    border-right: 0 !important;
}

.top-utility-right .utility-panel-toggle:hover {
    color: #fff;
    background: rgba(255,255,255,.1);
}

.top-utility-right .utility-panel-toggle:after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.top-utility-right .utility-panel-menu {
    margin-top: 0;
    min-width: 170px;
    background: #0c1a4a;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 8px;
    padding: 4px;
    z-index: 1300;
}

.top-utility-right .utility-panel-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #e6eeff;
    font-size: 13px;
    border-radius: 6px;
    padding: 7px 9px;
}

.top-utility-right .utility-panel-menu .dropdown-item:hover {
    background: rgba(255,255,255,.1);
    color: #fff;
}

.top-utility-right .utility-panel-dropdown:hover .utility-panel-menu,
.top-utility-right .utility-panel-dropdown:focus-within .utility-panel-menu {
    display: block;
}

@media (max-width: 991px) {
    .nav-action-buttons {
        margin-top: 10px;
    }

    .nav-action-buttons .nav-item {
        margin: 0 8px 8px 0;
    }

    .nav-action-buttons .nav-cta {
        height: 38px;
        padding: 0 14px;
    }

    .nav-action-buttons .nav-category-menu {
        min-width: 190px;
    }

    .top-promo-inner {
        min-height: 0;
        padding: 5px 0;
        flex-wrap: wrap;
        gap: 7px;
    }

    .top-promo-strip p {
        font-size: 12px;
        width: 100%;
        order: 2;
        white-space: normal;
    }

    .top-promo-strip .promo-scroll-text {
        animation: none;
        padding-left: 0;
        white-space: normal;
    }

    .top-promo-strip .promo-links {
        order: 3;
        width: 100%;
    }

    .top-utility-inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 6px 0;
    }

    .top-utility-left,.top-utility-right {
        flex-wrap: wrap;
    }

    .top-utility-left a,.top-utility-right a {
        font-size: 12px;
        border-right: 0;
        padding: 4px 8px;
    }

    .top-utility-right .utility-panel-toggle {
        padding: 4px 8px;
    }

    .nav_top .bottom_header .navbar-nav .nav-item:not(.active) {
        margin-top: 0;
    }

    .nav_top .bottom_header .navbar-nav .nav-item.active {
        margin-top: 0;
    }

    .nav_top .bottom_header .navbar-nav .nav-item.active .logo {
        height: 38px !important;
        top: 0;
    }

    .nav-inline-actions {
        transform: none;
    }
}

/* ========== OnlyCore-style dual header (final override) ========== */
.onlycore-top {
    background: #0b1020 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    padding: 0 !important;
}

.onlycore-top-inner {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: nowrap;
}

.onlycore-top-left {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
}

.onlycore-top-left a {
    color: #cbd5e1 !important;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

.onlycore-top-left a:hover {
    color: #fff !important;
}

.onlycore-top-left a i {
    margin-right: 6px;
    opacity: .85;
}

.onlycore-top-center {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-align: center;
}

.onlycore-marquee-wrap {
    overflow: hidden;
    white-space: nowrap;
}

.onlycore-marquee {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: promo-marquee 20s linear infinite;
    color: #e2e8f0;
    font-size: 12px;
    font-weight: 500;
}

.onlycore-marquee i {
    color: #fbbf24;
    margin-right: 8px;
}

.onlycore-code {
    display: inline-block;
    margin-left: 4px;
    padding: 1px 8px;
    border-radius: 4px;
    background: rgba(255,255,255,.12);
    font-weight: 700;
    letter-spacing: .04em;
}

.onlycore-top-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.onlycore-social {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #cbd5e1 !important;
    background: rgba(255,255,255,.06);
    text-decoration: none !important;
}

.onlycore-social:hover {
    color: #fff !important;
    background: rgba(255,255,255,.12);
}

/* Üst şerit: Discord'un sağında Kayıt / Giriş (nav-auth-plain görünümü) */
.onlycore-top-right .onlycore-top-auth.nav-auth-plain {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.onlycore-site-header .onlycore-top-right .onlycore-top-auth.nav-auth-plain .nav-auth-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    background: transparent !important;
    color: #cbd5e1 !important;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none !important;
    transition: color .18s ease;
}

.onlycore-site-header .onlycore-top-right .onlycore-top-auth.nav-auth-plain .nav-auth-link i {
    font-size: 12px;
    color: #9fb0cf;
    transition: color .18s ease;
}

.onlycore-site-header .onlycore-top-right .onlycore-top-auth.nav-auth-plain .nav-auth-link:hover {
    color: #ffffff !important;
}

..onlycore-site-header .onlycore-top-right .onlycore-top-auth.nav-auth-plain .nav-auth-link:hover i {
    color: #c9d8f4;
}

.onlycore-site-header .onlycore-top-right .onlycore-top-auth.nav-auth-plain .nav-auth-sep {
    color: rgba(148, 163, 184, 0.7);
    font-size: 12px;
    line-height: 1;
}

.onlycore-top-selectors,
.footer-selectors {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-selectors {
    justify-content: flex-end;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .footer-selectors {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 18px;
    }
}

.top-select {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 16px;
    overflow: visible;
}

.top-select-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 110px;
    padding: 8px 14px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(15, 23, 42, 0.95);
    color: #e2e8f0;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: none;
}

.top-select:hover .top-select-toggle,
.top-select:focus-within .top-select-toggle {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(148, 163, 184, 0.28);
    transform: none;
}

.top-select-toggle i {
    font-size: 10px;
    color: #94a3b8;
}

.top-select-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.top-select-symbol {
    color: #34d399;
}

.top-select-menu {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 170px;
    padding: 6px 0;
    border-radius: 16px;
    background: #0b1123;
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.28);
    z-index: 20;
}

.top-select--up .top-select-menu {
    top: auto;
    bottom: calc(100% + 8px);
}

.top-select:hover .top-select-menu,
.top-select:focus-within .top-select-menu {
    display: block;
}

.top-select-item {
    display: block;
    width: 100%;
    padding: 9px 14px;
    color: #cbd5e1;
    text-decoration: none;
    font-size: 12px;
    white-space: nowrap;
    transition: none;
}

.top-select-item:hover,
.top-select-item--active {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.onlycore-wa-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    background: #22c55e;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
}

.onlycore-wa-btn:hover {
    background: #16a34a;
    color: #fff !important;
}

/* Main nav bar - slightly lighter navy, full-width feel */
.onlycore-nav.nav_top.newbar.absolute {
    top: 40px !important;
    position: absolute;
    z-index: 1200;
    left: 0;
    right: 0;
}

.onlycore-nav .bottom_header .navbar {
    background: #121a2e !important;
    border: none !important;
    border-bottom: 1px solid rgba(148,163,184,.15) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 10px 0 !important;
    backdrop-filter: none !important;
}

.onlycore-nav .nav-main-links .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.onlycore-nav .nav-main-links .nav-item > .list-group-item {
    color: #e2e8f0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    text-align: center;
}

.onlycore-nav .nav-main-links .nav-item > .list-group-item:hover {
    color: #fff !important;
    background: transparent !important;
}

.onlycore-nav .nav-main-links .nav-item.active .nav-logo {
    height: 48px !important;
}

.onlycore-nav .nav-main-links .nav-item.active > .list-group-item,
.onlycore-nav .nav-main-links .nav-item.active > .list-group-item:hover,
.onlycore-nav .nav-main-links .nav-item.active > .list-group-item:focus,
.onlycore-nav .nav-main-links .nav-item.active > .list-group-item:active {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.onlycore-nav .nav-main-links .nav-item.dropdown.show > .list-group-item,
.onlycore-nav .nav-main-links .nav-item .list-group-item.dropdown-toggle:focus,
.onlycore-nav .nav-main-links .nav-item .list-group-item.dropdown-toggle:active {
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.onlycore-nav .nav-inline-dropdown .nav-inline-menu:not(.mega-menu-oc) {
    background: #1e293b !important;
    border: 1px solid rgba(148,163,184,.2) !important;
    border-radius: 10px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.45) !important;
}

.onlycore-nav .nav-inline-dropdown .nav-inline-menu:not(.mega-menu-oc) .dropdown-item {
    color: #e2e8f0 !important;
}

.onlycore-nav .nav-inline-dropdown .nav-inline-menu:not(.mega-menu-oc) .dropdown-item:hover {
    background: rgba(59,130,246,.2) !important;
    color: #fff !important;
}

.onlycore-nav .nav-auth-actions {
    gap: 12px;
}

.onlycore-nav .nav-auth-link {
    color: #e2e8f0 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    padding: 8px 4px;
}

.onlycore-nav .nav-auth-link:hover {
    color: #fff !important;
}

.onlycore-nav .nav-auth-register {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    min-width: auto !important;
    height: 40px !important;
    padding: 0 18px !important;
    border-radius: 10px !important;
    background: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.onlycore-nav .nav-auth-register:hover {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #fff !important;
}

.onlycore-nav .nav-auth-register i {
    font-size: 11px;
}

.onlycore-nav .navbar-toggler {
    border-color: rgba(255,255,255,.35);
}

/* Masaüstü: kategoriler Müşteri paneline doğru gruplanır; linkler arası boşluk artar */
@media (min-width: 992px) {
    .onlycore-site-header .onlycore-nav .bottom_header .navbar.navbar-expand-lg > .container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .onlycore-site-header .onlycore-nav .onlycore-navbar-collapse {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-wrap: nowrap;
        align-items: center;
        min-width: 0;
    }

    .onlycore-site-header .onlycore-nav .onlycore-navbar-brand {
        flex: 0 0 auto !important;
        margin-right: 0.5rem !important;
        margin-left: 0 !important;
    }

    .onlycore-site-header .onlycore-nav ul.nav-main-links.onlycore-nav-main {
        flex: 0 0 auto !important;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end !important;
        align-items: center;
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .onlycore-site-header .onlycore-nav .nav-auth-actions {
        flex: 0 0 auto !important;
        margin-left: 0.85rem !important;
    }

    .onlycore-site-header .onlycore-nav .nav-main-links.onlycore-nav-main .nav-item > .list-group-item {
        padding-left: 1.1rem !important;
        padding-right: 1.1rem !important;
    }
}

@media (max-width: 991px) {
    .onlycore-top-inner {
        flex-wrap: wrap;
        min-height: auto;
        padding: 6px 0;
        justify-content: center;
    }

    .onlycore-top-left {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .onlycore-top-center {
        order: 3;
        width: 100%;
    }

    .onlycore-marquee {
        animation-duration: 14s;
    }

    .onlycore-top-right {
        width: 100%;
        justify-content: center;
    }

    .onlycore-nav.nav_top.newbar.absolute {
        top: auto !important;
        position: relative !important;
    }

    .onlycore-nav .nav-main-links .nav-item.active .nav-logo,
    .onlycore-nav .onlycore-navbar-brand .nav-logo,
    .onlycore-nav .onlycore-navbar-brand .logo {
        height: 56px !important;
        max-width: min(280px, 78vw) !important;
    }

    .onlycore-nav .onlycore-navbar-brand .nav-logo-wordmark {
        height: auto !important;
        max-height: 40px !important;
        max-width: min(160px, 48vw) !important;
    }

    .onlycore-nav .mega-kurumsal-inner {
        flex-direction: column;
    }

    .onlycore-nav .mega-kurumsal-divider {
        width: 100%;
        height: 1px;
        min-height: 0;
    }

    .onlycore-nav .mega-menu-kurumsal {
        min-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
    }
}

/* Kurumsal mega menu (OnlyCore nav) — Sunucu ile ayni mantik: link altinda kutu */
.onlycore-nav .nav-mega-kurumsal {
    position: relative;
}

.onlycore-nav .nav-mega-kurumsal .mega-menu-kurumsal {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    min-width: 0 !important;
    width: min(620px, calc(100vw - 28px)) !important;
    max-width: min(620px, calc(100vw - 28px)) !important;
    padding: 0;
    margin-top: 0;
    border: 1px solid rgba(124, 58, 237, 0.35) !important;
    border-radius: 0 !important;
    border-top: 3px solid #8b5cf6 !important;
    background: #0c0a12 !important;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55);
    overflow: hidden;
}

.onlycore-nav .mega-kurumsal-inner {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.onlycore-nav .mega-kurumsal-col {
    flex: 1 1 50%;
    padding: 22px 26px;
    min-width: 0;
}

.onlycore-nav .mega-kurumsal-divider {
    width: 1px;
    flex-shrink: 0;
    background: rgba(148, 163, 184, 0.18);
    margin: 18px 0;
    align-self: stretch;
}

.onlycore-nav .mega-kurumsal-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
}

.onlycore-nav .mega-kurumsal-heading i {
    font-size: 13px;
    opacity: 0.9;
    color: #64748b;
}

.onlycore-nav .mega-kurumsal-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    color: #e2e8f0 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 8px;
    margin: 0 -6px;
    padding-left: 6px;
    padding-right: 6px;
    transition: background 0.15s ease, color 0.15s ease;
}

.onlycore-nav .mega-kurumsal-link:hover {
    background: rgba(59, 130, 246, 0.12) !important;
    color: #fff !important;
}

.onlycore-nav .mega-kurumsal-ico {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.18);
    border: 1px solid rgba(96, 165, 250, 0.45);
    color: #93c5fd;
    font-size: 13px;
}

.onlycore-nav .mega-kurumsal-link-chev::before {
    content: "\203A";
    display: inline-block;
    margin-right: 10px;
    color: #64748b;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    transform: translateY(-1px);
}

.onlycore-nav .mega-kurumsal-link-chev {
    padding-left: 2px;
}

/* ========== Dropdown / kategori ok animasyonu (chevron) ========== */
.navbar .dropdown-toggle::after,
.nav-action-buttons .nav-category-toggle::after {
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: 50% 55%;
}

.navbar .nav-item.dropdown.show > .dropdown-toggle::after,
.navbar .dropdown.show > .dropdown-toggle::after,
.navbar .dropdown-toggle[aria-expanded="true"]::after,
.nav-action-buttons .dropdown.show > .nav-category-toggle::after,
.nav-action-buttons .nav-category-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

/* OnlyCore nav — aynı davranış (liste öğesi dropdown) */
.onlycore-nav .list-group-item.dropdown-toggle::after {
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: 50% 55%;
    margin-left: 0 !important;
}

.onlycore-nav .nav-item.dropdown.show > .list-group-item.dropdown-toggle::after,
.onlycore-nav .list-group-item.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

/* Trigger the same arrow animation on hover (without click) */
.onlycore-nav .nav-item.dropdown:hover > .list-group-item.dropdown-toggle::after,
.onlycore-nav .nav-inline-dropdown:hover > .list-group-item.dropdown-toggle::after,
.onlycore-nav .nav-mega-kurumsal:hover > .list-group-item.dropdown-toggle::after,
.onlycore-nav .nav-mega-sunucu:hover > .list-group-item.dropdown-toggle::after,
.onlycore-nav .nav-mega-veri:hover > .list-group-item.dropdown-toggle::after,
.onlycore-nav .nav-mega-musteri:hover > .list-group-item.dropdown-toggle::after {
    transform: rotate(180deg);
}

/* FAQ / akordeon satırlarında sağda animasyonlu ok */
.faq .card-header .btn.btn-link {
    position: relative;
    width: 100%;
    text-align: left;
    padding-right: 2.25rem;
}

.faq .card-header .btn.btn-link::after {
    content: "";
    position: absolute;
    right: 0.65rem;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -0.2rem;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid rgba(147, 197, 253, 0.85);
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: 50% 35%;
}

.faq .card-header .btn.btn-link:not(.collapsed)::after {
    transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
    .navbar .dropdown-toggle::after,
    .nav-action-buttons .nav-category-toggle::after,
    .onlycore-nav .list-group-item.dropdown-toggle::after,
    .faq .card-header .btn.btn-link::after {
        transition: none !important;
    }
}

/* ========== OnlyCore-like compact logo + sticky server nav ========== */
.onlycore-nav.nav_top.newbar.absolute {
    position: sticky !important;
    top: 40px !important;
    z-index: 1250;
}

.onlycore-top {
    position: sticky;
    top: 0;
    z-index: 1260;
}

.onlycore-nav .onlycore-navbar-brand,
.onlycore-nav .nav-main-links .nav-brand-item {
    margin-right: 18px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.onlycore-nav .nav-logo-link {
    display: inline-flex !important;
    align-items: center;
    gap: 0;
    padding: 4px 4px 4px 0 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
    color: inherit;
}

.onlycore-nav .nav-logo-text {
    color: #f1f5f9;
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: -0.02em;
    line-height: 1.15;
    white-space: nowrap;
}

.onlycore-nav .nav-logo-link:hover .nav-logo-text,
.onlycore-nav .nav-logo-link:focus .nav-logo-text {
    color: #fff;
}

.onlycore-nav .nav-logo-link .nav-logo,
.onlycore-nav .nav-logo-link .logo {
    height: 48px !important;
    width: auto !important;
    max-width: min(220px, 42vw) !important;
    object-fit: contain;
    display: block;
}

.onlycore-nav .nav-logo-link .nav-logo-wordmark {
    height: auto !important;
    width: auto !important;
    max-height: 40px !important;
    max-width: min(170px, 42vw) !important;
    object-fit: contain;
    object-position: left center;
    display: block;
    flex-shrink: 0;
}

/* logo3: kırpılmış wordmark, gerçek boyutta gösterilir (tıklanabilir alan görüntüyle aynı) */
.nav-logo-wordmark {
    position: relative;
    z-index: 2;
    margin: 0;
}

.nav-logo-link {
    overflow: visible;
}

.onlycore-nav .onlycore-brand {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    background: rgba(15, 23, 42, 0.78) !important;
    text-decoration: none !important;
}

.onlycore-nav .onlycore-brand:hover {
    border-color: rgba(96, 165, 250, 0.55) !important;
    background: rgba(15, 23, 42, 0.92) !important;
}

.onlycore-nav .onlycore-brand-mark {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
    border: 1px solid rgba(148, 163, 184, 0.4);
    background: rgba(255, 255, 255, 0.05);
    font-size: 12px;
}

.onlycore-nav .onlycore-brand-text {
    color: #f8fafc !important;
    font-weight: 800;
    letter-spacing: -0.01em;
    font-size: 34px;
    line-height: 1;
    text-transform: lowercase;
}

.onlycore-nav .nav-brand-item.active > .onlycore-brand,
.onlycore-nav .nav-brand-item.active > .onlycore-brand:hover,
.onlycore-nav .nav-brand-item.active > .onlycore-brand:focus {
    box-shadow: none !important;
    outline: 0 !important;
}

@media (max-width: 991px) {
    .onlycore-top {
        position: relative;
    }

    .onlycore-nav.nav_top.newbar.absolute {
        top: 0 !important;
    }

    .onlycore-nav .onlycore-brand-text {
        font-size: 24px;
    }
}

/* ========== Auth actions modernized ========== */
.onlycore-nav .nav-auth-actions {
    align-items: center;
    gap: 10px;
}

.onlycore-nav .nav-auth-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 10px;
    border-radius: 8px;
    color: #e8eefc !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .01em;
    text-decoration: none !important;
    transition: color .18s ease, background-color .18s ease;
}

.onlycore-nav .nav-auth-link:hover {
    color: #fff !important;
    background: rgba(148, 163, 184, 0.12);
}

.onlycore-nav .nav-auth-register {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    height: 38px !important;
    padding: 0 16px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(96, 165, 250, 0.55) !important;
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.34);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.onlycore-nav .nav-auth-register i {
    font-size: 11px;
    opacity: .95;
    transform: translateX(0);
    transition: transform .18s ease;
}

.onlycore-nav .nav-auth-register:hover {
    color: #fff !important;
    filter: brightness(1.05);
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.42);
}

.onlycore-nav .nav-auth-register:hover i {
    transform: translateX(2px);
}

.onlycore-nav .nav-auth-register:active {
    transform: translateY(0);
}

/* Plain auth links style (Kayıt Ol | Giriş Yap) */
.onlycore-nav .nav-auth-actions.nav-auth-plain {
    display: flex;
    align-items: center;
    gap: 8px;
}

.onlycore-nav .nav-auth-actions.nav-auth-plain .nav-item {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.onlycore-nav .nav-auth-actions.nav-auth-plain .nav-auth-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    background: transparent !important;
    color: #dbe4ff !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;
    transition: color .18s ease;
}

.onlycore-nav .nav-auth-actions.nav-auth-plain .nav-auth-link i {
    font-size: 13px;
    color: #9fb0cf;
    transition: color .18s ease;
}

.onlycore-nav .nav-auth-actions.nav-auth-plain .nav-auth-link:hover {
    color: #ffffff !important;
}

.onlycore-nav .nav-auth-actions.nav-auth-plain .nav-auth-link:hover i {
    color: #c9d8f4;
}

.onlycore-nav .nav-auth-actions.nav-auth-plain .nav-auth-sep {
    color: rgba(148, 163, 184, 0.7);
    font-size: 14px;
    line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
    .onlycore-nav .nav-auth-actions.nav-auth-plain .nav-auth-link,
    .onlycore-nav .nav-auth-actions.nav-auth-plain .nav-auth-link i {
        transition: none !important;
    }
}

/* Right-side customer panel dropdown */
.onlycore-nav .nav-auth-actions .nav-inline-dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
}

.onlycore-nav .nav-auth-actions .nav-inline-dropdown > .list-group-item {
    color: #e2e8f0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    text-align: center;
}

.onlycore-nav .nav-auth-actions .nav-inline-dropdown > .list-group-item:hover {
    color: #fff !important;
    background: transparent !important;
}

.onlycore-nav .nav-auth-actions .nav-inline-dropdown.show > .list-group-item,
.onlycore-nav .nav-auth-actions .nav-inline-dropdown > .list-group-item.dropdown-toggle:focus,
.onlycore-nav .nav-auth-actions .nav-inline-dropdown > .list-group-item.dropdown-toggle:active {
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* Musteri paneli: cyan vurgu — klasik liste menusu (mega degil) */
.onlycore-nav .nav-inline-dropdown .nav-inline-menu:not(.mega-menu-oc) {
    background: #0c1520 !important;
    border: 1px solid rgba(14, 165, 233, 0.35) !important;
    border-top: 3px solid #0ea5e9 !important;
    border-radius: 0 !important;
    box-shadow: 0 18px 36px rgba(4, 12, 35, 0.62) !important;
}

.onlycore-nav .nav-inline-dropdown .nav-inline-menu:not(.mega-menu-oc) .dropdown-item {
    color: #dbe7ff !important;
}

.onlycore-nav .nav-inline-dropdown .nav-inline-menu:not(.mega-menu-oc) .dropdown-item:hover {
    background: rgba(14, 165, 233, 0.2) !important;
    color: #ffffff !important;
}

.onlycore-nav .nav-mega-kurumsal .mega-menu-kurumsal {
    box-shadow: 0 26px 54px rgba(30, 10, 60, 0.55) !important;
}

.onlycore-nav .mega-kurumsal-divider {
    background: rgba(139, 92, 246, 0.28) !important;
}

.onlycore-nav .mega-kurumsal-heading {
    color: #a78bfa !important;
}

.onlycore-nav .mega-kurumsal-heading i {
    color: #8b5cf6 !important;
}

.onlycore-nav .mega-kurumsal-link {
    color: #ede9fe !important;
}

.onlycore-nav .mega-kurumsal-link:hover {
    background: rgba(139, 92, 246, 0.18) !important;
    color: #ffffff !important;
}

.onlycore-nav .mega-kurumsal-ico {
    background: rgba(139, 92, 246, 0.22) !important;
    border-color: rgba(167, 139, 250, 0.45) !important;
    color: #ddd6fe !important;
}

.onlycore-nav .mega-kurumsal-link-chev::before {
    color: #a78bfa !important;
}

/* Ana sayfa: üst şerit + logo/menü satırı scroll’da hiç kaybolmaz (sabit header) */
.page-onlycore-home {
    /* Fixed header var; hero'nun ekrana tam dolması için padding'i kaldırıyoruz. */
    padding-top: 0;
}

.page-onlycore-home .onlycore-site-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1300;
    background: #0b1020;
}

.page-onlycore-home .onlycore-site-header .onlycore-top {
    position: relative !important;
    top: auto !important;
    z-index: auto;
    opacity: 1 !important;
    pointer-events: auto;
    transition: max-height 0.36s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.28s ease,
        padding-top 0.28s ease,
        padding-bottom 0.28s ease,
        border-bottom-width 0.28s ease;
    max-height: 200px;
    overflow: hidden;
}

.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top.newbar.absolute,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top.absolute {
    position: relative !important;
    top: 0 !important;
    left: auto;
    right: auto;
    z-index: auto;
    box-shadow: none;
}

/* Aşağı inince: üst şerit kapanır, ana header incelir — tepeye dönünce eski boyut */
body.page-onlycore-home.onlycore-header--scrolled .onlycore-site-header .onlycore-top {
    max-height: 0 !important;
    min-height: 0 !important;
    opacity: 0;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom-width: 0 !important;
    pointer-events: none;
}

body.page-onlycore-home.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .bottom_header .navbar {
    padding: 8px 0 !important;
    transition: padding 0.28s ease, background 0.28s ease, box-shadow 0.28s ease;
    background: #0c1222 !important;
    border-bottom-color: rgba(148, 163, 184, 0.12) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

body.page-onlycore-home.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo,
body.page-onlycore-home.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .logo {
    height: 48px !important;
    max-height: 52px !important;
    max-width: min(240px, 42vw) !important;
    transition: height 0.28s ease, max-width 0.28s ease;
}

body.page-onlycore-home.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo-wordmark {
    height: auto !important;
    max-height: 40px !important;
    max-width: min(170px, 42vw) !important;
    margin: 0 !important;
    transition: max-height 0.28s ease, max-width 0.28s ease;
}

body.page-onlycore-home.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .nav-main-links .nav-item > .list-group-item {
    font-size: 13px !important;
    padding: 5px 9px !important;
    transition: font-size 0.28s ease, padding 0.28s ease;
}

body.page-onlycore-home.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .nav-auth-actions .nav-inline-dropdown > .list-group-item {
    font-size: 12px !important;
    padding: 5px 8px !important;
}

@media (prefers-reduced-motion: reduce) {
    .page-onlycore-home .onlycore-site-header .onlycore-top,
    body.page-onlycore-home.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .bottom_header .navbar,
    body.page-onlycore-home.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo,
    body.page-onlycore-home.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo-wordmark {
        transition: none !important;
    }
}

/* Ana sayfa header: dış köşeler keskin (yuvarlak kutu yok) */
.page-onlycore-home .onlycore-site-header,
.page-onlycore-home .onlycore-site-header .onlycore-top,
.page-onlycore-home .onlycore-site-header .onlycore-top .container,
.page-onlycore-home .onlycore-site-header .onlycore-nav,
.page-onlycore-home .onlycore-site-header .onlycore-nav .bottom_header,
.page-onlycore-home .onlycore-site-header .onlycore-nav .bottom_header .navbar,
.page-onlycore-home .onlycore-site-header .navbar .container {
    border-radius: 0 !important;
}

.page-onlycore-home .onlycore-site-header .onlycore-nav .navbar-nav .nav-item > .list-group-item {
    border-radius: 0 !important;
}

/* Header alt kısmı: sade ve kurumsal — overflow visible: dropdown/mega menü kesilmesin */
.page-onlycore-home .onlycore-site-header,
.page-onlycore-home .onlycore-site-header .onlycore-nav,
.page-onlycore-home .onlycore-site-header .onlycore-nav .bottom_header,
.page-onlycore-home .onlycore-site-header .onlycore-nav .bottom_header .navbar,
.page-onlycore-home .onlycore-site-header .navbar .container,
.page-onlycore-home .onlycore-site-header #navbarToggler.collapse.navbar-collapse {
    overflow: visible !important;
}

.page-onlycore-home .onlycore-site-header .onlycore-nav .bottom_header .navbar {
    position: relative;
    border-radius: 0 !important;
}

/* Header biraz daha dar container */
.page-onlycore-home .onlycore-site-header .onlycore-nav .bottom_header .navbar .container {
    width: min(92%, 1080px);
    max-width: min(92%, 1080px);
    margin: 0 auto;
}

/* Üst bilgi şeridi aynı iç genişlikte: Giriş Yap ile alt satır Kurumsal sağ hizası çakışsın */
.page-onlycore-home .onlycore-site-header .onlycore-top .container.onlycore-top-inner {
    width: min(92%, 1080px);
    max-width: min(92%, 1080px);
    margin-left: auto;
    margin-right: auto;
}

/* Masaustu: logo sol, linkler ortada, musteri paneli sag */
@media (min-width: 992px) {
    .page-onlycore-home .onlycore-site-header .onlycore-nav .navbar.navbar-expand-lg > .container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-collapse {
        display: flex !important;
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: center;
        min-width: 0;
    }

    .page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand {
        flex: 0 0 auto;
        margin-right: 0.5rem !important;
        margin-left: 0 !important;
    }

    .page-onlycore-home .onlycore-site-header .onlycore-nav .nav-main-links.onlycore-nav-main .nav-item > .list-group-item {
        padding-left: 1.1rem !important;
        padding-right: 1.1rem !important;
    }

    .page-onlycore-home .onlycore-site-header .onlycore-nav ul.nav-main-links.onlycore-nav-main {
        flex: 0 0 auto !important;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end !important;
        align-items: center;
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .page-onlycore-home .onlycore-site-header .onlycore-nav .nav-auth-actions {
        flex: 0 0 auto !important;
        margin-left: 0.85rem !important;
    }
}

@media (max-width: 991px) {
    .page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-collapse {
        flex-direction: column;
        align-items: stretch !important;
    }

    .page-onlycore-home .onlycore-site-header .onlycore-nav ul.nav-main-links.onlycore-nav-main {
        justify-content: flex-start;
    }

    .page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand {
        margin-right: 0 !important;
        margin-bottom: 8px;
    }
}

.page-onlycore-home .onlycore-site-header .onlycore-nav .nav-main-links .nav-item > .list-group-item {
    text-align: center;
}

@media (min-width: 992px) {
    .page-onlycore-home .onlycore-site-header .onlycore-nav .nav-main-links .nav-item > .list-group-item {
        text-align: left !important;
    }
}

/* Üst bilgi şeridi (kayar yazı ile birlikte) */
.page-onlycore-home .onlycore-site-header .onlycore-top .onlycore-top-inner {
    min-height: 26px !important;
    gap: 6px !important;
}

.page-onlycore-home .onlycore-site-header .onlycore-top .onlycore-top-left,
.page-onlycore-home .onlycore-site-header .onlycore-top .onlycore-top-right {
    gap: 8px !important;
}

.page-onlycore-home .onlycore-site-header .onlycore-top .onlycore-top-left a,
.page-onlycore-home .onlycore-site-header .onlycore-top .onlycore-top-center .onlycore-marquee,
.page-onlycore-home .onlycore-site-header .onlycore-top .onlycore-top-auth.nav-auth-plain .nav-auth-link,
.page-onlycore-home .onlycore-site-header .onlycore-top .onlycore-top-auth.nav-auth-plain .nav-auth-link i,
.page-onlycore-home .onlycore-site-header .onlycore-top .onlycore-top-auth.nav-auth-plain .nav-auth-sep {
    font-size: 11px !important;
    line-height: 1.2;
}

.page-onlycore-home .onlycore-site-header .onlycore-top .onlycore-top-auth.nav-auth-plain .nav-auth-link {
    font-weight: 500 !important;
}

.page-onlycore-home .onlycore-site-header .onlycore-top .onlycore-wa-btn {
    height: 20px;
    padding: 0 9px;
    font-size: 10.5px !important;
}

/* Ana menü satırı */
.page-onlycore-home .onlycore-site-header .onlycore-nav .bottom_header .navbar {
    padding: 14px 0 !important;
}

/* Logo alani: kutu/cerceve YOK (Bootstrap list-group artik kullanilmiyor) */
.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    line-height: 0;
}

.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link {
    display: inline-flex !important;
    align-items: center;
    gap: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    line-height: 1.15 !important;
}

.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-text {
    font-size: clamp(1.05rem, 2.2vw, 1.5rem);
}

.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link:hover,
.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link:focus,
.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link:active {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1;
}

.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.55);
    outline-offset: 3px;
    border-radius: 2px;
}

.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo,
.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .logo,
.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo,
.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .logo {
    height: 72px !important;
    max-height: 78px !important;
    width: auto !important;
    max-width: min(360px, 58vw) !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    object-fit: contain;
}

.page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo-wordmark {
    height: auto !important;
    max-height: 40px !important;
    width: auto !important;
    max-width: min(170px, 42vw) !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    object-fit: contain;
    object-position: left center;
}

@media (max-width: 991px) {
    .page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo,
    .page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .logo {
        height: 56px !important;
        max-height: 60px !important;
        max-width: min(260px, 75vw) !important;
    }

    .page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo-wordmark {
        height: auto !important;
        max-height: 40px !important;
        max-width: min(160px, 48vw) !important;
        margin: 0 !important;
    }

    .page-onlycore-home .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-text {
        font-size: 1rem !important;
    }
}

.page-onlycore-home .onlycore-site-header .onlycore-nav .nav-main-links .nav-item > .list-group-item {
    font-size: 11px !important;
    padding: 3px 7px !important;
}

.page-onlycore-home .onlycore-site-header .onlycore-nav .nav-auth-actions .nav-inline-dropdown > .list-group-item {
    font-size: 11px !important;
    padding: 3px 7px !important;
}

/* Nav: acik/hover — tum kategoriler musteri (cyan) vurgusu */
.onlycore-nav .nav-mega-sunucu > .list-group-item.dropdown-toggle,
.onlycore-nav .nav-mega-kurumsal > .list-group-item.dropdown-toggle,
.onlycore-nav .nav-mega-veri > .list-group-item.dropdown-toggle,
.onlycore-nav .nav-mega-musteri > .list-group-item.dropdown-toggle,
.onlycore-nav .nav-inline-dropdown > .list-group-item.dropdown-toggle {
    position: relative;
    z-index: 1;
}

.onlycore-nav .nav-mega-sunucu > .list-group-item.dropdown-toggle::before,
.onlycore-nav .nav-mega-kurumsal > .list-group-item.dropdown-toggle::before,
.onlycore-nav .nav-mega-veri > .list-group-item.dropdown-toggle::before,
.onlycore-nav .nav-mega-musteri > .list-group-item.dropdown-toggle::before,
.onlycore-nav .nav-inline-dropdown > .list-group-item.dropdown-toggle::before {
    content: none !important;
    display: none !important;
}

.onlycore-nav .nav-main-links .nav-mega-sunucu.show > .list-group-item.dropdown-toggle,
.onlycore-nav .nav-main-links .nav-mega-sunucu .list-group-item.dropdown-toggle[aria-expanded="true"],
.onlycore-nav .nav-main-links .nav-mega-sunucu:hover > .list-group-item.dropdown-toggle {
    color: #38bdf8 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.onlycore-nav .nav-main-links .nav-mega-kurumsal.show > .list-group-item.dropdown-toggle,
.onlycore-nav .nav-main-links .nav-mega-kurumsal .list-group-item.dropdown-toggle[aria-expanded="true"],
.onlycore-nav .nav-main-links .nav-mega-kurumsal:hover > .list-group-item.dropdown-toggle {
    color: #38bdf8 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.onlycore-nav .nav-main-links .nav-mega-veri.show > .list-group-item.dropdown-toggle,
.onlycore-nav .nav-main-links .nav-mega-veri .list-group-item.dropdown-toggle[aria-expanded="true"],
.onlycore-nav .nav-main-links .nav-mega-veri:hover > .list-group-item.dropdown-toggle {
    color: #38bdf8 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.onlycore-nav .nav-auth-actions .nav-inline-dropdown.show > .list-group-item.dropdown-toggle,
.onlycore-nav .nav-auth-actions .nav-inline-dropdown .list-group-item.dropdown-toggle[aria-expanded="true"],
.onlycore-nav .nav-auth-actions .nav-inline-dropdown:hover > .list-group-item.dropdown-toggle {
    color: #38bdf8 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.onlycore-nav .nav-main-links .nav-mega-sunucu > .list-group-item.dropdown-toggle:focus-visible {
    color: #38bdf8 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.onlycore-nav .nav-main-links .nav-mega-kurumsal > .list-group-item.dropdown-toggle:focus-visible {
    color: #38bdf8 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.onlycore-nav .nav-main-links .nav-mega-veri > .list-group-item.dropdown-toggle:focus-visible {
    color: #38bdf8 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.onlycore-nav .nav-auth-actions .nav-inline-dropdown > .list-group-item.dropdown-toggle:focus-visible {
    color: #38bdf8 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Sunucu mega menu — onlycore tarzi: Sunucu linkinin altinda, yuzey kaplamayan kutu */
.onlycore-nav .nav-mega-sunucu,
.onlycore-nav .nav-mega-veri,
.onlycore-nav .nav-mega-kurumsal,
.onlycore-nav .nav-mega-musteri {
    position: relative;
}

/* Masaustu: mega menuler — yavas acilis; transform .mega-oc-inner uzerinde (Popper/transform cakismasi yok) */
@media (min-width: 992px) {
    .onlycore-nav .nav-mega-sunucu::after,
    .onlycore-nav .nav-mega-veri::after,
    .onlycore-nav .nav-mega-kurumsal::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 12px;
        z-index: 1404;
    }

    /* Dis kabuk: flex sabit; gorunurluk soluk — transform yok (Bootstrap/Popper ile uyum) */
    .onlycore-nav .nav-mega-sunucu > .dropdown-menu.mega-menu-sunucu,
    .onlycore-nav .nav-mega-veri > .dropdown-menu.mega-menu-veri.mega-menu-oc,
    .onlycore-nav .nav-mega-kurumsal > .dropdown-menu.mega-menu-kurumsal.mega-menu-oc,
    .onlycore-nav .nav-mega-musteri > .dropdown-menu.mega-menu-musteri.mega-menu-oc {
        display: flex !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition:
            opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),
            visibility 0s linear 0.4s;
    }

    .onlycore-nav .nav-mega-sunucu > .dropdown-menu.mega-menu-sunucu .mega-oc-inner,
    .onlycore-nav .nav-mega-veri > .dropdown-menu.mega-menu-veri.mega-menu-oc .mega-oc-inner,
    .onlycore-nav .nav-mega-kurumsal > .dropdown-menu.mega-menu-kurumsal.mega-menu-oc .mega-oc-inner,
    .onlycore-nav .nav-mega-musteri > .dropdown-menu.mega-menu-musteri.mega-menu-oc .mega-oc-inner {
        opacity: 0;
        transform: translate3d(0, -14px, 0);
        transition:
            opacity 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0.04s,
            transform 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0.04s;
    }

    .onlycore-nav .nav-mega-veri .dropdown-menu.mega-menu-veri.mega-menu-oc,
    .onlycore-nav .nav-mega-veri .mega-menu-veri.mega-menu-oc,
    .onlycore-nav .nav-mega-kurumsal .dropdown-menu.mega-menu-kurumsal.mega-menu-oc,
    .onlycore-nav .nav-mega-kurumsal .mega-menu-kurumsal.mega-menu-oc {
        left: auto !important;
        right: 0 !important;
    }

    .onlycore-nav .nav-mega-sunucu:hover > .dropdown-menu.mega-menu-sunucu,
    .onlycore-nav .nav-mega-sunucu:focus-within > .dropdown-menu.mega-menu-sunucu,
    .onlycore-nav .nav-mega-sunucu > .dropdown-menu.mega-menu-sunucu.show,
    .onlycore-nav .nav-mega-veri:hover > .dropdown-menu.mega-menu-veri.mega-menu-oc,
    .onlycore-nav .nav-mega-veri:focus-within > .dropdown-menu.mega-menu-veri.mega-menu-oc,
    .onlycore-nav .nav-mega-veri > .dropdown-menu.mega-menu-veri.mega-menu-oc.show,
    .onlycore-nav .nav-mega-kurumsal:hover > .dropdown-menu.mega-menu-kurumsal.mega-menu-oc,
    .onlycore-nav .nav-mega-kurumsal:focus-within > .dropdown-menu.mega-menu-kurumsal.mega-menu-oc,
    .onlycore-nav .nav-mega-kurumsal > .dropdown-menu.mega-menu-kurumsal.mega-menu-oc.show,
    .onlycore-nav .nav-mega-musteri:hover > .dropdown-menu.mega-menu-musteri.mega-menu-oc,
    .onlycore-nav .nav-mega-musteri:focus-within > .dropdown-menu.mega-menu-musteri.mega-menu-oc,
    .onlycore-nav .nav-mega-musteri > .dropdown-menu.mega-menu-musteri.mega-menu-oc.show {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition:
            opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1),
            visibility 0s linear 0s !important;
    }

    .onlycore-nav .nav-mega-sunucu:hover > .dropdown-menu.mega-menu-sunucu .mega-oc-inner,
    .onlycore-nav .nav-mega-sunucu:focus-within > .dropdown-menu.mega-menu-sunucu .mega-oc-inner,
    .onlycore-nav .nav-mega-sunucu > .dropdown-menu.mega-menu-sunucu.show .mega-oc-inner,
    .onlycore-nav .nav-mega-veri:hover > .dropdown-menu.mega-menu-veri.mega-menu-oc .mega-oc-inner,
    .onlycore-nav .nav-mega-veri:focus-within > .dropdown-menu.mega-menu-veri.mega-menu-oc .mega-oc-inner,
    .onlycore-nav .nav-mega-veri > .dropdown-menu.mega-menu-veri.mega-menu-oc.show .mega-oc-inner,
    .onlycore-nav .nav-mega-kurumsal:hover > .dropdown-menu.mega-menu-kurumsal.mega-menu-oc .mega-oc-inner,
    .onlycore-nav .nav-mega-kurumsal:focus-within > .dropdown-menu.mega-menu-kurumsal.mega-menu-oc .mega-oc-inner,
    .onlycore-nav .nav-mega-kurumsal > .dropdown-menu.mega-menu-kurumsal.mega-menu-oc.show .mega-oc-inner,
    .onlycore-nav .nav-mega-musteri:hover > .dropdown-menu.mega-menu-musteri.mega-menu-oc .mega-oc-inner,
    .onlycore-nav .nav-mega-musteri:focus-within > .dropdown-menu.mega-menu-musteri.mega-menu-oc .mega-oc-inner,
    .onlycore-nav .nav-mega-musteri > .dropdown-menu.mega-menu-musteri.mega-menu-oc.show .mega-oc-inner {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important;
    }
}

.onlycore-nav .nav-mega-sunucu .dropdown-menu.mega-menu-sunucu.show,
.onlycore-nav .nav-mega-kurumsal .dropdown-menu.mega-menu-kurumsal.show,
.onlycore-nav .nav-mega-veri .dropdown-menu.mega-menu-veri.show,
.onlycore-nav .nav-mega-musteri .dropdown-menu.mega-menu-musteri.show {
    z-index: 1405 !important;
}

.onlycore-nav .nav-mega-sunucu.dropdown.show,
.onlycore-nav .nav-mega-kurumsal.dropdown.show,
.onlycore-nav .nav-mega-veri.dropdown.show,
.onlycore-nav .nav-mega-musteri.dropdown.show {
    z-index: 1406;
}

/* Tum mega paneller: musteri paneliyle ayni sade cyan cerceve (parlak glow yok) */
.onlycore-nav .nav-mega-sunucu .mega-menu-sunucu,
.onlycore-nav .nav-mega-kurumsal .mega-menu-kurumsal.mega-menu-oc,
.onlycore-nav .nav-mega-veri .mega-menu-veri.mega-menu-oc {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    margin: 0 !important;
    width: min(560px, calc(100vw - 28px)) !important;
    min-width: 0 !important;
    max-width: min(560px, calc(100vw - 28px)) !important;
    padding: 0;
    border-radius: 10px !important;
    border: 1px solid rgba(148, 163, 184, 0.1) !important;
    border-top: 2px solid rgba(14, 165, 233, 0.68) !important;
    background: linear-gradient(165deg, #151c28 0%, #0b0f14 100%) !important;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(14, 165, 233, 0.08) inset !important;
    overflow: hidden;
    flex-direction: column;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* Sunucu mega: panel genişliği Kurumsal/Veri ile aynı (560px) — kart yatay boyu esit */
/* Sunucu mega: kart/ikon/padding = global (Kurumsal kartlarla aynı); ızgara aralığı Kurumsal hub ile aynı 8px */
.onlycore-nav .nav-mega-sunucu .mega-oc-grid {
    gap: 8px;
}

.onlycore-nav .nav-mega-musteri .mega-menu-musteri.mega-menu-oc {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: min(216px, calc(100vw - 24px)) !important;
    padding: 0;
    border-radius: 8px !important;
    border: 1px solid rgba(148, 163, 184, 0.1) !important;
    border-top: 2px solid rgba(14, 165, 233, 0.68) !important;
    background: linear-gradient(165deg, #151c28 0%, #0b0f14 100%) !important;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(14, 165, 233, 0.08) inset !important;
    overflow: hidden;
    flex-direction: column;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* Musteri paneli: tek sutun, ince — solda ikon, sagda yalnizca baslik */
.onlycore-nav .nav-mega-musteri .mega-oc-inner {
    width: fit-content;
    max-width: min(216px, calc(100vw - 24px));
    align-self: flex-end;
    flex: 0 0 auto;
}

@media (min-width: 577px) {
    .onlycore-nav .nav-mega-musteri .mega-oc-grid--musteri-slim > * {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}

.onlycore-nav .nav-mega-musteri .mega-oc-card {
    min-height: 0;
    gap: 0;
    padding: 5px 6px 5px 4px;
    border-radius: 6px;
    justify-content: flex-start;
    align-items: center;
}

.onlycore-nav .nav-mega-musteri .mega-oc-card-main--musteri-row {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-left: 7px;
    padding-right: 1px;
    gap: 0;
}

.onlycore-nav .nav-mega-musteri .mega-oc-card-title {
    font-size: 11.75px !important;
    line-height: 1.15;
    font-weight: 500;
    text-align: right;
    margin: 0;
    white-space: nowrap;
}

/* Kurumsal mega: kurumsal bilgiler + sozlesmeler kartlari */
.onlycore-nav .mega-oc-grid--kurumsal-hub {
    grid-template-columns: 1fr;
    gap: 8px;
}

@media (min-width: 480px) {
    .onlycore-nav .mega-oc-grid--kurumsal-hub {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.onlycore-nav .mega-oc-card--kur-hub {
    min-height: 0;
}

/* Kurumsal belgeler hub sayfasi (kurumsal-belgeler.html) */
body.page-kurumsal-belgeler {
    background: #0b0f18;
    color: #e2e8f0;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body.page-kurumsal-belgeler::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

html.page-kurumsal-belgeler-root {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html.page-kurumsal-belgeler-root::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.oc-kurumsal-hub-topbar {
    background: #121a2e;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}

.oc-kurumsal-hub-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 10px 0;
}

.oc-kurumsal-hub-brand.nav-logo-link .nav-logo {
    height: 44px !important;
    max-width: 200px !important;
}

.oc-kurumsal-hub-brand.nav-logo-link .nav-logo-wordmark {
    height: auto !important;
    max-height: 44px !important;
    max-width: min(280px, 58vw) !important;
    object-fit: contain;
    object-position: left center;
    display: block;
    margin: 0;
}

.oc-kurumsal-hub-back {
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
    color: #e2e8f0 !important;
    background: transparent !important;
    font-weight: 600;
    padding: 0.35rem 0.9rem !important;
}

.oc-kurumsal-hub-back:hover {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #fff !important;
}

.oc-kurumsal-hub {
    flex: 1 1 auto;
    padding: 2rem 0 3rem;
}

.oc-kurumsal-hub-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: stretch;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(165deg, #121a2e 0%, #0b0f14 100%);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

.oc-kurumsal-hub-sidebar {
    flex: 0 0 min(18.5rem, 100%);
    width: min(18.5rem, 100%);
    max-width: 100%;
    background: rgba(15, 23, 42, 0.65);
    border-right: 1px solid rgba(148, 163, 184, 0.12);
    padding: 1.25rem 0;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .oc-kurumsal-hub-sidebar {
        position: sticky;
        top: 0.75rem;
        align-self: flex-start;
        z-index: 4;
        max-height: calc(100vh - 1.5rem);
        overflow-y: auto;
        border-radius: 12px 0 0 12px;
    }

    .page-kurumsal-belgeler .oc-kurumsal-hub-sidebar {
        position: static;
        top: auto;
        align-self: stretch;
        max-height: none;
        min-height: 0;
        z-index: auto;
    }
}

.oc-kurumsal-hub-sidebar-label {
    margin: 0 0 0.75rem;
    padding: 0 1rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #94a3b8;
}

.oc-kurumsal-hub-sidebar-label--spaced {
    margin-top: 1.35rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.oc-kurumsal-hub-nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.oc-kurumsal-hub-link {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    column-gap: 0.65rem;
    align-items: center;
    padding: 0.6rem 0.85rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    color: #e2e8f0 !important;
    text-decoration: none !important;
    font-size: 0.92rem;
    font-weight: 600;
    border-left: none;
    box-shadow: inset 3px 0 0 transparent;
    transition: background 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.oc-kurumsal-hub-link-ico {
    grid-column: 1;
    grid-row: 1;
    width: 2.5rem;
    min-width: 2.5rem;
    max-width: 2.5rem;
    height: 2.25rem;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.oc-kurumsal-hub-link-ico i {
    margin: 0 !important;
    padding: 0 !important;
    width: 1.25em !important;
    min-width: 1.25em !important;
    max-width: 1.25em !important;
    text-align: center !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    color: #7dd3fc !important;
    opacity: 0.9;
}

.oc-kurumsal-hub-link-label {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    line-height: 1.35;
    text-align: left;
    word-break: break-word;
}

.oc-kurumsal-hub-link:hover {
    background: rgba(59, 130, 246, 0.12);
    box-shadow: inset 3px 0 0 rgba(59, 130, 246, 0.7);
    color: #fff !important;
}

.oc-kurumsal-hub-link.is-active {
    background: rgba(59, 130, 246, 0.16);
    box-shadow: inset 3px 0 0 rgba(59, 130, 246, 0.85);
    color: #fff !important;
}

.oc-kurumsal-hub-doc {
    flex: 1 1 380px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: transparent;
}

@media (min-width: 768px) {
    .oc-kurumsal-hub-doc {
        border-radius: 0 12px 12px 0;
    }
}

.oc-kurumsal-hub-doc-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
    background: rgba(8, 12, 18, 0.25);
}

.oc-kurumsal-hub-doc-heading {
    font-size: 0.95rem;
    font-weight: 700;
    color: #f1f5f9;
}

.oc-kurumsal-hub-doc-newtab {
    font-size: 0.82rem;
    font-weight: 600;
    color: #7dd3fc !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.oc-kurumsal-hub-doc-newtab:hover {
    color: #bae6fd !important;
    text-decoration: underline !important;
}

.oc-kurumsal-hub-doc-body {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
}

.oc-kurumsal-hub-embed {
    min-height: 200px;
    padding: 0 0 1.75rem;
}

.oc-kurumsal-hub-embed.is-loading {
    opacity: 0.72;
}

.oc-kurumsal-hub-loading,
.oc-kurumsal-hub-error {
    margin: 0;
    padding: 1.25rem 1.25rem 0;
    color: #94a3b8;
    font-size: 0.95rem;
}

.oc-kurumsal-hub-error a {
    color: #7dd3fc;
    font-weight: 600;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-embed .box {
    margin-top: 0 !important;
}

.oc-kurumsal-hub-footer {
    margin-top: auto;
    padding: 1rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.page-kurumsal-belgeler {
    --oc-kurumsal-gutter: clamp(10px, 1.75vw, 24px);
}

.page-kurumsal-belgeler .oc-kurumsal-hub-topbar {
    padding-left: var(--oc-kurumsal-gutter);
    padding-right: var(--oc-kurumsal-gutter);
    box-sizing: border-box;
}

.page-kurumsal-belgeler .container.oc-kurumsal-hub-topbar-inner {
    max-width: none;
    width: 100%;
}

.page-kurumsal-belgeler .oc-kurumsal-hub {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 1rem var(--oc-kurumsal-gutter) 1rem;
    box-sizing: border-box;
}

.page-kurumsal-belgeler .container.oc-kurumsal-hub-wrap {
    max-width: none;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-footer {
    flex-shrink: 0;
    padding-left: var(--oc-kurumsal-gutter);
    padding-right: var(--oc-kurumsal-gutter);
    box-sizing: border-box;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-footer > .container {
    max-width: none;
    width: 100%;
}

.page-kurumsal-belgeler .onlycore-site-header {
    flex-shrink: 0;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-layout {
    flex: 1 1 auto;
    min-height: 0;
    align-items: stretch;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-doc {
    flex: 1 1 380px;
    min-height: 0;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-doc-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-doc-body::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-doc-body .oc-kurumsal-hub-embed {
    min-height: 100%;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-doc-body .oc-kurumsal-hub-embed::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-embed.oc-kurumsal-hub-embed--iframe {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: min(72vh, 900px);
    padding: 0;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-fallback-iframe {
    flex: 1 1 auto;
    width: 100%;
    min-height: min(68vh, 860px);
    border: 0;
    display: block;
    background: #0b0f14;
    scrollbar-width: none;
    -ms-overflow-style: none;
    color-scheme: dark;
}

.page-kurumsal-belgeler .oc-kurumsal-hub-fallback-iframe::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

@media (max-width: 767px) {
    .oc-kurumsal-hub-layout {
        flex-direction: column;
    }

    .oc-kurumsal-hub-sidebar {
        flex: none;
        width: 100%;
        position: static;
        max-height: none;
        overflow: visible;
        border-right: none;
        border-bottom: 1px solid rgba(148, 163, 184, 0.12);
        border-radius: 12px 12px 0 0;
    }

    .oc-kurumsal-hub-nav {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0 0.5rem 0.75rem;
    }

    .page-kurumsal-belgeler .oc-kurumsal-hub-nav {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        padding: 0 0.35rem 0.75rem;
    }

    .oc-kurumsal-hub-link {
        flex: 1 1 auto;
        min-width: 140px;
        border-left: none;
        border-radius: 6px;
    }

    .page-kurumsal-belgeler .oc-kurumsal-hub-link {
        flex: none;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .oc-kurumsal-hub-link:hover {
        box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.35);
    }

    .oc-kurumsal-hub-link.is-active {
        background: rgba(59, 130, 246, 0.22);
        outline: 1px solid rgba(59, 130, 246, 0.35);
        box-shadow: none;
    }

    .oc-kurumsal-hub-doc {
        border-radius: 0 0 12px 12px;
    }

    .page-kurumsal-belgeler .oc-kurumsal-hub-layout {
        flex: 1 1 auto;
        min-height: min(70vh, 520px);
    }

    .page-kurumsal-belgeler .oc-kurumsal-hub-doc {
        flex: 1 1 auto;
        min-height: 0;
    }
}

.onlycore-nav .nav-mega-musteri .mega-oc-card-icon {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    font-size: 11px;
    flex-shrink: 0;
}

.onlycore-nav .nav-mega-musteri .mega-oc-card-go {
    display: none !important;
}

.onlycore-nav .nav-mega-musteri .mega-oc-card:not(.mega-oc-card--disabled)::before {
    display: none;
}

.onlycore-nav .nav-mega-musteri .mega-oc-card:not(.mega-oc-card--disabled):hover,
.onlycore-nav .nav-mega-musteri .mega-oc-card:not(.mega-oc-card--disabled):focus-visible {
    transform: translateY(-1px);
}

/* BS4: alt satir (footer) icin dikey yerlesim */
.onlycore-nav .nav-mega-sunucu .dropdown-menu.mega-menu-sunucu.show,
.onlycore-nav .nav-mega-kurumsal .dropdown-menu.mega-menu-kurumsal.mega-menu-oc.show,
.onlycore-nav .nav-mega-veri .dropdown-menu.mega-menu-veri.mega-menu-oc.show,
.onlycore-nav .nav-mega-musteri .dropdown-menu.mega-menu-musteri.mega-menu-oc.show {
    display: flex !important;
}

/* OnlyCore — Hizmetler mega panel (mega-menu-oc) */
.onlycore-nav .mega-oc-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
    align-self: stretch;
    box-sizing: border-box;
}

.onlycore-nav .mega-oc-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
    align-items: stretch;
    justify-items: stretch;
    justify-content: stretch;
    gap: 9px;
    padding: 10px 14px 8px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* Ana sayfa — Sunucu mega 2x2: satir yuksekligi esit (Kurumsal ile ayni kart min-height: 76px) */
@media (min-width: 577px) {
    body.page-onlycore-home .onlycore-nav .nav-mega-sunucu .mega-oc-grid.mega-oc-grid--sunucu-equal {
        grid-auto-rows: minmax(76px, auto);
    }

    body.page-onlycore-home .onlycore-nav .nav-mega-sunucu .mega-oc-grid.mega-oc-grid--sunucu-equal > .mega-oc-card {
        min-height: 76px;
        height: 100%;
        align-self: stretch;
    }
}

/* Veri Merkezi mega menu: kartlar tek sutun (ustte Sunucu barindirma) */
.onlycore-nav .nav-mega-veri .mega-oc-grid {
    grid-template-columns: 1fr;
}

/* Musteri: genel .mega-oc-grid width:100% sonrasinda — pencereyi icerige sigdir */
.onlycore-nav .nav-mega-musteri .mega-oc-grid.mega-oc-grid--musteri-slim {
    grid-template-columns: max-content;
    justify-items: stretch;
    width: fit-content !important;
    max-width: min(216px, calc(100vw - 24px));
    gap: 7px;
    padding: 6px 5px 7px;
    min-width: 0;
}

.onlycore-nav .mega-oc-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 8px 28px 8px 10px;
    border-radius: 10px;
    text-decoration: none !important;
    border: 1px solid rgba(71, 85, 105, 0.45);
    background: rgba(15, 23, 42, 0.42);
    outline: none;
    transition:
        border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    min-height: 76px;
    align-self: stretch;
    overflow: hidden;
    box-sizing: border-box;
}

.onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled)::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        105deg,
        transparent 0%,
        transparent 40%,
        rgba(255, 255, 255, 0.055) 50%,
        transparent 60%,
        transparent 100%
    );
    transform: translateX(-130%);
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
    z-index: 0;
}

.onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):hover::before,
.onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):focus-visible::before {
    transform: translateX(130%);
}

/* Ryzen VDS / 9950X: kart pariltisi ikon alaninda animasyon yaratmasin */
.onlycore-nav .mega-oc-card--vds:not(.mega-oc-card--disabled)::before,
.onlycore-nav .mega-oc-card--xeon:not(.mega-oc-card--disabled)::before {
    display: none;
}

.onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):hover,
.onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):focus-visible {
    border-color: rgba(148, 163, 184, 0.38);
    background: rgba(24, 33, 48, 0.52);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.32);
    transform: translateY(-2px);
}

.onlycore-nav .mega-oc-card--disabled {
    cursor: not-allowed;
    user-select: none;
}

.onlycore-nav .mega-oc-card--disabled:hover,
.onlycore-nav .mega-oc-card--disabled:focus-visible {
    border-color: rgba(148, 163, 184, 0.14);
    background: rgba(15, 23, 42, 0.45);
    box-shadow: none;
    transform: none;
}

.onlycore-nav .mega-oc-card-shade {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: rgba(2, 8, 20, 0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

/* Yakında: masaüstünde sadece hover / focus ile */
.onlycore-nav .mega-oc-card--disabled:hover .mega-oc-card-shade,
.onlycore-nav .mega-oc-card--disabled:focus-visible .mega-oc-card-shade {
    opacity: 1;
    visibility: visible;
}

.onlycore-nav .mega-oc-soon {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
    padding: 7px 12px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.38);
    background: #161f2f;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

.onlycore-nav .mega-oc-card-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    color: #1e3a8a;
    background: linear-gradient(180deg, #eef2f7 0%, #e2e8f0 100%);
    border: 1px solid rgba(100, 116, 139, 0.28);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Mega menudeki Sunucu ikonlarini dosyadan secmek icin:
   Asagidaki degiskenlere url('../img/icons/dosya.svg') gir.
   Ornek: --oc-mega-icon-vds: url('../img/icons/vds.svg');
*/
:root {
    --oc-mega-icon-amd: url('../img/icons/amdicon.png');
    --oc-mega-icon-vds: var(--oc-mega-icon-amd);
    --oc-mega-icon-9950x: var(--oc-mega-icon-amd);
    /* Nested / Fiziksel: ortak goruntu */
    --oc-mega-icon-nested: url('../img/icons/dedicated.png');
    --oc-mega-icon-fiziksel: url('../img/icons/datacenter.png');
    /* Fiziksel mega ikon boyutu (kutu 42px icinde); nested ayri 84% */
    --oc-mega-icon-fiziksel-size: 90%;
    --oc-mega-icon-metal: var(--oc-mega-icon-fiziksel);
    /* Kurumsal mega: kart basina bir goruntu (FA gizli, bg-only). Dosyalar: assets/img/icons/
       mega-kur-hakkimizda.* | mega-kur-banka.* | mega-kur-acik-riza.* | mega-kur-hizmet.*
       mega-kur-gizlilik.* | mega-kur-kvkk.* | mega-kur-ticari.* | mega-kur-blog.*
       Hepsi ayni ikon olacaksa asagidaki url'leri tek dosyaya cevir veya --kur-* satirlarini var(--oc-mega-icon-kur-fallback) yap. */
    --oc-mega-icon-kur-fallback: url('../img/icons/bankicon.png');
    --oc-mega-icon-kur-size: 88%;
    /* Banka goruntusu genelde daha genis; sadece .mega-oc-card--kur-banka --kur-mega-icon-size ile kullanilir */
    --oc-mega-icon-kur-banka-size: 74%;
    --oc-mega-icon-kur-hakkimizda: url('../img/icons/hakkimizdaicon.png');
    --oc-mega-icon-kur-banka: url('../img/icons/bankicon.png');
    --oc-mega-icon-kur-acik-riza: url('../img/icons/papericon.png');
    --oc-mega-icon-kur-hizmet: url('../img/icons/paperpencil.png');
    --oc-mega-icon-kur-gizlilik: url('../img/icons/paperpencil.png');
    --oc-mega-icon-kur-kvkk: url('../img/icons/paperpencil.png');
    --oc-mega-icon-kur-ticari: url('../img/icons/paperpencil.png');
    --oc-mega-icon-kur-blog: url('../img/icons/mega-kur-blog.png');
}

/* 7950X + 9950X: ayni AMD logosu, seffaf kutu, beyaz filtre (7950 ile ayni duzen) */
.onlycore-nav .mega-oc-card--vds .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--xeon .mega-oc-card-icon {
    background: var(--oc-mega-icon-amd) center / 122% auto no-repeat;
    background-color: transparent;
    border: none;
    box-shadow: none;
    overflow: visible;
    filter: brightness(0) invert(1);
    transition: none;
    animation: none;
}

.onlycore-nav .mega-oc-card--vds:hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--vds:focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--xeon:hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--xeon:focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--nested:hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--nested:focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--metal:hover .mega-oc-card-icon.mega-oc-card-icon--rack,
.onlycore-nav .mega-oc-card--metal:focus-visible .mega-oc-card-icon.mega-oc-card-icon--rack,
.onlycore-nav .mega-oc-card[class*="mega-oc-card--kur-"]:hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card[class*="mega-oc-card--kur-"]:focus-visible .mega-oc-card-icon {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.onlycore-nav .mega-oc-card--vds:hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--vds:focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--xeon:hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--xeon:focus-visible .mega-oc-card-icon {
    background: var(--oc-mega-icon-amd) center / 122% auto no-repeat !important;
    filter: brightness(0) invert(1);
}

.onlycore-nav .mega-oc-card--nested:hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--nested:focus-visible .mega-oc-card-icon {
    background: var(--oc-mega-icon-nested) center / 84% auto no-repeat !important;
    filter: brightness(0) invert(1) !important;
}

.onlycore-nav .mega-oc-card--metal:hover .mega-oc-card-icon.mega-oc-card-icon--rack,
.onlycore-nav .mega-oc-card--metal:focus-visible .mega-oc-card-icon.mega-oc-card-icon--rack {
    background: var(--oc-mega-icon-fiziksel) center / var(--oc-mega-icon-fiziksel-size) auto no-repeat !important;
    filter: brightness(0) invert(1) !important;
}

.onlycore-nav .mega-oc-card--vds .mega-oc-card-icon i,
.onlycore-nav .mega-oc-card--xeon .mega-oc-card-icon i {
    display: none;
}


/* Nested: VDS ile ayni duzen — ikon yalnizca --oc-mega-icon-nested (FA gizli) */
.onlycore-nav .mega-oc-card--nested .mega-oc-card-icon {
    background: var(--oc-mega-icon-nested) center / 84% auto no-repeat;
    background-color: transparent;
    border: none;
    box-shadow: none;
    overflow: visible;
    filter: brightness(0) invert(1) !important;
}

.onlycore-nav .mega-oc-card--metal .mega-oc-card-icon:not(.mega-oc-card-icon--rack) {
    background-image: var(--oc-mega-icon-metal);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
}

.onlycore-nav .mega-oc-card--nested .mega-oc-card-icon i {
    display: none;
}

/* Nested / Fiziksel / Kurumsal: inset gölge + filter birlikte siyaha kayar; bu kartlarda uygulanmaz */
.onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):not(.mega-oc-card--nested):not(.mega-oc-card--metal):not([class*="mega-oc-card--kur-"]):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):not(.mega-oc-card--nested):not(.mega-oc-card--metal):not([class*="mega-oc-card--kur-"]):focus-visible .mega-oc-card-icon {
    transform: scale(1.04);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset;
    border-color: rgba(148, 163, 184, 0.35);
}

/* VDS / 9950X / Nested / Fiziksel rack: ikon kutusu scale yok (yazi kaymasin) */
.onlycore-nav .mega-oc-card--vds:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--vds:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--xeon:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--xeon:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--nested:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--nested:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--metal:not(.mega-oc-card--disabled):hover .mega-oc-card-icon.mega-oc-card-icon--rack,
.onlycore-nav .mega-oc-card--metal:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon.mega-oc-card-icon--rack,
.onlycore-nav .mega-oc-card[class*="mega-oc-card--kur-"]:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card[class*="mega-oc-card--kur-"]:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon {
    transform: none;
    box-shadow: none;
    border: none;
    background-color: transparent;
    filter: brightness(0) invert(1) !important;
}

.onlycore-nav .mega-oc-card--vds:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--vds:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--xeon:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--xeon:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon {
    background: var(--oc-mega-icon-amd) center / 122% auto no-repeat;
    filter: brightness(0) invert(1);
}

.onlycore-nav .mega-oc-card--nested:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--nested:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon {
    background: var(--oc-mega-icon-nested) center / 84% auto no-repeat;
    filter: brightness(0) invert(1) !important;
}

.onlycore-nav .mega-oc-card--metal:not(.mega-oc-card--disabled):hover .mega-oc-card-icon.mega-oc-card-icon--rack,
.onlycore-nav .mega-oc-card--metal:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon.mega-oc-card-icon--rack {
    background: var(--oc-mega-icon-fiziksel) center / var(--oc-mega-icon-fiziksel-size) auto no-repeat;
    filter: brightness(0) invert(1) !important;
}

.onlycore-nav .mega-oc-card[class*="mega-oc-card--kur-"]:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card[class*="mega-oc-card--kur-"]:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon {
    background: var(--kur-mega-bg) center / var(--kur-mega-icon-size, var(--oc-mega-icon-kur-size)) auto no-repeat;
    filter: brightness(0) invert(1) !important;
}

/* Fiziksel: ikon yalnizca --oc-mega-icon-fiziksel; HTML <img> gizli (cift goruntu olmasin) */
.onlycore-nav .mega-oc-card-icon--rack {
    padding: 0;
    overflow: visible;
    background: var(--oc-mega-icon-fiziksel) center / var(--oc-mega-icon-fiziksel-size) auto no-repeat;
    background-color: transparent;
    border: none;
    box-shadow: none;
    filter: brightness(0) invert(1) !important;
}

.onlycore-nav .mega-oc-card-icon--rack img {
    display: none !important;
}

.onlycore-nav .mega-oc-card-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    flex: 1 1 auto;
    position: relative;
    z-index: 1;
    padding-right: 2px;
}

.onlycore-nav .mega-oc-card-title {
    display: block;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #eef2f7 !important;
    line-height: 1.25;
}

.onlycore-nav .mega-oc-card-desc {
    display: block;
    font-size: 10px;
    line-height: 1.4;
    color: #8b9cb3;
    font-weight: 400;
    transition: color 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):hover .mega-oc-card-desc,
.onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-desc {
    color: #a8b8cc;
}

.onlycore-nav .mega-oc-card-go {
    position: absolute;
    top: 50%;
    right: 9px;
    font-size: 10px;
    color: #5c6c80;
    z-index: 2;
    transform: translateY(-50%);
    transition: color 0.35s cubic-bezier(0.22, 1, 0.36, 1), transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go {
    color: #7eb8f0;
    transform: translate(5px, -50%);
}

.onlycore-nav .mega-oc-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    padding: 10px 14px 12px;
    margin: 0;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-top: 1px solid rgba(71, 85, 105, 0.22);
    font-size: 10px;
    font-weight: 600;
    color: #5c6c80;
}

.onlycore-nav .mega-oc-foot span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.onlycore-nav .mega-oc-foot i {
    color: #4f8fe8;
    font-size: 10px;
    opacity: 0.88;
}

.onlycore-nav .mega-oc-foot--kurumsal {
    gap: 8px 12px;
}

.onlycore-nav .mega-oc-foot--kurumsal .mega-oc-foot-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 600;
    color: #5c6c80;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.onlycore-nav .mega-oc-foot--kurumsal .mega-oc-foot-link:hover {
    color: #7ec8e8;
}

.onlycore-nav .mega-oc-foot--kurumsal .mega-oc-foot-link i {
    color: #22a3c9;
    font-size: 10px;
    opacity: 0.88;
}

/* Kurumsal mega: kartta --kur-mega-bg, ikon bg-only + beyaz filtre (Sunucu nested gibi) */
.onlycore-nav .mega-oc-card--kur-hakkimizda {
    --kur-mega-bg: var(--oc-mega-icon-kur-hakkimizda);
}
.onlycore-nav .mega-oc-card--kur-banka {
    --kur-mega-bg: var(--oc-mega-icon-kur-banka);
    --kur-mega-icon-size: var(--oc-mega-icon-kur-banka-size);
}
.onlycore-nav .mega-oc-card--kur-acik-riza {
    --kur-mega-bg: var(--oc-mega-icon-kur-acik-riza);
}
.onlycore-nav .mega-oc-card--kur-hizmet {
    --kur-mega-bg: var(--oc-mega-icon-kur-hizmet);
}
.onlycore-nav .mega-oc-card--kur-gizlilik {
    --kur-mega-bg: var(--oc-mega-icon-kur-gizlilik);
}
.onlycore-nav .mega-oc-card--kur-kvkk {
    --kur-mega-bg: var(--oc-mega-icon-kur-kvkk);
}
.onlycore-nav .mega-oc-card--kur-ticari {
    --kur-mega-bg: var(--oc-mega-icon-kur-ticari);
}
.onlycore-nav .mega-oc-card--kur-blog {
    --kur-mega-bg: var(--oc-mega-icon-kur-blog);
}

.onlycore-nav .mega-oc-card[class*="mega-oc-card--kur-"] .mega-oc-card-icon {
    background: var(--kur-mega-bg) center / var(--kur-mega-icon-size, var(--oc-mega-icon-kur-size)) auto no-repeat;
    background-color: transparent;
    border: none;
    box-shadow: none;
    overflow: visible;
    filter: brightness(0) invert(1) !important;
}

.onlycore-nav .mega-oc-card[class*="mega-oc-card--kur-"] .mega-oc-card-icon > i {
    display: none;
}

.onlycore-nav .mega-oc-card--kur-hakkimizda:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-hakkimizda:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-ticari:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-ticari:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-banka:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-banka:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-acik-riza:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-acik-riza:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-hizmet:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-hizmet:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-blog:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-blog:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-gizlilik:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-gizlilik:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-kvkk:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--kur-kvkk:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go {
    color: #5ec8e8;
}

.onlycore-nav .mega-oc-foot--musteri i {
    color: #0ea5e9;
    font-size: 10px;
    opacity: 0.9;
}

.onlycore-nav .mega-oc-card--mp-giris .mega-oc-card-icon {
    color: #0369a1;
    background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);
    border-color: rgba(14, 165, 233, 0.32);
}

.onlycore-nav .mega-oc-card--mp-kayit .mega-oc-card-icon {
    color: #0c4a6e;
    background: linear-gradient(180deg, #ecfeff 0%, #cffafe 100%);
    border-color: rgba(6, 182, 212, 0.3);
}

.onlycore-nav .mega-oc-card--mp-blog .mega-oc-card-icon {
    color: #155e75;
    background: linear-gradient(180deg, #f0fdfa 0%, #ccfbf1 100%);
    border-color: rgba(20, 184, 166, 0.28);
}

.onlycore-nav .mega-oc-card--mp-giris:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--mp-giris:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--mp-kayit:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--mp-kayit:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--mp-blog:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--mp-blog:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 6px 16px rgba(14, 165, 233, 0.2);
    border-color: rgba(125, 200, 240, 0.45);
}

.onlycore-nav .mega-oc-card--mp-giris:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--mp-giris:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--mp-kayit:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--mp-kayit:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--mp-blog:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--mp-blog:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go {
    color: #38bdf8;
}

.onlycore-nav .mega-oc-card--veri-lokasyon .mega-oc-card-icon {
    color: #0f766e;
    background: linear-gradient(180deg, #ecfdf8 0%, #d8f5f0 100%);
    border-color: rgba(45, 166, 156, 0.28);
}

.onlycore-nav .mega-oc-card--veri-colocation .mega-oc-card-icon {
    color: #115e59;
    background: linear-gradient(180deg, #f0fdfa 0%, #dcf5f2 100%);
    border-color: rgba(20, 184, 166, 0.26);
}

.onlycore-nav .mega-oc-card--veri-ip .mega-oc-card-icon {
    color: #047857;
    background: linear-gradient(180deg, #ecfdf5 0%, #d9f5e8 100%);
    border-color: rgba(16, 185, 129, 0.26);
}

.onlycore-nav .mega-oc-card--veri-lokasyon:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--veri-lokasyon:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--veri-colocation:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--veri-colocation:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--veri-sanal:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--veri-sanal:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--veri-ip:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
.onlycore-nav .mega-oc-card--veri-ip:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 6px 16px rgba(45, 212, 191, 0.18);
    border-color: rgba(110, 212, 195, 0.42);
}

.onlycore-nav .mega-oc-card--veri-lokasyon:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--veri-lokasyon:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--veri-colocation:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--veri-colocation:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--veri-sanal:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--veri-sanal:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go,
.onlycore-nav .mega-oc-card--veri-ip:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
.onlycore-nav .mega-oc-card--veri-ip:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go {
    color: #5eead4;
}

@media (max-width: 1199px) {
    .onlycore-nav .nav-mega-sunucu .mega-menu-sunucu {
        width: min(560px, calc(100vw - 24px)) !important;
        max-width: min(560px, calc(100vw - 24px)) !important;
    }

    .onlycore-nav .nav-mega-kurumsal .mega-menu-kurumsal.mega-menu-oc {
        width: min(560px, calc(100vw - 24px)) !important;
        max-width: min(560px, calc(100vw - 24px)) !important;
    }

    .onlycore-nav .nav-mega-veri .mega-menu-veri.mega-menu-oc {
        width: min(560px, calc(100vw - 24px)) !important;
        max-width: min(560px, calc(100vw - 24px)) !important;
    }

    .onlycore-nav .nav-mega-musteri .mega-menu-musteri.mega-menu-oc {
        width: fit-content !important;
        min-width: 0 !important;
        max-width: min(216px, calc(100vw - 20px)) !important;
    }

    .onlycore-nav .nav-mega-musteri .mega-oc-inner,
    .onlycore-nav .nav-mega-musteri .mega-oc-grid.mega-oc-grid--musteri-slim {
        max-width: min(216px, calc(100vw - 20px));
    }
}

@media (min-width: 577px) {
    .onlycore-nav .mega-oc-grid > *:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    .onlycore-nav .mega-oc-grid > *:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    .onlycore-nav .mega-oc-grid > *:nth-child(3) {
        grid-column: 1;
        grid-row: 2;
    }

    .onlycore-nav .mega-oc-grid > *:nth-child(4) {
        grid-column: 2;
        grid-row: 2;
    }

    .onlycore-nav .mega-oc-grid > *:nth-child(5) {
        grid-column: 1;
        grid-row: 3;
    }

    .onlycore-nav .mega-oc-grid > *:nth-child(6) {
        grid-column: 2;
        grid-row: 3;
    }

    /* Veri Merkezi tek kolon kalsin; genel nth-child yerlesimini ez */
    .onlycore-nav .nav-mega-veri .mega-oc-grid > * {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}

@media (max-width: 576px) {
    .onlycore-nav .mega-oc-grid {
        grid-template-columns: 1fr;
        padding: 11px 12px 9px;
    }

    .onlycore-nav .mega-oc-grid > * {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .onlycore-nav .mega-oc-card {
        min-height: 0;
    }

    .onlycore-nav .mega-oc-foot {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 9px 12px 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .onlycore-nav .mega-oc-card {
        transition: none;
    }

    .onlycore-nav .mega-oc-card-shade {
        transition: none;
    }

    .onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled)::before {
        display: none;
    }

    .onlycore-nav .mega-oc-card-icon {
        transition: none;
    }

    .onlycore-nav .mega-oc-card-desc {
        transition: none;
    }

    .onlycore-nav .mega-oc-card-go {
        transition: color 0.15s ease;
    }

    .onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):hover,
    .onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):focus-visible {
        transform: none;
    }

    .onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):hover .mega-oc-card-icon,
    .onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-icon {
        transform: none;
    }

    .onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):hover .mega-oc-card-go,
    .onlycore-nav .mega-oc-card:not(.mega-oc-card--disabled):focus-visible .mega-oc-card-go {
        transform: none;
    }

    @media (min-width: 992px) {
        .onlycore-nav .nav-mega-sunucu > .dropdown-menu.mega-menu-sunucu,
        .onlycore-nav .nav-mega-veri > .dropdown-menu.mega-menu-veri.mega-menu-oc,
        .onlycore-nav .nav-mega-kurumsal > .dropdown-menu.mega-menu-kurumsal.mega-menu-oc,
        .onlycore-nav .nav-mega-musteri > .dropdown-menu.mega-menu-musteri.mega-menu-oc,
        .onlycore-nav .nav-mega-sunucu > .dropdown-menu.mega-menu-sunucu .mega-oc-inner,
        .onlycore-nav .nav-mega-veri > .dropdown-menu.mega-menu-veri.mega-menu-oc .mega-oc-inner,
        .onlycore-nav .nav-mega-kurumsal > .dropdown-menu.mega-menu-kurumsal.mega-menu-oc .mega-oc-inner,
        .onlycore-nav .nav-mega-musteri > .dropdown-menu.mega-menu-musteri.mega-menu-oc .mega-oc-inner {
            transition: none !important;
        }
    }
}

@media (max-width: 991px) {
    .onlycore-nav .nav-mega-sunucu .mega-menu-sunucu {
        position: relative !important;
        top: auto !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        margin-top: 4px !important;
    }
    .onlycore-nav .nav-mega-kurumsal .mega-menu-kurumsal {
        position: relative !important;
        top: auto !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        margin-top: 4px !important;
    }
    .onlycore-nav .nav-mega-veri .mega-menu-veri {
        position: relative !important;
        top: auto !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        margin-top: 4px !important;
    }
    .onlycore-nav .nav-mega-musteri .mega-menu-musteri {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        margin-top: 4px !important;
    }
}

/* OnlyCore üst menü: ortalı metin+ok, kutu/kenarlık/inherit arka plan yok (Bootstrap list-group + inherit) */
.onlycore-nav.nav_top .navbar-nav .nav-item,
.onlycore-nav.nav_top .nav-auth-actions .nav-item,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .navbar-nav .nav-item,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-auth-actions .nav-item {
    flex: 0 0 auto !important;
    width: auto !important;
    background: transparent !important;
}

.onlycore-nav.nav_top .nav-main-links .nav-item > .list-group-item,
.onlycore-nav.nav_top .nav-auth-actions .nav-item > .list-group-item,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-main-links .nav-item > .list-group-item,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-auth-actions .nav-item > .list-group-item {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    text-align: center !important;
    border: none !important;
    border-width: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.onlycore-nav.nav_top .nav-main-links .nav-item.dropdown.show,
.onlycore-nav.nav_top .nav-auth-actions .nav-item.dropdown.show,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-main-links .nav-item.dropdown.show,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-auth-actions .nav-item.dropdown.show {
    background: transparent !important;
}

.onlycore-nav.nav_top .nav-main-links .nav-item > .list-group-item:hover,
.onlycore-nav.nav_top .nav-main-links .nav-item > .list-group-item:focus,
.onlycore-nav.nav_top .nav-main-links .nav-item > .list-group-item:active,
.onlycore-nav.nav_top .nav-main-links .nav-item.dropdown.show > .list-group-item,
.onlycore-nav.nav_top .nav-auth-actions .nav-item > .list-group-item:hover,
.onlycore-nav.nav_top .nav-auth-actions .nav-item > .list-group-item:focus,
.onlycore-nav.nav_top .nav-auth-actions .nav-item > .list-group-item:active,
.onlycore-nav.nav_top .nav-auth-actions .nav-item.dropdown.show > .list-group-item,
.nav_top.newbar.onlycore-nav .nav-main-links .nav-item > .list-group-item:hover,
.nav_top.newbar.onlycore-nav .nav-main-links .nav-item > .list-group-item:focus,
.nav_top.newbar.onlycore-nav .nav-main-links .nav-item > .list-group-item:active,
.nav_top.newbar.onlycore-nav .nav-main-links .nav-item.dropdown.show > .list-group-item,
.nav_top.newbar.onlycore-nav .nav-auth-actions .nav-item > .list-group-item:hover,
.nav_top.newbar.onlycore-nav .nav-auth-actions .nav-item > .list-group-item:focus,
.nav_top.newbar.onlycore-nav .nav-auth-actions .nav-item > .list-group-item:active,
.nav_top.newbar.onlycore-nav .nav-auth-actions .nav-item.dropdown.show > .list-group-item,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-main-links .nav-item > .list-group-item:hover,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-main-links .nav-item > .list-group-item:focus,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-main-links .nav-item > .list-group-item:active,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-main-links .nav-item.dropdown.show > .list-group-item,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-auth-actions .nav-item > .list-group-item:hover,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-auth-actions .nav-item > .list-group-item:focus,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-auth-actions .nav-item > .list-group-item:active,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .nav-auth-actions .nav-item.dropdown.show > .list-group-item,
.page-onlycore-home .onlycore-site-header .nav_top.newbar.onlycore-nav .nav-main-links .nav-item > .list-group-item:hover,
.page-onlycore-home .onlycore-site-header .nav_top.newbar.onlycore-nav .nav-main-links .nav-item > .list-group-item:focus,
.page-onlycore-home .onlycore-site-header .nav_top.newbar.onlycore-nav .nav-main-links .nav-item > .list-group-item:active,
.page-onlycore-home .onlycore-site-header .nav_top.newbar.onlycore-nav .nav-main-links .nav-item.dropdown.show > .list-group-item,
.page-onlycore-home .onlycore-site-header .nav_top.newbar.onlycore-nav .nav-auth-actions .nav-item > .list-group-item:hover,
.page-onlycore-home .onlycore-site-header .nav_top.newbar.onlycore-nav .nav-auth-actions .nav-item > .list-group-item:focus,
.page-onlycore-home .onlycore-site-header .nav_top.newbar.onlycore-nav .nav-auth-actions .nav-item > .list-group-item:active,
.page-onlycore-home .onlycore-site-header .nav_top.newbar.onlycore-nav .nav-auth-actions .nav-item.dropdown.show > .list-group-item {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.onlycore-nav.nav_top .list-group-item.dropdown-toggle::after,
.onlycore-nav.nav_top .list-group-item.dropdown-toggle:after,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .list-group-item.dropdown-toggle::after,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .list-group-item.dropdown-toggle:after {
    margin-left: 0 !important;
    margin-right: 0 !important;
    vertical-align: middle !important;
}

@media (max-width: 991px) {
    .onlycore-nav.nav_top .navbar-nav.nav-main-links .nav-item,
    .page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .navbar-nav.nav-main-links .nav-item {
        justify-content: center !important;
        width: 100% !important;
    }

    .onlycore-nav.nav_top .navbar-nav.nav-auth-actions .nav-item,
    .page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .navbar-nav.nav-auth-actions .nav-item {
        justify-content: center !important;
        width: 100% !important;
    }
}

.onlycore-nav.nav_top .bottom_header #navbarToggler .list-group-item:hover,
.onlycore-nav.nav_top .bottom_header #navbarToggler .navbar-nav .nav-item > .list-group-item:hover,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .bottom_header #navbarToggler .list-group-item:hover,
.page-onlycore-home .onlycore-site-header .onlycore-nav.nav_top .bottom_header #navbarToggler .navbar-nav .nav-item > .list-group-item:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* Ana sayfa: 1. görsel tarzı featured product kartları */
.oc-featured-section {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 36px;
}

/* homeSlider: carousel-indicators'in doğru konteynerde konumlanması için */
#homeSlider {
    position: relative;
    height: 100vh;
    min-height: 100vh;
}

.oc-featured-section .row > [class*="col-"] {
    display: flex;
    margin-bottom: 14px;
}

.oc-featured-title {
    color: #f8fafc;
    font-size: 38px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 4px 0 20px;
    text-align: center;
}

.oc-featured-card {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    min-height: 460px;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #0b1220;
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.oc-featured-card__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1);
    filter: brightness(0.66) contrast(1.06) saturate(0.92);
    transition: transform 0.35s ease, filter 0.35s ease;
}

.oc-featured-card__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.94) 0%,
            rgba(0, 0, 0, 0.82) 22%,
            rgba(0, 0, 0, 0.45) 42%,
            rgba(0, 0, 0, 0.12) 58%,
            transparent 72%
        ),
        linear-gradient(to right, rgba(0, 0, 0, 0.35), transparent 45%, transparent 55%, rgba(0, 0, 0, 0.28));
}

.oc-featured-card__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 22px 20px 18px;
}

.oc-featured-card__name {
    color: #ffffff;
    font-size: 36px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-shadow:
        0 2px 20px rgba(0, 0, 0, 0.95),
        0 1px 4px rgba(0, 0, 0, 0.9),
        0 0 1px rgba(0, 0, 0, 1);
}

.oc-featured-card__price {
    color: #f1f5f9;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
    text-shadow:
        0 2px 14px rgba(0, 0, 0, 0.9),
        0 1px 3px rgba(0, 0, 0, 0.95);
}

.oc-featured-card__price strong {
    color: #22c55e;
    font-weight: 800;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.85);
}

.oc-featured-card:hover,
.oc-featured-card:focus-visible {
    border-color: rgba(96, 165, 250, 0.5);
    transform: translateY(-2px);
    outline: none;
}

.oc-featured-card:hover .oc-featured-card__media,
.oc-featured-card:focus-visible .oc-featured-card__media {
    transform: scale(1.04);
    filter: brightness(0.78) contrast(1.05) saturate(0.98);
}

@media screen and (min-width: 992px) {
    .oc-featured-section .oc-featured-card {
        min-height: 400px;
    }

    .oc-featured-section .oc-featured-card__name {
        font-size: clamp(22px, 2.1vw, 30px);
    }

    .oc-featured-section .oc-featured-card__content {
        padding: 18px 12px 16px;
    }

    .oc-featured-section .oc-featured-card__price {
        font-size: 14px;
    }
}

@media screen and (max-width: 991px) {
    .oc-featured-title {
        font-size: 30px;
        margin-bottom: 16px;
    }

    .oc-featured-card {
        min-height: 360px;
    }

    .oc-featured-card__name {
        font-size: 28px;
    }
}

/* "Popüler Oyunlar" (üst bölüm) için daha kompakt kartlar */
.popular-games-compact .oc-featured-title {
    font-size: 28px;
    margin: 8px 0 18px;
}

.popular-games-compact .oc-featured-card {
    min-height: 250px;
}

.popular-games-compact .oc-featured-card__content {
    padding: 16px 16px 14px;
    gap: 2px;
}

.popular-games-compact .oc-featured-card__name {
    font-size: 22px;
}

.popular-games-compact .oc-featured-card__price {
    font-size: 13px;
}

@media screen and (max-width: 991px) {
    .popular-games-compact .oc-featured-card {
        min-height: 220px;
    }

    .popular-games-compact .oc-featured-card__name {
        font-size: 18px;
    }
}

/* game.html — oyun kartları ile footer arasında boşluk */
.container-fluid.oc-game-prefooter {
    padding-bottom: clamp(2.75rem, 6vw, 5rem);
}

/* game.html — SSS (accordion) */
.oc-game-faq {
    background: #121626;
    padding: clamp(2.5rem, 6vw, 4rem) clamp(1rem, 4vw, 2rem) clamp(3rem, 7vw, 5rem);
}

.oc-game-faq__inner {
    width: 100%;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
}

.oc-game-faq__title {
    margin: 0 auto clamp(1.5rem, 4vw, 2.25rem);
    max-width: 22em;
    text-align: center;
    color: #ffffff;
    font-size: clamp(1.2rem, 2.8vw, 1.65rem);
    font-weight: 800;
    font-style: italic;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45);
}

.oc-game-faq__list {
    margin: 0 auto;
    padding: 0.15rem 0 0.25rem;
}

.oc-game-faq__item {
    border-bottom: 0;
}

.oc-game-faq__item + .oc-game-faq__item {
    margin-top: 0.15rem;
}

.oc-game-faq__btn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    margin: 0;
    padding: 1.1rem 0.15rem 1.1rem 0.15rem;
    text-align: left;
    font: inherit;
    color: #f8fafc;
    font-weight: 700;
    font-size: clamp(0.94rem, 2.1vw, 1.05rem);
    line-height: 1.5;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: color 0.2s ease;
}

.oc-game-faq__btn:hover {
    color: #ffffff;
    background: transparent;
}

.oc-game-faq__btn:focus {
    outline: none;
    background: transparent;
}

.oc-game-faq__btn:focus-visible {
    color: #ffffff;
    background: transparent;
    outline: 2px solid rgba(96, 165, 250, 0.55);
    outline-offset: 3px;
}

.oc-game-faq__btn:active {
    background: transparent;
}

.oc-game-faq__q {
    flex: 1;
    min-width: 0;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);
}

.oc-game-faq__chev {
    flex-shrink: 0;
    width: 1.35rem;
    margin-top: 0.2em;
    text-align: center;
    color: rgba(226, 232, 240, 0.9);
    font-size: 0.78rem;
    transition: transform 0.25s ease;
}

.oc-game-faq__btn[aria-expanded="true"] .oc-game-faq__chev {
    transform: rotate(180deg);
}

.oc-game-faq__panel {
    border: 0;
}

.oc-game-faq__a {
    padding: 0 1.75rem 1.15rem 0.15rem;
    margin-top: -0.35rem;
    color: #e2e8f0;
    font-size: clamp(0.88rem, 1.9vw, 0.97rem);
    line-height: 1.7;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 575px) {
    .oc-game-faq__btn {
        padding: 1rem 0.1rem;
    }

    .oc-game-faq__a {
        padding-right: 0.5rem;
        padding-left: 0.1rem;
    }
}

/* ——— Müşteri paneli (SANAL SUNUCU / dashboard benzeri) ——— */
.page-oc-client-panel {
    margin: 0;
    min-height: 100vh;
    background: #0a0e14;
    color: #e6eaf0;
    font-family: "Inter", "Segoe UI", system-ui, sans-serif;
}

.oc-panel-app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.oc-panel-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 14px 24px;
    background: rgba(15, 20, 28, 0.95);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.oc-panel-topnav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    align-items: center;
}

.oc-panel-topnav__link {
    color: #9aa4b2;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 4px;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}

.oc-panel-topnav__link:hover {
    color: #e6eaf0;
}

.oc-panel-topnav__link.is-active {
    color: #5b9cff;
    border-bottom-color: #5b9cff;
}

.oc-panel-topbar__right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.oc-panel-balance {
    font-size: 14px;
    color: #c8d0da;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.oc-panel-balance .fa-coins {
    color: #e6c84a;
}

.oc-panel-logout {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #e6eaf0;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.15s;
}

.oc-panel-logout:hover {
    background: rgba(255, 255, 255, 0.1);
}

.oc-panel-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 28px 24px 20px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.oc-panel-hero__title {
    margin: 0;
    font-size: clamp(28px, 5vw, 40px);
    font-weight: 800;
    font-style: italic;
    letter-spacing: 0.02em;
    color: #fff;
}

.oc-panel-hero__btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 22px;
    border-radius: 10px;
    background: #fff;
    color: #0a0e14;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: opacity 0.15s, transform 0.15s;
}

.oc-panel-hero__btn:hover {
    opacity: 0.92;
    transform: translateY(-1px);
}

.oc-panel-shell {
    display: flex;
    flex: 1;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 0 24px 40px;
    box-sizing: border-box;
    gap: 28px;
    align-items: flex-start;
}

.oc-panel-sidebar {
    flex: 0 0 200px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.oc-panel-side-link {
    display: block;
    padding: 10px 14px;
    border-radius: 10px;
    color: #9aa4b2;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.15s, color 0.15s;
}

.oc-panel-side-link:hover {
    color: #e6eaf0;
    background: rgba(255, 255, 255, 0.04);
}

.oc-panel-side-link.is-active {
    color: #e6eaf0;
    background: rgba(255, 255, 255, 0.08);
}

.oc-panel-main {
    flex: 1;
    min-width: 0;
}

.oc-panel-section {
    margin-bottom: 36px;
}

.oc-panel-section__title {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.oc-panel-section__lead {
    margin: 0 0 20px;
    font-size: 14px;
    color: #8b96a5;
    line-height: 1.5;
}

.oc-panel-section__lead code {
    background: rgba(255, 255, 255, 0.08);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 13px;
}

.oc-panel-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

@media screen and (max-width: 900px) {
    .oc-panel-grid {
        grid-template-columns: 1fr;
    }

    .oc-panel-shell {
        flex-direction: column;
    }

    .oc-panel-sidebar {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
}

.oc-panel-card {
    background: #121820;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 18px 18px;
    margin-bottom: 12px;
}

.oc-panel-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.oc-panel-card__title {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 600;
    color: #e6eaf0;
}

.oc-panel-card__desc {
    margin: 0;
    font-size: 13px;
    color: #8b96a5;
    line-height: 1.45;
}

.oc-panel-card__action {
    flex-shrink: 0;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: #e6eaf0;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.oc-panel-card__action:hover {
    background: rgba(255, 255, 255, 0.1);
}

.oc-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

.oc-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.oc-switch__slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: #2a3444;
    border-radius: 24px;
    transition: 0.2s;
}

.oc-switch__slider::before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background: #fff;
    border-radius: 50%;
    transition: 0.2s;
}

.oc-switch input:checked + .oc-switch__slider {
    background: #3d7cff;
}

.oc-switch input:checked + .oc-switch__slider::before {
    transform: translateX(20px);
}

.oc-panel-dl {
    margin: 0;
    background: #121820;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 16px 18px;
}

.oc-panel-dl > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 14px;
}

.oc-panel-dl > div:last-child {
    border-bottom: 0;
}

.oc-panel-dl dt {
    margin: 0;
    color: #8b96a5;
    font-weight: 500;
    flex: 0 0 42%;
}

.oc-panel-dl dd {
    margin: 0;
    text-align: right;
    color: #e6eaf0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.oc-mono {
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-size: 13px;
}

.oc-mono--sm {
    font-size: 11px;
    word-break: break-all;
}

.oc-copy {
    padding: 4px 8px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #8b96a5;
    cursor: pointer;
}

.oc-copy:hover {
    color: #5b9cff;
}

.oc-flag {
    margin-right: 4px;
}

.oc-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #7dd87d;
}

.oc-pill .fa-circle {
    font-size: 8px;
}

.oc-codebox {
    position: relative;
    background: #0d1117;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 16px 18px 18px;
}

.oc-codebox__copy {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 8px 10px;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #9aa4b2;
    cursor: pointer;
}

.oc-codebox__copy:hover {
    color: #e6eaf0;
}

.oc-codebox__pre {
    margin: 0;
    padding-right: 48px;
    overflow-x: auto;
    font-size: 12px;
    line-height: 1.55;
    color: #c9d1d9;
}

.oc-codebox__pre code {
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    white-space: pre;
}

.oc-panel-footnote {
    margin: 32px 0 0;
    font-size: 14px;
}

.oc-panel-footnote a {
    color: #5b9cff;
    text-decoration: none;
}

.oc-panel-footnote a:hover {
    text-decoration: underline;
}

/* Dashboard demo giriş kutusu */
.oc-demo-login__dl {
    margin: 10px 0 0;
    font-size: 14px;
}
.oc-demo-login__dl dt {
    display: inline;
    font-weight: 600;
    margin: 0;
}
.oc-demo-login__dl dt::after {
    content: ": ";
}
.oc-demo-login__dl dd {
    display: inline;
    margin: 0 1em 0 0;
}
.oc-demo-login__dl dd code {
    font-size: 13px;
    padding: 2px 6px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

/* Index header parity for all non-home pages (same measurements) */
body:not(.page-onlycore-home) .onlycore-site-header .onlycore-top .onlycore-top-left,
body:not(.page-onlycore-home) .onlycore-site-header .onlycore-top .onlycore-top-right {
    gap: 8px !important;
}

body:not(.page-onlycore-home) .onlycore-site-header .onlycore-top .onlycore-top-left a,
body:not(.page-onlycore-home) .onlycore-site-header .onlycore-top .onlycore-top-center .onlycore-marquee,
body:not(.page-onlycore-home) .onlycore-site-header .onlycore-top .onlycore-top-auth.nav-auth-plain .nav-auth-link,
body:not(.page-onlycore-home) .onlycore-site-header .onlycore-top .onlycore-top-auth.nav-auth-plain .nav-auth-link i,
body:not(.page-onlycore-home) .onlycore-site-header .onlycore-top .onlycore-top-auth.nav-auth-plain .nav-auth-sep {
    font-size: 11px !important;
    line-height: 1.2 !important;
}

body:not(.page-onlycore-home) .onlycore-site-header .onlycore-top .onlycore-top-auth.nav-auth-plain .nav-auth-link {
    font-weight: 500 !important;
}

body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .bottom_header .navbar {
    padding: 14px 0 !important;
}

body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .onlycore-navbar-brand {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    line-height: 0 !important;
}

body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-decoration: none !important;
    line-height: 1.15 !important;
}

body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo,
body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .logo,
body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo,
body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .logo {
    height: 72px !important;
    max-height: 78px !important;
    width: auto !important;
    max-width: min(360px, 58vw) !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    object-fit: contain !important;
}

body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo-wordmark {
    height: auto !important;
    max-height: 40px !important;
    width: auto !important;
    max-width: min(170px, 42vw) !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    object-fit: contain !important;
    object-position: left center !important;
}

body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .nav-main-links .nav-item > .list-group-item {
    font-size: 11px !important;
    padding: 3px 7px !important;
}

@media (max-width: 991px) {
    body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo,
    body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .logo {
        height: 56px !important;
        max-height: 60px !important;
        max-width: min(260px, 75vw) !important;
    }

    body:not(.page-onlycore-home) .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo-wordmark {
        height: auto !important;
        max-height: 40px !important;
        max-width: min(160px, 48vw) !important;
        margin: 0 !important;
    }
}

/* Hide header on scroll down, show on scroll up */
.onlycore-site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 5000;
    transform: translateY(0);
    transition: transform .28s ease;
    will-change: transform;
}

body.onlycore-header--hidden .onlycore-site-header {
    transform: translateY(0);
}

/* Keep header visible; shrink slightly on scroll */
.onlycore-site-header .onlycore-top {
    max-height: 56px;
    opacity: 1;
    overflow: hidden;
    transition: max-height .24s ease, opacity .24s ease, padding .24s ease;
}

body.onlycore-header--scrolled .onlycore-site-header .onlycore-top {
    max-height: 0;
    opacity: 0;
}

/* Scroll state on all pages: keep visible but compact */
body.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .bottom_header .navbar {
    padding: 8px 0 !important;
    background: rgba(12, 18, 34, 0.82) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-bottom-color: rgba(148, 163, 184, 0.12) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

body.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .nav-logo,
body.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-link .logo {
    height: 48px !important;
    max-height: 52px !important;
    max-width: min(240px, 42vw) !important;
}

body.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .nav-main-links .nav-item > .list-group-item {
    font-size: 13px !important;
    padding: 5px 9px !important;
}

/* Keep header/mega menu above page content on all pages */
.onlycore-site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 5000 !important;
}

/* Header ile icerik arasinda kalici nefes payi: ust uste binmeyi engelle */
body:not(.page-onlycore-home) {
    padding-top: var(--onlycore-header-offset, 0px) !important;
}

body.page-onlycore-home {
    padding-top: 0;
}

.onlycore-site-header .onlycore-top,
.onlycore-site-header .onlycore-nav,
.onlycore-site-header .onlycore-nav .bottom_header,
.onlycore-site-header .onlycore-nav .bottom_header .navbar,
.onlycore-site-header .onlycore-nav #navbarToggler,
.onlycore-site-header .onlycore-nav .navbar-nav {
    position: relative;
    z-index: 5001;
    overflow: visible !important;
}

.onlycore-site-header .onlycore-nav .dropdown-menu,
.onlycore-site-header .onlycore-nav .mega-menu-oc,
.onlycore-site-header .onlycore-nav .mega-menu-sunucu,
.onlycore-site-header .onlycore-nav .mega-menu-veri,
.onlycore-site-header .onlycore-nav .mega-menu-kurumsal {
    z-index: 6000 !important;
}

/* Scroll state: navbar slightly transparent */
body.onlycore-header--scrolled .onlycore-site-header .onlycore-nav .bottom_header .navbar {
    background: rgba(12, 18, 34, 0.78) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-bottom-color: rgba(148, 163, 184, 0.18) !important;
}

/* Mobile hardening (site-wide + game pages) */
body.page-ryzen-vds .oc-vds-features__ico,
body.page-fivem-server .oc-vds-features__ico {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: block;
    filter: brightness(0) invert(1);
}

@media (max-width: 767px) {
    html,
    body {
        overflow-x: hidden;
    }

    .container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .game-background .container {
        padding-left: 14px;
        padding-right: 14px;
        height: auto;
    }

    .game-background.oc-fivem-hero-page.oc-fivem-hero-band {
        padding: 6.7rem 0 2.1rem;
        min-height: 20rem;
    }

    .game-background.oc-fivem-hero-page.oc-fivem-hero-band .oc-fivem-hero-band__photo {
        height: 110%;
        transform: translateY(3%);
    }

    .game-background.oc-fivem-hero-page.oc-fivem-hero-band.oc-fivem-hero-band--rust-hero .oc-fivem-hero-band__photo {
        height: 124%;
        object-position: center top;
        transform: translateY(10%);
    }

    .game-background.oc-fivem-hero-page .oc-fivem-hero-heading {
        font-size: clamp(1.35rem, 6.2vw, 1.9rem);
        margin-bottom: 0.8rem;
    }

    .game-background.oc-fivem-hero-page .oc-fivem-hero-lead {
        font-size: 0.94rem;
        line-height: 1.5;
    }

    .game-background.oc-fivem-hero-page .oc-fivem-hero-features {
        margin-top: 1.35rem;
        gap: 0.4rem 0.7rem;
        justify-content: flex-start;
    }

    .game-background.oc-fivem-hero-page .oc-fivem-hero-features li {
        width: 100%;
        font-size: 0.88rem;
    }

    .oc-fx-pricing-wrap {
        padding-top: 0.8rem !important;
        padding-bottom: 2rem !important;
    }

    .oc-fx-pricing-grid.row {
        row-gap: 16px;
    }

    .oc-price-card {
        padding: 1rem 0.9rem 0.95rem;
        border-radius: 12px;
    }

    .oc-price-card__head {
        margin: -1rem -0.9rem 0;
        padding: 4.2rem 0.9rem 0.85rem;
        background-size: cover !important;
        border-radius: 12px 12px 0 0;
    }

    .oc-price-card__title {
        font-size: 1.14rem;
    }

    .oc-price-card__amount {
        font-size: 1.07rem;
    }

    .oc-price-card__specs {
        padding-top: 0.55rem;
        padding-bottom: 0.85rem;
    }

    .oc-price-card__specs li {
        align-items: flex-start;
        gap: 0.55rem;
        font-size: 0.87rem;
        line-height: 1.35;
        padding: 0.32rem 0;
    }

    .oc-price-ic.oc-price-ic--ryzen {
        width: 22px;
        height: 22px;
        margin-top: 1px;
    }

    .oc-price-ic.oc-price-ic--ryzen img {
        width: 20px;
        height: 20px;
    }

    body.page-ryzen-vds .oc-vds-features__section-title,
    body.page-fivem-server .oc-vds-features__section-title {
        font-size: 1.25rem;
        margin-bottom: 1.05rem;
    }

    body.page-ryzen-vds .oc-vds-features__item,
    body.page-fivem-server .oc-vds-features__item {
        padding: 0.4rem 0 0.6rem;
        gap: 0.55rem;
    }

    body.page-ryzen-vds .oc-vds-features__title,
    body.page-fivem-server .oc-vds-features__title {
        font-size: 1rem;
    }

    body.page-ryzen-vds .oc-vds-features__text,
    body.page-fivem-server .oc-vds-features__text {
        font-size: 0.9rem;
        line-height: 1.45;
    }

    .site-footer--minimal .site-footer__top,
    .site-footer--minimal .site-footer__bottom--bar {
        text-align: center;
    }

    .site-footer--minimal .site-footer__links-grid {
        grid-template-columns: 1fr;
        gap: 1.1rem;
    }

    .site-footer__contact li a {
        justify-content: center;
    }

    .site-footer__bottom-main,
    .site-footer__bottom-aside {
        width: 100%;
        justify-content: center;
    }
}

/* =========================================================
   Global mobile adaptation layer (all pages)
   ========================================================= */
@media (max-width: 991px) {
    .container,
    .container-fluid {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .row > [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px;
    }

    img,
    video,
    iframe,
    canvas,
    svg {
        max-width: 100%;
    }

    table {
        display: block;
        width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table,
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    input,
    select,
    textarea,
    .form-control,
    .btn,
    button {
        font-size: 16px !important;
    }

    .onlycore-site-header .onlycore-nav .bottom_header .navbar {
        padding: 6px 0 !important;
    }

    .onlycore-site-header .onlycore-nav .nav-main-links .nav-item > .list-group-item {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }

    .site-footer--minimal .site-footer__links-grid,
    .site-footer__links-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.9rem 0.8rem;
    }
}

@media (max-width: 767px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    h1 {
        font-size: clamp(1.4rem, 6.4vw, 1.9rem);
        line-height: 1.2;
    }

    h2 {
        font-size: clamp(1.2rem, 5.4vw, 1.55rem);
        line-height: 1.25;
    }

    h3 {
        font-size: clamp(1.05rem, 4.8vw, 1.3rem);
        line-height: 1.3;
    }

    p,
    li,
    a,
    span,
    small {
        word-break: break-word;
        overflow-wrap: anywhere;
    }

    .carousel,
    .carousel-inner,
    .carousel-item {
        min-height: 0 !important;
        height: auto !important;
    }

    .carousel-content {
        position: static;
        width: 100%;
        height: auto;
        margin: 0;
        border-radius: 10px;
        padding: 12px;
    }

    .carousel-content h3 {
        font-size: 1.2rem;
    }

    .carousel-content p {
        font-size: 0.95rem;
    }

    .mega-menu-oc,
    .mega-menu-sunucu,
    .mega-menu-veri,
    .mega-menu-kurumsal {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        border-radius: 0 0 10px 10px;
    }

    .oc-faq .card-header button,
    .oc-faq__btn,
    .faq .btn-link {
        font-size: 0.94rem;
        line-height: 1.35;
        white-space: normal;
    }

    .oc-faq .card-body,
    .oc-faq__body,
    .faq .card-body {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    .oc-why__tabs {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 6px;
    }

    .oc-why__tabs .nav-link {
        padding: 7px 10px;
        font-size: 12px;
    }

    .oc-why__panel {
        padding: 14px 12px;
    }

    .site-footer,
    .site-footer--minimal {
        padding-left: 0;
        padding-right: 0;
    }

    .site-footer--minimal .site-footer__links-grid,
    .site-footer__links-grid {
        grid-template-columns: 1fr;
    }

    .site-footer__brand,
    .site-footer__bottom-main,
    .site-footer__bottom-aside {
        text-align: center;
        justify-content: center;
    }

    .site-footer__social {
        justify-content: center;
    }
}

@media (max-width: 420px) {
    .container,
    .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .row {
        margin-left: -6px;
        margin-right: -6px;
    }

    .row > [class*="col-"] {
        padding-left: 6px;
        padding-right: 6px;
    }

    .btn,
    button,
    .oc-price-card__btn,
    .oc-ryzen-cat__btn {
        width: 100%;
    }
}

/* Legacy template mobile rescue (old pages, order pages, account pages) */
@media (max-width: 767px) {
    .background,
    .game-background,
    .container.no-stretch {
        min-height: 0 !important;
        height: auto !important;
    }

    .nav_top:not(.onlycore-nav) .top_header {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .nav_top:not(.onlycore-nav) .top_header h2,
    .nav_top:not(.onlycore-nav) .top_header p,
    .nav_top:not(.onlycore-nav) .top_header .discord {
        float: none !important;
        text-align: center !important;
        margin: 4px 0 !important;
    }

    .nav_top:not(.onlycore-nav) .bottom_header,
    .nav_top:not(.onlycore-nav) .bottom_header .navbar {
        min-height: 0 !important;
        height: auto !important;
    }

    .navbar-nav.right,
    .top_header .discord,
    .server_box .actions button,
    .server_box .status,
    .server_box .name,
    .total .left,
    .total .right {
        float: none !important;
    }

    .nav_top:not(.onlycore-nav) #navbarToggler,
    .nav_top:not(.onlycore-nav) .navbar-collapse {
        max-height: calc(100vh - 84px);
        overflow-y: auto !important;
    }

    .server_box,
    .server_box.upgrade,
    .server_box .credit,
    .server_box .detail,
    .server_box .panel {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .server_box .detail ul,
    .server_box .detail ul li,
    ul.select,
    ul.total {
        width: 100% !important;
        max-width: 100% !important;
    }

    .server_box .actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .server_box .actions button,
    form#upgrade button,
    .server_box .panel button {
        width: 100% !important;
        left: 0 !important;
    }

    .pricing,
    .pricing.hosting-rate,
    .plans,
    .plan,
    .package,
    .card,
    .trustpilot,
    .trustpilot_total {
        width: 100% !important;
        max-width: 100% !important;
    }

    .trustpilot img {
        position: static;
        margin: 6px auto;
        display: block;
    }

    .faq .card,
    .faq .card-header,
    .faq .card-body {
        width: 100% !important;
    }

    .faq .btn-link {
        text-align: left;
        width: 100%;
    }

    [style*="width: 325px"],
    [style*="width:325px"],
    [style*="max-width: 325px"],
    [style*="max-width:325px"],
    [style*="width: 342px"],
    [style*="width:342px"] {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}

/* OnlyCore mobile navbar fix (logo visibility + stable layout) */
@media (max-width: 991px) {
    /* Eski kırık kurallar iptal — detay oc-mobile.css içinde */
    .onlycore-site-header .onlycore-nav .onlycore-navbar-collapse {
        /* display:flex !important KALDIRILDI — menüyü kırıyordu */
    }
}

/* Phone-first refinement: 575 / 390 / 360 widths */
@media (max-width: 575px) {
    .onlycore-site-header .onlycore-top .container.onlycore-top-inner {
        padding-left: 10px;
        padding-right: 10px;
        gap: 6px;
    }

    .onlycore-site-header .onlycore-top {
        display: block !important;
    }

    .onlycore-site-header .onlycore-top-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .onlycore-site-header .onlycore-top-right {
        order: 1;
        width: 100%;
        justify-content: center;
    }

    .onlycore-site-header .onlycore-top-left {
        order: 2;
        width: 100%;
        justify-content: center;
    }

    .onlycore-site-header .onlycore-top-center {
        order: 3;
        width: 100%;
    }

    .onlycore-site-header .onlycore-top-right .onlycore-social {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .onlycore-site-header .onlycore-top-left a,
    .onlycore-site-header .onlycore-top-right .nav-auth-link {
        font-size: 12px;
    }

    .onlycore-site-header .onlycore-nav .navbar.navbar-expand-lg > .container {
        min-height: 58px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-wordmark {
        max-width: min(180px, 58vw) !important;
        max-height: 36px !important;
    }

    .onlycore-site-header .onlycore-nav .onlycore-navbar-collapse.show {
        padding: 8px 10px 10px;
    }

    .onlycore-site-header .onlycore-nav .onlycore-nav-main .nav-item > .list-group-item,
    .onlycore-site-header .onlycore-nav .nav-auth-actions .nav-item > .list-group-item,
    .onlycore-site-header .onlycore-nav .nav-auth-actions .nav-auth-link {
        font-size: 13px !important;
        padding: 8px 10px !important;
    }

    .game-background.oc-fivem-hero-page.oc-fivem-hero-band {
        padding-top: 6.1rem;
    }

    .oc-packages-heading {
        font-size: 1.12rem;
    }

    .oc-price-card__title {
        font-size: 1.05rem;
    }

    .oc-price-card__amount {
        font-size: 1rem;
    }

    .oc-price-card__specs li {
        font-size: 0.84rem;
    }
}

@media (max-width: 390px) {
    .container,
    .container-fluid {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .onlycore-site-header .onlycore-nav .navbar.navbar-expand-lg > .container {
        min-height: 54px;
    }

    .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-wordmark {
        max-width: min(160px, 56vw) !important;
        max-height: 32px !important;
    }

    .onlycore-site-header .onlycore-nav .navbar-toggler {
        padding: 0.2rem 0.35rem;
    }

    .onlycore-site-header .onlycore-nav .onlycore-navbar-collapse.show {
        max-height: calc(100vh - 54px);
        overflow-y: auto !important;
    }

    h1 {
        font-size: clamp(1.2rem, 7vw, 1.55rem);
    }

    h2 {
        font-size: clamp(1.08rem, 6vw, 1.32rem);
    }

    .oc-price-card__head {
        padding-top: 3.6rem;
    }

    .oc-price-card__specs li {
        line-height: 1.3;
    }
}

@media (max-width: 360px) {
    .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-wordmark {
        max-width: min(148px, 54vw) !important;
        max-height: 30px !important;
    }

    .onlycore-site-header .onlycore-nav .onlycore-nav-main .nav-item > .list-group-item,
    .onlycore-site-header .onlycore-nav .nav-auth-actions .nav-item > .list-group-item,
    .onlycore-site-header .onlycore-nav .nav-auth-actions .nav-auth-link {
        font-size: 12px !important;
        padding: 7px 8px !important;
    }

    .oc-price-card {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .oc-price-card__head {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}


/* Header seam fix: remove gap between top strip and navbar */
.onlycore-site-header {
    background: #0b1020;
}

.onlycore-site-header .onlycore-top {
    margin-bottom: 0 !important;
}

.onlycore-site-header .onlycore-nav.nav_top.newbar.absolute,
.onlycore-site-header .onlycore-nav.nav_top.absolute {
    top: 0 !important;
    position: relative !important;
    margin-top: -1px !important;
}

.onlycore-site-header .onlycore-nav .bottom_header,
.onlycore-site-header .onlycore-nav .bottom_header .navbar {
    margin-top: 0 !important;
}

/* Üst şerit — Müşteri Paneli (Kayıt Ol ile aynı minimal stil, tema rengi) */
/* Üst şerit — Müşteri Paneli = Kayıt Ol gibi minimal, tema rengi */
.onlycore-site-header .onlycore-top-right .nav-panel-btn,
.onlycore-site-header .onlycore-top-right .nav-auth-link[data-panel-link="login"],
.onlycore-site-header .onlycore-top-right .nav-auth-panel {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    min-height: auto !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color .18s ease;
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}

.onlycore-site-header .onlycore-top-right .nav-panel-btn i,
.onlycore-site-header .onlycore-top-right .nav-auth-link[data-panel-link="login"] i,
.onlycore-site-header .onlycore-top-right .nav-auth-panel i {
    font-size: 12px !important;
    color: inherit !important;
}

.onlycore-site-header .onlycore-top-right .nav-panel-btn:hover,
.onlycore-site-header .onlycore-top-right .nav-auth-link[data-panel-link="login"]:hover,
.onlycore-site-header .onlycore-top-right .nav-auth-panel:hover {
    color: #5ec8e8 !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.onlycore-site-header .onlycore-top-right .nav-panel-btn:hover i,
.onlycore-site-header .onlycore-top-right .nav-auth-link[data-panel-link="login"]:hover i,
.onlycore-site-header .onlycore-top-right .nav-auth-panel:hover i {
    color: inherit !important;
}

@media (max-width: 575.98px) {
    .onlycore-site-header .onlycore-top-right .nav-panel-btn,
    .onlycore-site-header .onlycore-top-right .nav-auth-link[data-panel-link="login"],
    .onlycore-site-header .onlycore-top-right .nav-auth-panel {
        padding: 0 !important;
        font-size: 12px !important;
    }
}

/* ============================================================
   OnlyCore — Mobil düzen (2026)
   Panel sitesi hariç ana site: telefon / tablet
   ============================================================ */

@media (max-width: 991.98px) {
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    html,
    body {
        overflow-x: hidden !important;
        max-width: 100vw;
    }

    img,
    video,
    canvas,
    svg {
        max-width: 100%;
        height: auto;
    }

    /* Üst şerit: sadeleştir */
    .onlycore-site-header .onlycore-top .onlycore-top-left {
        display: none !important;
    }

    .onlycore-site-header .onlycore-top .onlycore-top-center {
        display: none !important;
    }

    .onlycore-site-header .onlycore-top-inner {
        min-height: 36px !important;
        padding: 6px 12px !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
    }

    .onlycore-site-header .onlycore-top-right {
        width: auto !important;
        margin-left: auto;
        gap: 10px;
        justify-content: flex-end !important;
        flex-wrap: nowrap;
    }

    .onlycore-site-header .onlycore-top-right .onlycore-top-auth.nav-auth-plain {
        gap: 6px;
    }

    .onlycore-site-header .onlycore-top-right .nav-auth-link,
    .onlycore-site-header .onlycore-top-right .nav-auth-panel {
        font-size: 12px !important;
        white-space: nowrap;
    }

    /* Navbar satırı */
    .onlycore-site-header .onlycore-nav.nav_top.newbar,
    .onlycore-site-header .onlycore-nav.nav_top.newbar.absolute {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 1050;
    }

    .onlycore-site-header .onlycore-nav .bottom_header .navbar {
        border-radius: 0 !important;
        padding: 8px 4px !important;
        margin: 0 !important;
        box-shadow: none !important;
        border-left: none !important;
        border-right: none !important;
    }

    .onlycore-site-header .onlycore-nav .navbar.navbar-expand-lg > .container {
        width: 100%;
        max-width: 100%;
        padding-left: 12px !important;
        padding-right: 12px !important;
        min-height: 58px;
    }

    .onlycore-site-header .onlycore-nav .navbar-toggler {
        border: 1px solid rgba(148, 163, 184, 0.35) !important;
        border-radius: 10px !important;
        padding: 0.45rem 0.65rem !important;
        background: rgba(255, 255, 255, 0.04);
    }

    .onlycore-site-header .onlycore-nav .navbar-toggler:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(94, 200, 232, 0.25);
    }

    .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-wordmark {
        max-width: min(168px, 52vw) !important;
        max-height: 34px !important;
    }

    /* Açık menü */
    .onlycore-site-header .onlycore-nav .onlycore-navbar-collapse.show {
        max-height: min(78vh, 640px);
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        padding: 12px 12px 18px !important;
        border-radius: 0 0 14px 14px;
    }

    .onlycore-site-header .onlycore-nav .onlycore-navbar-collapse.show .onlycore-nav-main .nav-item > .list-group-item,
    .onlycore-site-header .onlycore-nav .onlycore-navbar-collapse.show .onlycore-nav-main .nav-item > a.list-group-item {
        display: block !important;
        width: 100%;
        text-align: left !important;
        padding: 12px 14px !important;
        font-size: 15px !important;
        border-radius: 10px !important;
        margin: 0;
        border: 1px solid rgba(148, 163, 184, 0.12);
        background: rgba(15, 23, 42, 0.55) !important;
    }

    /* Mega menüler mobilde tam genişlik, tek sütun */
    .onlycore-site-header .onlycore-nav .dropdown-menu.mega-menu-oc {
        position: static !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        margin: 8px 0 12px !important;
        border-radius: 12px !important;
        box-shadow: none !important;
    }

    .onlycore-site-header .onlycore-nav .mega-oc-grid,
    .onlycore-site-header .onlycore-nav .mega-oc-grid.mega-oc-grid--sunucu-equal,
    .onlycore-site-header .onlycore-nav .mega-oc-grid.mega-oc-grid--kurumsal {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .onlycore-site-header .onlycore-nav .mega-oc-grid > * {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .onlycore-site-header .onlycore-nav .mega-oc-card {
        min-height: 0 !important;
        padding: 12px 12px 12px 10px !important;
    }

    .onlycore-site-header .onlycore-nav .mega-oc-card-title {
        font-size: 13px !important;
    }

    .onlycore-site-header .onlycore-nav .mega-oc-card-desc {
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    .onlycore-site-header .onlycore-nav .mega-oc-card-icon {
        width: 36px !important;
        height: 36px !important;
    }

    /* Ana slider / hero — 100vh mobilde taşırır */
    #homeSlider .carousel-inner,
    #homeSlider .carousel-item,
    #homeSlider .image-box {
        height: auto !important;
        min-height: 0 !important;
    }

    #homeSlider .image-box {
        height: auto !important;
        min-height: 520px !important;
        padding: 72px 0 56px !important;
        background-position: center right !important;
        display: flex;
        align-items: center;
        position: relative;
    }

    #homeSlider .carousel-text {
        max-width: 100% !important;
        padding: 0 4px;
    }

    #homeSlider .carousel-text h1 {
        font-size: clamp(1.85rem, 9vw, 2.55rem) !important;
        line-height: 1.08 !important;
        margin-bottom: 0.75rem !important;
    }

    #homeSlider .carousel-text .oc-slide-pill {
        font-size: 12px !important;
        padding: 7px 12px !important;
        max-width: 100%;
        white-space: normal;
        line-height: 1.3;
    }

    #homeSlider .carousel-text .oc-hero-tagline {
        font-size: 13px !important;
        letter-spacing: 0.03em !important;
        margin-bottom: 1rem !important;
    }

    #homeSlider .carousel-text .oc-hero-ddos,
    #homeSlider .carousel-text .oc-hero-ddos.oc-hero-ddos--ark-match {
        font-size: 13px !important;
        gap: 8px !important;
        flex-wrap: wrap;
    }

    #homeSlider .carousel-text .btn.btn-primary,
    #homeSlider .carousel-text .btn.btn-primary.oc-hero-btn--simple {
        width: 100%;
        max-width: 280px;
        min-height: 46px;
        font-size: 15px !important;
        border-radius: 12px !important;
    }

    #homeSlider .carousel-indicators {
        bottom: 12px !important;
    }

    /* Bölümler */
    .oc-featured-section,
    .oc-common-features,
    .oc-pick-grid,
    .oc-why,
    .oc-faq,
    .popular-games-compact {
        padding-left: 0;
        padding-right: 0;
    }

    .oc-featured-section .row > [class*="col-"],
    .oc-common-features__grid > [class*="col-"],
    .oc-pick-grid__row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 12px;
    }

    .oc-featured-card,
    .oc-pick-card,
    .oc-common-features__item {
        border-radius: 14px !important;
    }

    .oc-featured-title,
    .oc-common-features__title,
    .oc-pick-grid__title,
    .oc-why__title {
        font-size: clamp(1.25rem, 5.5vw, 1.65rem) !important;
        line-height: 1.2 !important;
        padding-left: 4px;
        padding-right: 4px;
    }

    .oc-why__tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        gap: 8px !important;
        padding-bottom: 6px;
        justify-content: flex-start !important;
    }

    .oc-why__tabs .nav-link {
        white-space: nowrap;
        flex: 0 0 auto;
        font-size: 13px !important;
        padding: 8px 12px !important;
    }

    /* Tablolar yatay kaydır */
    table {
        max-width: 100%;
    }

    .table-responsive,
    .table-responsive.bg-white {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Footer */
    .site-footer--minimal .site-footer__links-grid,
    .site-footer__links-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 18px 14px !important;
    }

    .site-footer__logo {
        max-width: 180px !important;
        height: auto !important;
    }

    .site-footer__lead,
    .site-footer__office-line {
        font-size: 13px !important;
    }

    /* Float buton */
    .oc-float-top {
        right: 12px !important;
        bottom: 72px !important;
        width: 42px !important;
        height: 42px !important;
    }

    /* Form / iOS zoom engeli */
    input,
    select,
    textarea {
        font-size: 16px !important;
    }

    /* Ürün / oyun sayfaları hero */
    .game-background.oc-fivem-hero-page.oc-fivem-hero-band {
        padding-top: 4.5rem !important;
        padding-bottom: 2rem !important;
        min-height: 0 !important;
    }

    .oc-packages-heading {
        font-size: 1.2rem !important;
    }

    .oc-fx-pricing-grid.row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .onlycore-site-header .onlycore-top-inner {
        min-height: 34px !important;
        padding: 5px 10px !important;
    }

    .onlycore-site-header .onlycore-top-right .nav-auth-sep {
        opacity: 0.45;
    }

    #homeSlider .image-box {
        min-height: 460px !important;
        padding: 64px 0 48px !important;
        background-position: 70% center !important;
        background-size: cover !important;
    }

    #homeSlider .image-box::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(10, 14, 28, 0.78) 0%, rgba(10, 14, 28, 0.45) 45%, rgba(10, 14, 28, 0.72) 100%);
        pointer-events: none;
        z-index: 0;
    }

    #homeSlider .image-box > .container {
        position: relative;
        z-index: 1;
    }

    #homeSlider .carousel-text h1 {
        font-size: clamp(1.7rem, 10vw, 2.2rem) !important;
    }

    .site-footer--minimal .site-footer__links-grid,
    .site-footer__links-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .oc-featured-section .row > [class*="col-"]:nth-child(n) {
        margin-bottom: 10px;
    }

    .review,
    .testimonial,
    .message.blockquote {
        font-size: 14px !important;
        line-height: 1.5 !important;
        word-break: break-word;
    }

    .container,
    .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

@media (max-width: 390px) {
    .onlycore-site-header .onlycore-top-right .nav-auth-link[data-panel-link="login"],
    .onlycore-site-header .onlycore-top-right .nav-auth-panel {
        font-size: 11px !important;
    }

    .onlycore-site-header .onlycore-nav .onlycore-navbar-brand .nav-logo-wordmark {
        max-width: min(140px, 48vw) !important;
        max-height: 30px !important;
    }

    #homeSlider .image-box {
        min-height: 420px !important;
    }
}

/* Stok yok butonu — vitrin kartları ve paket tabloları */
.oc-btn-nostock,
a.oc-ryzen-cat__btn.oc-btn-nostock {
    background: #334155 !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
    pointer-events: none;
    opacity: 0.85;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Menü indirim rozetleri — Sunucu / Oyun sunucuları */
.onlycore-nav .bottom_header .navbar,
.onlycore-nav .onlycore-navbar-collapse,
.onlycore-nav .nav-main-links .nav-item {
    overflow: visible;
}

.onlycore-nav .nav-main-links .nav-item > a.list-group-item.has-oc-nav-discount,
.onlycore-nav .onlycore-nav-main .nav-item > a.list-group-item.has-oc-nav-discount {
    position: relative !important;
    overflow: visible !important;
}

.onlycore-nav .oc-nav-discount-badge {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, calc(-100% - 2px));
    z-index: 6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: #e11d48;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.01em;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: 0 0 0 1px rgba(225, 29, 72, 0.35), 0 4px 12px rgba(225, 29, 72, 0.35);
}

@media (min-width: 992px) {
    .onlycore-site-header .onlycore-nav ul.nav-main-links.onlycore-nav-main {
        align-items: flex-end !important;
        padding-top: 12px;
    }

    .onlycore-nav .nav-main-links .nav-item > a.list-group-item.has-oc-nav-discount {
        padding-top: 6px !important;
    }
}