/* ═══════════════════════════════════════════════════════════════════════
 * 🎨 AYDINCLOUD48 - MODERN MAVI TEMA (v93) 🎨
 * BUILD: 2026-09-05-v93
 * Bu yorumu görüyorsan → doğru tema yüklendi ✓
 * 
 * Tema klasörü: /templates/aydincloud50/
 * theme.yaml: name: "AydinCloud48"
 * 
 * v12 düzeltmeleri:
 *   - Order form Kategoriler paneli: saran KOLON da full genişlik (:has)
 *   - col-3 gibi dar kolonlar mobilde full
 *   - (v11'den) sepet mavi barı + promo icon düzeltmeleri dahil
 * ═══════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ─────────────────────────────────────────────────────────────────────
 * RENK PALETI - aydincloud.com ana sayfa ile uyumlu
 * ───────────────────────────────────────────────────────────────────── */
:root {
    --ac-primary: #2563EB;
    --ac-primary-dark: #1E40AF;
    --ac-primary-light: #3B82F6;
    --ac-primary-soft: #DBEAFE;
    --ac-primary-bg: #EFF6FF;
    --ac-navy: #0F1B36;
    --ac-navy-soft: #1E3A5F;
    --ac-dark: #0F172A;
    --ac-text: #475569;
    --ac-text-light: #64748B;
    --ac-muted: #94A3B8;
    --ac-border: #E2E8F0;
    --ac-border-light: #F1F5F9;
    --ac-bg: #F8FAFC;
    --ac-bg-card: #FFFFFF;
    --ac-success: #10B981;
    --ac-warning: #F59E0B;
    --ac-danger: #EF4444;
    --ac-info: #3B82F6;
    --ac-gold: #F59E0B;
    --ac-emerald: #10B981;
    --ac-asbestos: #64748B;
    --ac-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
    --ac-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
    --ac-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.06), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
    --ac-shadow-md: 0 10px 15px -3px rgba(15, 23, 42, 0.08);
    --ac-shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, 0.08);
    --ac-radius-sm: 6px;
    --ac-radius: 8px;
    --ac-radius-md: 10px;
    --ac-radius-lg: 12px;
    --ac-radius-xl: 16px;
    --ac-radius-full: 9999px;
    --ac-transition: all 0.2s ease;
}

/* ─────────────────────────────────────────────────────────────────────
 * RESET & BASE
 * ───────────────────────────────────────────────────────────────────── */
html {
    overflow-x: hidden !important;
}

body,
body.primary-bg-color,
html body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--ac-text) !important;
    background-color: var(--ac-bg) !important;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Inter', sans-serif !important;
    color: var(--ac-dark) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.3 !important;
}

h1, .h1 { font-size: 1.875rem !important; font-weight: 800 !important; }
h2, .h2 { font-size: 1.5rem !important; }
h3, .h3 { font-size: 1.25rem !important; }
h4, .h4 { font-size: 1.0625rem !important; }
h5, .h5 { font-size: 1rem !important; }

a {
    color: var(--ac-primary) !important;
    transition: var(--ac-transition) !important;
    text-decoration: none !important;
}

a:hover {
    color: var(--ac-primary-dark) !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * TOP BAR (logged-out, login sayfası üst barı)
 * topbar91.tpl içeriği: search + chat ikonu + sepet + hesap dropdown
 * ───────────────────────────────────────────────────────────────────── */
.top-bar-section {
    background: var(--ac-bg-card) !important;
    border-bottom: 1px solid var(--ac-border-light) !important;
    padding: 10px 0 !important;
}

.top-bar-section .top-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    flex-wrap: nowrap !important;
}

.top-bar-section .top-bar-left-content,
.top-bar-section .top-bar-right-content {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.top-bar-section .top-bar-left-content {
    flex: 1 !important;
    justify-content: flex-start !important;
}

.top-bar-section .top-bar-right-content {
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
}

.top-bar-section .top-bar-left-content > li,
.top-bar-section .top-bar-right-content > li {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Search alanı */
.top-bar-section .topbar-search {
    flex: 1 !important;
    max-width: 360px !important;
}

.top-bar-section .topbar-search form {
    width: 100% !important;
}

.top-bar-section .input-group.search {
    width: 100% !important;
    display: flex !important;
}

.top-bar-section .input-group.search .btn-default {
    background: var(--ac-bg) !important;
    border: 1px solid var(--ac-border) !important;
    border-right: none !important;
    color: var(--ac-text-light) !important;
    border-radius: var(--ac-radius) 0 0 var(--ac-radius) !important;
    padding: 7px 12px !important;
}

.top-bar-section .input-group.search .form-control {
    border: 1px solid var(--ac-border) !important;
    border-left: none !important;
    border-radius: 0 var(--ac-radius) var(--ac-radius) 0 !important;
    padding: 7px 12px !important;
    font-size: 13px !important;
    background: var(--ac-bg) !important;
    height: auto !important;
    box-shadow: none !important;
}

.top-bar-section .input-group.search .form-control:focus {
    background: var(--ac-bg-card) !important;
    border-color: var(--ac-primary) !important;
}

/* Sağ taraftaki ikonlar (chat, sepet) - badge için overflow görünür */
.top-bar-section .top-bar-right-content > li {
    position: relative !important;
}

.top-bar-section .top-bar-right-content > li > a:not(.dropdown-item) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: var(--ac-radius) !important;
    background: var(--ac-bg) !important;
    color: var(--ac-text) !important;
    border: 1px solid var(--ac-border-light) !important;
    text-decoration: none !important;
    position: relative !important;
    padding: 0 !important;
    transition: var(--ac-transition) !important;
    overflow: visible !important;
}

.top-bar-section .top-bar-right-content > li > a:hover {
    background: var(--ac-primary-soft) !important;
    color: var(--ac-primary) !important;
    border-color: var(--ac-primary-light) !important;
}

/* Sepet sayı badge'i - yuvarlak, beyaz çerçeveli, taşmadan */
.top-bar-section .top-bar-right-content .cart-btn .badge-info,
.top-bar-section .cart-btn .badge,
.top-bar-section .cart-btn #cartItemCount {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    background: var(--ac-primary) !important;
    color: white !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    min-width: 19px !important;
    width: 19px !important;
    height: 19px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid var(--ac-bg-card) !important;
    box-sizing: border-box !important;
}

/* Hesap dropdown ("Hesap ▼") - navbar.tpl içinden geliyor */
.top-bar-section .top-bar-right-content .dropdown-toggle,
.top-bar-section .top-bar-right-content > li.dropdown > a,
.top-bar-section .top-bar-right-content > li.account > a {
    background: var(--ac-bg) !important;
    color: var(--ac-text) !important;
    border: 1px solid var(--ac-border-light) !important;
    border-radius: var(--ac-radius) !important;
    padding: 7px 14px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    width: auto !important;
    height: auto !important;
}

.top-bar-section .top-bar-right-content .dropdown-toggle:hover {
    background: var(--ac-primary-soft) !important;
    color: var(--ac-primary) !important;
    border-color: var(--ac-primary-light) !important;
}

/* Login sayfası topbar mobil */
@media (max-width: 768px) {
    /* GLOBAL mobil yatay taşma engelleyici - sayfa sola/sağa kaymasın */
    html, body {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }
    
    .top-bar-section .top-bar {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    
    .top-bar-section .topbar-search {
        max-width: 100% !important;
        order: 3 !important;
        width: 100% !important;
    }
    
    .top-bar-section .top-bar-right-content {
        margin-left: auto !important;
    }
}

/* ─────────────────────────────────────────────────────────────────────
 * HEADER TOPBAR (logged-in, üst gri/beyaz alan)
 * ───────────────────────────────────────────────────────────────────── */
#header.header {
    background: var(--ac-bg-card) !important;
}

#header.header .topbar {
    background: #F8FAFC !important;
    border-bottom: 1px solid var(--ac-border-light, #E2E8F0) !important;
    padding: 8px 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

#header.header .topbar .btn {
    color: var(--ac-text) !important;
    background: transparent !important;
    border: none !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    border-radius: var(--ac-radius) !important;
}

#header.header .topbar .btn:hover,
#header.header .topbar .btn:focus {
    background: var(--ac-primary-soft) !important;
    color: var(--ac-primary) !important;
}

#header.header .topbar #accountNotifications,
body.ac-divmo #header.header .topbar #accountNotifications {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    line-height: 38px !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    color: #1E293B !important;
    padding: 0 14px !important;
    border-radius: 9px !important;
    border: 1px solid #CBD5E1 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    gap: 6px !important;
    margin: 0 !important;
    transition: all 0.18s ease !important;
}

#header.header .topbar #accountNotifications:hover {
    background: #F1F5F9 !important;
    border-color: #94A3B8 !important;
    color: #0F172A !important;
}

#header.header .topbar #accountNotifications i {
    color: #F59E0B !important;
    font-size: 14px !important;
}

/* Masaüstü arama çubuğu - Bildirim butonu ile birebir 38px ve uyumlu */
#header.header .topbar .logged_in_search {
    margin: 0 0 0 10px !important;
    vertical-align: middle !important;
}

#header.header .topbar .logged_in_search .input-group {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    box-sizing: border-box !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 9px !important;
    background: #FFFFFF !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    transition: all 0.18s ease !important;
}

#header.header .topbar .logged_in_search .input-group:focus-within {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

#header.header .topbar .logged_in_search .input-group-prepend {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

#header.header .topbar .logged_in_search .btn-default {
    background: transparent !important;
    border: none !important;
    color: #94A3B8 !important;
    padding: 0 8px 0 12px !important;
    height: 36px !important;
    line-height: 36px !important;
    box-shadow: none !important;
}

#header.header .topbar .logged_in_search .form-control {
    border: none !important;
    background: transparent !important;
    color: #1E293B !important;
    font-size: 13px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 14px 0 0 !important;
    width: 220px !important;
    box-shadow: none !important;
}

#header.header .topbar ::placeholder {
    color: var(--ac-muted, #94A3B8) !important;
    opacity: 1 !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * SAĞ ÜST TOPBAR: Sepet + Hesap Dropdown
 * HTML: <div class="input-group active-client">
 *         <div class="btn-group">
 *           <ul class="sign-in-topbar-right">
 *             <li class="nav-item"><a class="cart-btn">...</a></li>
 *             <li class="dropdown account"><a class="dropdown-toggle">...</a></li>
 *           </ul>
 *         </div>
 *       </div>
 * Bootstrap'in input-group + btn-group sınıfları içindekileri sıkıştırıyor,
 * onları reset edip yatay flex ile yan yana yapıyoruz.
 * ───────────────────────────────────────────────────────────────────── */

/* active-client (input-group) sıkıştırmasını kaldır */
#header.header .topbar .active-client,
#header.header .topbar .input-group.active-client {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
    width: auto !important;
}

#header.header .topbar .active-client .btn-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
}

/* sign-in-topbar-right ul - yatay flex */
#header.header .topbar .sign-in-topbar-right {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#header.header .topbar .sign-in-topbar-right > li {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
}

/* Sepet butonu - Masaüstünde beyaz kart, 38px, net kenarlık */
#header.header .topbar .cart-btn,
#header.header .topbar .nav-item .cart-btn,
#header.header .topbar a.cart-btn,
body.ac-divmo #header.header .topbar .cart-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #FFFFFF !important;
    color: #1E293B !important;
    padding: 0 14px !important;
    border-radius: 9px !important;
    border: 1px solid #CBD5E1 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
    margin: 0 !important;
    position: relative !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}

#header.header .topbar .cart-btn:hover {
    background: #F1F5F9 !important;
    border-color: #94A3B8 !important;
    color: #0F172A !important;
}

#header.header .topbar .cart-btn i {
    font-size: 14px !important;
    color: #334155 !important;
    line-height: 1 !important;
}

#header.header .topbar .cart-btn .badge-info,
#header.header .topbar .cart-btn .badge,
#header.header .topbar .cart-btn #cartItemCount {
    background: #2563EB !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    padding: 0 6px !important;
    height: 20px !important;
    min-width: 20px !important;
    border-radius: 999px !important;
    margin-left: 4px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Hesap dropdown trigger "Hoş geldiniz, Hüseyin!" */
#header.header .topbar .dropdown.account,
#header.header .topbar li.account {
    list-style: none !important;
}

#header.header .topbar .active-client .dropdown-toggle,
#header.header .topbar .account .dropdown-toggle,
#header.header .topbar li.account > a,
#header.header .topbar #Secondary_Navbar-Account > a,
#Secondary_Navbar-Account > a.dropdown-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    color: #1D4ED8 !important;
    background: #EFF6FF !important;
    padding: 0 16px !important;
    border-radius: 9px !important;
    border: 1px solid #BFDBFE !important;
    box-shadow: 0 1px 2px rgba(37, 99, 235, 0.08) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    line-height: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    transition: all 0.18s ease !important;
}

#header.header .topbar .active-client .dropdown-toggle:hover,
#header.header .topbar .account .dropdown-toggle:hover,
#Secondary_Navbar-Account > a.dropdown-toggle:hover {
    background: #DBEAFE !important;
    border-color: #93C5FD !important;
    color: #1E40AF !important;
}

/* Bootstrap'in dropdown caret ▼ ikonunu düzgün konumla */
#header.header .topbar .dropdown-toggle::after {
    margin-left: 6px !important;
    vertical-align: middle !important;
    border-top-color: currentColor !important;
}

/* Dropdown menü içeriği */
#header.header .topbar .active-client .dropdown-menu,
#header.header .topbar .account .dropdown-menu,
#Secondary_Navbar-Account .dropdown-menu {
    border-radius: var(--ac-radius-md, 12px) !important;
    border: 1px solid var(--ac-border-light, #E2E8F0) !important;
    box-shadow: var(--ac-shadow-lg, 0 12px 32px rgba(15, 23, 42, .12)) !important;
    padding: 6px !important;
    margin-top: 6px !important;
    min-width: 220px !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    will-change: auto !important;
}

#header.header .topbar .active-client .dropdown-menu .dropdown-item,
#header.header .topbar .account .dropdown-menu .dropdown-item {
    color: var(--ac-text) !important;
    padding: 8px 12px !important;
    border-radius: var(--ac-radius-sm) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

#header.header .topbar .active-client .dropdown-menu .dropdown-item > a,
#header.header .topbar .account .dropdown-menu .dropdown-item > a {
    color: var(--ac-text) !important;
    padding: 0 !important;
    display: block !important;
    text-decoration: none !important;
}

#header.header .topbar .active-client .dropdown-menu .dropdown-item:hover,
#header.header .topbar .account .dropdown-menu .dropdown-item:hover {
    background: var(--ac-primary-soft) !important;
}

#header.header .topbar .active-client .dropdown-menu .dropdown-item:hover > a,
#header.header .topbar .account .dropdown-menu .dropdown-item:hover > a {
    color: var(--ac-primary) !important;
}

#header.header .topbar .active-client .dropdown-menu .dropdown-divider,
#header.header .topbar .account .dropdown-menu .dropdown-divider {
    border-top-color: var(--ac-border-light) !important;
    margin: 4px 0 !important;
}

/* Return to admin butonu - sağ tarafta */
#header.header .topbar .btn-return-to-admin {
    margin-left: 8px !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * MAIN NAVBAR
 * ───────────────────────────────────────────────────────────────────── */
#header .navbar.navbar-light {
    background: var(--ac-bg-card) !important;
    padding: 16px 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--ac-border-light) !important;
    box-shadow: none !important;
}

#header .navbar-brand img {
    width: 175px !important;
    height: auto !important;
}

#header .navbar-collapse a,
#header .navbar-nav > li > a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--ac-dark) !important;
    padding: 8px 14px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: var(--ac-radius-sm) !important;
    transition: var(--ac-transition) !important;
}

#header .navbar-collapse a:hover,
#header .navbar-nav > li > a:hover {
    background: var(--ac-primary-soft) !important;
    color: var(--ac-primary) !important;
}

/* "Yeni Destek Bildirimi" özel buton */
#header .navbar-nav #Primary_Navbar-Open_Ticket > a {
    background: var(--ac-primary) !important;
    color: white !important;
    border-radius: var(--ac-radius) !important;
    padding: 9px 18px !important;
    margin-left: 8px !important;
}

#header .navbar-nav #Primary_Navbar-Open_Ticket > a:hover {
    background: var(--ac-primary-dark) !important;
    color: white !important;
}

/* Dropdown menus */
#header .dropdown-menu {
    border-radius: var(--ac-radius-md) !important;
    border: 1px solid var(--ac-border-light) !important;
    box-shadow: var(--ac-shadow-lg) !important;
    padding: 6px !important;
    margin-top: 6px !important;
    background: var(--ac-bg-card) !important;
}

#header .main-navbar-wrapper .dropdown-menu a,
#header .dropdown-menu .dropdown-item a,
#header .dropdown-menu a.dropdown-item {
    color: var(--ac-text) !important;
    padding: 8px 12px !important;
    border-radius: var(--ac-radius-sm) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

#header .main-navbar-wrapper .dropdown-menu a:hover,
#header .dropdown-menu a:hover,
#header .dropdown-menu .dropdown-item:hover,
#header .dropdown-menu .dropdown-item:hover > a {
    background: var(--ac-primary) !important;
    color: white !important;
}

/* dropdown-item li hover'ında içindeki a da beyaz olsun */
#header .dropdown-menu li.dropdown-item:hover {
    background: var(--ac-primary) !important;
    border-radius: var(--ac-radius-sm) !important;
}

#header .dropdown-menu li.dropdown-item:hover > a {
    background: transparent !important;
    color: white !important;
}

#header .dropdown-menu .dropdown-divider {
    border-top-color: var(--ac-border-light) !important;
    margin: 4px 0 !important;
}

/* Mobile menu button (hamburger ikon) */
#header.header .toolbar {
    margin: 0 !important;
    padding: 0 !important;
}

#header.header .toolbar .nav-item {
    margin: 0 !important;
}

#header.header .toolbar .nav-link {
    background: var(--ac-primary) !important;
    border-radius: var(--ac-radius) !important;
    height: 42px !important;
    width: 42px !important;
    line-height: 1 !important;
    padding: 0 !important;
    color: white !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
}

#header.header .toolbar .nav-link:hover,
#header.header .toolbar .nav-link:focus {
    background: var(--ac-primary-dark) !important;
    color: white !important;
}

#header.header .toolbar .nav-link .fas.fa-bars,
#header.header .toolbar .nav-link span {
    font-size: 16px !important;
    line-height: 1 !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * MAIN BODY
 * ───────────────────────────────────────────────────────────────────── */
section#main-body,
#main-body {
    background: var(--ac-bg) !important;
    padding: 40px 0 60px !important;
    margin: 0 !important;
    min-height: 400px !important;
}

#main-body > .container > .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * SIDEBAR (Bilgileriniz, Sorumlular, Hızlı Erişim)
 * ───────────────────────────────────────────────────────────────────── */
.sidebar .card,
.sidebar .card-sidebar,
.panel-sidebar,
.card-sidebar.panel-sidebar {
    background: var(--ac-bg-card) !important;
    border-radius: var(--ac-radius-lg) !important;
    border: 1px solid var(--ac-border-light) !important;
    box-shadow: var(--ac-shadow-xs) !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

/* Order form Kategoriler paneli başlığı (soft koyu lacivert degrade) */
.panel-sidebar .card-header,
.panel-sidebar .panel-heading {
    background: linear-gradient(135deg, #1E375A 0%, #264A78 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    color: white !important;
    padding: 13px 18px !important;
    border-bottom: none !important;
    font-weight: 600 !important;
}

.panel-sidebar .card-header h3,
.panel-sidebar .card-header .card-title {
    color: white !important;
    margin: 0 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

/* Kategori linkleri (Paylaşımlı Web Hosting, Plesk, vs.) */
.panel-sidebar .list-group-item,
.panel-sidebar .list-group-item-action {
    background: var(--ac-bg-card) !important;
    border: none !important;
    border-bottom: 1px solid var(--ac-border-light) !important;
    padding: 12px 16px !important;
    color: var(--ac-text) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    white-space: normal !important;
}

.panel-sidebar .list-group-item:hover {
    background: var(--ac-primary-soft) !important;
    color: var(--ac-primary) !important;
}

.panel-sidebar .list-group-item.active {
    background: var(--ac-primary) !important;
    color: white !important;
}

.sidebar .card .card-header,
.sidebar .card-header,
.sidebar .panel-heading,
.sidebar .card-sidebar .card-header,
.card-sidebar .card-header,
.card-sidebar .panel-heading,
.panel-sidebar .card-header,
.panel-sidebar .panel-heading,
.sidebar-secondary .card .card-header,
.sidebar-secondary .card-header {
    background: linear-gradient(135deg, #1E375A 0%, #264A78 100%) !important;
    color: #FFFFFF !important;
    padding: 12px 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top-left-radius: inherit !important;
    border-top-right-radius: inherit !important;
}

.sidebar .card .card-header h3,
.sidebar .card .card-header .card-title,
.sidebar .card-header h3,
.sidebar .card-header .card-title,
.sidebar .panel-heading h3,
.sidebar .panel-heading .panel-title,
.card-sidebar .card-header h3,
.card-sidebar .card-header .card-title,
.card-sidebar .panel-heading h3,
.card-sidebar .panel-heading .panel-title,
.panel-sidebar .card-header h3,
.panel-sidebar .card-header .card-title,
.sidebar-secondary .card .card-header h3,
.sidebar-secondary .card .card-header .card-title {
    color: #FFFFFF !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.sidebar .card .card-header i,
.sidebar .card-header i,
.sidebar .panel-heading i,
.card-sidebar .card-header i,
.card-sidebar .panel-heading i,
.panel-sidebar .card-header i,
.sidebar-secondary .card .card-header i {
    color: #FFFFFF;
}

.sidebar .card-header .card-minimise,
.sidebar .card-header .panel-minimise,
.sidebar .panel-heading .panel-minimise,
.card-sidebar .card-header .card-minimise,
.card-sidebar .panel-heading .panel-minimise,
.panel-sidebar .card-header .card-minimise {
    margin-left: auto !important;
    cursor: pointer !important;
    color: rgba(255, 255, 255, 0.75) !important;
    opacity: 0.8 !important;
    transition: var(--ac-transition) !important;
}

.sidebar .card-header .card-minimise a,
.sidebar .card-header .panel-minimise a,
.sidebar .panel-heading .panel-minimise a,
.card-sidebar .card-header .card-minimise a,
.sidebar .card-header .card-minimise-toggle,
.sidebar .card-header .card-minimise-toggle i,
.card-sidebar .card-header .card-minimise-toggle,
.card-sidebar .card-header .card-minimise-toggle i {
    color: rgba(255, 255, 255, 0.75) !important;
}

.sidebar .card-header .card-minimise:hover,
.sidebar .card-header .card-minimise a:hover,
.sidebar .card-header .card-minimise-toggle:hover i {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* ── Sidebar Kart İkon Renkleri (Koyu Lacivert Zemin Üstünde Canlı Ayrım) ── */
/* 1. Bilgileriniz (Hesap / Profil) - Canlı Açık Mavi */
.sidebar .card:has([class*="fa-user"]) .card-header i:first-child,
.sidebar .card.ac-card-user .card-header i:first-child,
.card-sidebar:has([class*="fa-user"]) .card-header i:first-child,
.card-sidebar.ac-card-user .card-header i:first-child {
    color: #60A5FA !important;
}

/* 2. Sorumlular (Kişiler / Alt Hesaplar) - Canlı Mor */
.sidebar .card:has([class*="fa-folder"]) .card-header i:first-child,
.sidebar .card:has([class*="fa-users"]) .card-header i:first-child,
.sidebar .card.ac-card-contacts .card-header i:first-child,
.card-sidebar:has([class*="fa-folder"]) .card-header i:first-child,
.card-sidebar:has([class*="fa-users"]) .card-header i:first-child,
.card-sidebar.ac-card-contacts .card-header i:first-child {
    color: #C084FC !important;
}

/* 3. Hızlı Erişim (Kısayollar / Linkler) - Canlı Gökyüzü Mavisi */
.sidebar .card:has([class*="fa-bookmark"]) .card-header i:first-child,
.sidebar .card:has([class*="fa-link"]) .card-header i:first-child,
.sidebar .card.ac-card-quick .card-header i:first-child,
.card-sidebar:has([class*="fa-bookmark"]) .card-header i:first-child,
.card-sidebar:has([class*="fa-link"]) .card-header i:first-child,
.card-sidebar.ac-card-quick .card-header i:first-child {
    color: #38BDF8 !important;
}

/* 4. Son Ödeme Tarihi Geçmiş Faturalar (Overdue Invoices) - Kırmızı Uyarı */
.sidebar .card:has([class*="fa-credit-card"]),
.sidebar .card:has([class*="fa-money-bill"]),
.sidebar .card:has([class*="fa-exclamation"]),
.sidebar .card.ac-card-overdue,
.card-sidebar:has([class*="fa-credit-card"]),
.card-sidebar:has([class*="fa-money-bill"]),
.card-sidebar:has([class*="fa-exclamation"]),
.card-sidebar.ac-card-overdue {
    border-top: 3px solid #EF4444 !important;
}
.sidebar .card:has([class*="fa-credit-card"]) .card-header i:first-child,
.sidebar .card:has([class*="fa-money-bill"]) .card-header i:first-child,
.sidebar .card:has([class*="fa-exclamation"]) .card-header i:first-child,
.sidebar .card.ac-card-overdue .card-header i:first-child,
.card-sidebar:has([class*="fa-credit-card"]) .card-header i:first-child,
.card-sidebar:has([class*="fa-money-bill"]) .card-header i:first-child,
.card-sidebar:has([class*="fa-exclamation"]) .card-header i:first-child,
.card-sidebar.ac-card-overdue .card-header i:first-child {
    color: #F87171 !important;
}

/* 5. Ödeme İşlemleri / Banka - Zümrüt Yeşili */
.sidebar .card:has([class*="fa-university"]) .card-header i:first-child,
.sidebar .card:has([class*="fa-landmark"]) .card-header i:first-child,
.sidebar .card:has([class*="fa-building"]) .card-header i:first-child,
.sidebar .card.ac-card-billing .card-header i:first-child,
.card-sidebar:has([class*="fa-university"]) .card-header i:first-child,
.card-sidebar:has([class*="fa-landmark"]) .card-header i:first-child,
.card-sidebar:has([class*="fa-building"]) .card-header i:first-child,
.card-sidebar.ac-card-billing .card-header i:first-child {
    color: #34D399 !important;
}

.sidebar .card .card-body {
    padding: 18px !important;
    color: var(--ac-text) !important;
    line-height: 1.7 !important;
}

.sidebar .card .card-body strong {
    color: var(--ac-dark) !important;
    font-weight: 700 !important;
}

.sidebar .card .card-footer {
    background: var(--ac-bg) !important;
    border-top: 1px solid var(--ac-border-light) !important;
    padding: 14px 18px !important;
}

/* ── Sidebar Butonları (Son Ödeme Tarihi Geçmiş Faturalar Hepsini Öde / Bakiye Ekleyin & Güncelle) ── */
.sidebar .card .card-body .btn,
.sidebar .card .card-footer .btn,
.sidebar .card .btn-block {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 9px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: var(--ac-radius) !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    float: none !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.sidebar .card .card-body .btn.float-right,
.sidebar .card .card-body .btn.float-left {
    float: none !important;
}

.sidebar .card-footer .btn-success,
.sidebar .card .card-body .btn-primary {
    background: var(--ac-primary) !important;
    border-color: var(--ac-primary) !important;
    color: white !important;
}

.sidebar .card-footer .btn-success:hover,
.sidebar .card .card-body .btn-primary:hover {
    background: var(--ac-primary-dark) !important;
    border-color: var(--ac-primary-dark) !important;
    color: white !important;
    transform: translateY(-1px) !important;
}

.sidebar .card-footer .btn-default,
.sidebar .card .card-body .btn-default {
    background: var(--ac-bg-card) !important;
    border: 1px solid var(--ac-border) !important;
    color: var(--ac-text) !important;
}

.sidebar .card-footer .btn-default:hover,
.sidebar .card .card-body .btn-default:hover {
    background: var(--ac-primary-soft) !important;
    border-color: var(--ac-primary-light) !important;
    color: var(--ac-primary) !important;
}

/* Quick Access list (Hızlı Erişim) */
.sidebar .list-group {
    background: transparent !important;
}

.sidebar .list-group-item,
.sidebar .list-group-item-action {
    background: var(--ac-bg-card) !important;
    border: none !important;
    border-bottom: 1px solid var(--ac-border-light) !important;
    padding: 12px 16px !important;
    color: var(--ac-text) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    transition: var(--ac-transition) !important;
}

.sidebar .list-group-item:last-child {
    border-bottom: none !important;
}

.sidebar .list-group-item:hover {
    background: var(--ac-primary-soft) !important;
    color: var(--ac-primary) !important;
    padding-left: 20px !important;
}

.sidebar .list-group-item.active {
    background: var(--ac-primary) !important;
    color: white !important;
    border-color: var(--ac-primary) !important;
}

/* ── Seçili sidebar/işlemler item (GLOBAL) ──
   HTML: <a class="list-group-item list-group-item-action active">
           <i class="fas fa-globe"></i> Yeni Alan Adı Kaydet</a>
   Seçili olan mavi zemin + mavi yazı = okunmuyordu. Beyaz yazı + ikon. */
.list-group-item.active,
.list-group-item-action.active,
a.list-group-item.active {
    background: var(--ac-primary) !important;
    color: white !important;
    border-color: var(--ac-primary) !important;
    z-index: auto !important;
}

.list-group-item.active i,
.list-group-item-action.active i,
.list-group-item.active .fa,
.list-group-item.active .fas,
.list-group-item.active .sidebar-menu-item-icon,
.list-group-item.active .sidebar-menu-item-label {
    color: white !important;
}

.list-group-item.active:hover {
    background: var(--ac-primary-dark) !important;
    color: white !important;
}

/* Sidebar menu item icon (Hızlı Erişim ikonları) */
.sidebar-menu-item-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.sidebar-menu-item-icon-wrapper {
    width: 28px !important;
    flex-shrink: 0 !important;
}

.sidebar-menu-item-icon {
    color: var(--ac-primary) !important;
    font-size: 14px !important;
}

.sidebar .list-group-item:hover .sidebar-menu-item-icon {
    color: var(--ac-primary) !important;
}

.sidebar-menu-item-label {
    flex: 1 !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * STAT TILES (Hizmetler, Alan Adı, Destek, Faturalar)
 * Bu HTML'de: .tiles .tile
 * ───────────────────────────────────────────────────────────────────── */
.tiles {
    margin-bottom: 24px !important;
}

/* 4 stat tile her zaman tek sırada (tüm ekran boyutlarında) */
.tiles .row.no-gutters {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    margin: 0 !important;
}

.tiles .row.no-gutters > [class*="col-"] {
    flex: 1 1 0 !important;
    max-width: 25% !important;
    min-width: 0 !important;
    padding: 0 !important;
}

/* Bootstrap default col-6 col-xl-3 override - artık her zaman 25% */
.tiles .row.no-gutters > .col-6,
.tiles .row.no-gutters > .col-xl-3,
.tiles .row.no-gutters > .col-md-6,
.tiles .row.no-gutters > .col-lg-3 {
    flex: 1 1 0 !important;
    max-width: 25% !important;
    width: 25% !important;
}

.tile {
    background: var(--ac-bg-card) !important;
    border-radius: var(--ac-radius-lg) !important;
    border: 1px solid var(--ac-border-light) !important;
    box-shadow: var(--ac-shadow-xs) !important;
    padding: 18px 20px !important;
    transition: var(--ac-transition) !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
    color: var(--ac-dark) !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 110px !important;
    height: 100% !important;
}

.tile:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--ac-shadow-md) !important;
    border-color: var(--ac-primary-light) !important;
    text-decoration: none !important;
    color: var(--ac-dark) !important;
}

.tile > i {
    position: absolute !important;
    top: 18px !important;
    right: 20px !important;
    font-size: 28px !important;
    color: var(--ac-primary-soft) !important;
    opacity: 0.9 !important;
}

.tile .stat {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: var(--ac-dark) !important;
    line-height: 1 !important;
    margin-bottom: 6px !important;
    letter-spacing: -0.02em !important;
}

.tile .title {
    color: var(--ac-text-light) !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 600 !important;
}

.tile .highlight {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: var(--ac-primary) !important;
}

/* Highlight renkleri */
.tile .highlight.bg-color-blue { background: var(--ac-primary) !important; }
.tile .highlight.bg-color-green { background: var(--ac-emerald) !important; }
.tile .highlight.bg-color-red { background: var(--ac-danger) !important; }
.tile .highlight.bg-color-gold { background: var(--ac-gold) !important; }
.tile .highlight.bg-color-emerald { background: var(--ac-emerald) !important; }
.tile .highlight.bg-color-asbestos { background: var(--ac-asbestos) !important; }

/* Tile ikon renklerini highlight'a uygun yap */
.tile:hover > i {
    color: var(--ac-primary-light) !important;
    opacity: 0.5 !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * CLIENT HOME CARDS (Aktif Ürün/Hizmetler, Son Destek, Yeni Alan Adı, Son Haberler)
 * ───────────────────────────────────────────────────────────────────── */
.client-home-cards .card,
#servicesPanel,
#ticketsPanel,
#announcementsPanel,
#registerDomainPanel {
    background: var(--ac-bg-card) !important;
    border-radius: var(--ac-radius-lg) !important;
    border: 1px solid var(--ac-border-light) !important;
    box-shadow: var(--ac-shadow-xs) !important;
    margin-bottom: 20px !important;
    overflow: hidden !important;
    transition: var(--ac-transition) !important;
}

.client-home-cards .card:hover {
    box-shadow: var(--ac-shadow) !important;
    border-color: var(--ac-border) !important;
}

.client-home-cards .card-header {
    background: var(--ac-bg-card) !important;
    color: var(--ac-dark) !important;
    border-bottom: 1px solid var(--ac-border-light) !important;
    padding: 12px 18px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
}

.client-home-cards .card-header h3,
.client-home-cards .card-header .card-title {
    color: var(--ac-dark) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    gap: 8px !important;
    line-height: 1.2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    order: 1 !important;
}

.client-home-cards .card-header h3 span,
.client-home-cards .card-header .card-title span {
    white-space: nowrap !important;
}

/* "Yeni Destek Bildirimi", "Hepsini Görüntüle" gibi butonlar sağda kalsın, asla alt satıra düşmesin */
.client-home-cards .card-header .float-right,
.client-home-cards .card-header .card-title > .float-right,
.client-home-cards .card-header h3 > .float-right {
    order: 2 !important;
    margin: 0 !important;
    margin-left: auto !important;
    float: none !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Başlık ikonu + metni solda kalsın */
.client-home-cards .card-header h3 > i:first-child,
.client-home-cards .card-header .card-title > i:first-child {
    color: var(--ac-primary) !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
}

.client-home-cards .card-body {
    padding: 18px 20px !important;
    color: var(--ac-text) !important;
}

/* ── Aktif Ürün/Hizmetler bölümü (.div-service-*) ──
   NOT: Masaüstünde WHMCS'in orijinal düzeni KORUNUR (sorun yoktu).
   Sadece gereksiz iç dropdown gizlenir. Mobil düzenleme aşağıda
   @media (max-width: 768px) içinde yapılır. */

/* İç içe dropdown'u gizle (kullanıcı tercihi - gereksiz ikinci dropdown) */
.btn-group > .btn-group {
    display: none !important;
}

.client-home-cards .card-body p {
    margin-bottom: 0 !important;
    color: var(--ac-text-light) !important;
    font-size: 14px !important;
}

.client-home-cards .card-footer {
    background: var(--ac-bg) !important;
    border-top: 1px solid var(--ac-border-light) !important;
    padding: 10px 20px !important;
}

.client-home-cards .card-footer:empty {
    display: none !important;
}

/* Card header üstündeki accent border */
.card-accent-gold,
.card-accent-blue,
.card-accent-emerald,
.card-accent-asbestos,
.card-accent-red,
.card-accent-green {
    position: relative !important;
    overflow: hidden !important;
}

.card-accent-gold::before,
.card-accent-blue::before,
.card-accent-emerald::before,
.card-accent-asbestos::before,
.card-accent-red::before,
.card-accent-green::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    z-index: 1 !important;
}

.card-accent-gold::before { background: var(--ac-gold) !important; }
.card-accent-blue::before { background: var(--ac-primary) !important; }
.card-accent-emerald::before { background: var(--ac-emerald) !important; }
.card-accent-asbestos::before { background: var(--ac-asbestos) !important; }
.card-accent-red::before { background: var(--ac-danger) !important; }
.card-accent-green::before { background: var(--ac-emerald) !important; }

/* Header'daki buton (Ürünlerim, Yeni Destek Bildirimi, Hepsini Görüntüle) */
.client-home-cards .card-header .btn,
.client-home-cards .card-header .float-right .btn,
.client-home-cards .card-header .btn-xs {
    background: var(--ac-primary-soft) !important;
    color: var(--ac-primary) !important;
    border: none !important;
    padding: 5px 12px !important;
    border-radius: var(--ac-radius) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.client-home-cards .card-header .btn:hover {
    background: var(--ac-primary) !important;
    color: white !important;
    transform: translateY(-1px) !important;
}

/* bg-color-* btn varyantları */
.btn.bg-color-blue { background: var(--ac-primary-soft) !important; color: var(--ac-primary) !important; }
.btn.bg-color-blue:hover { background: var(--ac-primary) !important; color: white !important; }
.btn.bg-color-gold { background: rgba(245, 158, 11, 0.12) !important; color: var(--ac-gold) !important; }
.btn.bg-color-gold:hover { background: var(--ac-gold) !important; color: white !important; }
.btn.bg-color-emerald { background: rgba(16, 185, 129, 0.12) !important; color: var(--ac-emerald) !important; }
.btn.bg-color-emerald:hover { background: var(--ac-emerald) !important; color: white !important; }
.btn.bg-color-asbestos { background: rgba(100, 116, 139, 0.12) !important; color: var(--ac-asbestos) !important; }
.btn.bg-color-asbestos:hover { background: var(--ac-asbestos) !important; color: white !important; }
.btn.bg-color-red { background: rgba(239, 68, 68, 0.12) !important; color: var(--ac-danger) !important; }
.btn.bg-color-red:hover { background: var(--ac-danger) !important; color: white !important; }
.btn.bg-color-green { background: rgba(16, 185, 129, 0.12) !important; color: var(--ac-emerald) !important; }
.btn.bg-color-green:hover { background: var(--ac-emerald) !important; color: white !important; }

/* Daha Fazlasını Görüntüle disabled link */
.btn-view-more.disabled {
    color: var(--ac-muted) !important;
    background: transparent !important;
    cursor: not-allowed !important;
    font-size: 13px !important;
    padding: 0 !important;
}

/* Son Destek Bildirimleri list-group */
/* Son Destek Bildirimleri paneli - liste düzeni */
#ticketsPanel .list-group {
    border-radius: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

#ticketsPanel .list-group a {
    display: block !important;
    padding: 14px 20px !important;
    border-bottom: 1px solid var(--ac-border-light) !important;
    color: var(--ac-dark) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    transition: var(--ac-transition) !important;
    background: var(--ac-bg-card) !important;
    text-decoration: none !important;
}

#ticketsPanel .list-group a:hover {
    background: var(--ac-primary-bg) !important;
    color: var(--ac-primary) !important;
}

#ticketsPanel .list-group a:last-child {
    border-bottom: none !important;
}

/* Ticket içindeki "Kapandı / Cevaplandı / Bekliyor" label'ları */
#ticketsPanel .list-group a .label {
    display: inline-block !important;
    margin: 6px 0 0 0 !important;
    padding: 3px 10px !important;
    border-radius: var(--ac-radius-sm) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: white !important;
    vertical-align: middle !important;
}

/* Ticket tarih satırı (Son Güncelleme: ...) */
#ticketsPanel .list-group a small,
#ticketsPanel .list-group a .text-muted,
#ticketsPanel .list-group a span.date {
    display: block !important;
    margin-top: 4px !important;
    color: var(--ac-text-light) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

/* Yeni Alan Adı domain input */
#registerDomainPanel .form-control {
    border: 1px solid var(--ac-border) !important;
    border-radius: var(--ac-radius) !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    height: auto !important;
    box-shadow: none !important;
    color: var(--ac-dark) !important;
}

#registerDomainPanel .form-control:focus {
    border-color: var(--ac-primary) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}

#registerDomainPanel .input-group {
    gap: 6px !important;
    flex-wrap: wrap !important;
}

#registerDomainPanel .input-group-btn,
#registerDomainPanel .input-group-append {
    display: flex !important;
    gap: 6px !important;
}

#registerDomainPanel .btn-success {
    background: var(--ac-primary) !important;
    border-color: var(--ac-primary) !important;
    color: white !important;
    border-radius: var(--ac-radius) !important;
    padding: 10px 18px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

#registerDomainPanel .btn-success:hover {
    background: var(--ac-primary-dark) !important;
    border-color: var(--ac-primary-dark) !important;
}

#registerDomainPanel .btn-default {
    background: var(--ac-dark) !important;
    border-color: var(--ac-dark) !important;
    color: white !important;
    border-radius: var(--ac-radius) !important;
    padding: 10px 18px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

#registerDomainPanel .btn-default:hover {
    background: var(--ac-navy) !important;
    border-color: var(--ac-navy) !important;
    color: white !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * BUTTON GROUP (.btn-group) - Domain aksiyon butonları
 * HTML: <div class="btn-group btn-group-sm"> Nameserver Yönetimi,
 *        İletişim Bilgileri, Alan Adlarını Yenile, Daha Fazla... </div>
 * Bootstrap default yapıştırır ve taşar. Ayrı yuvarlatılmış + wrap yapalım.
 * ───────────────────────────────────────────────────────────────────── */
.btn-group,
.btn-group-sm {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.btn-group > .btn,
.btn-group-sm > .btn,
.btn-group > .btn-group > .btn {
    border-radius: var(--ac-radius) !important;
    border: 1px solid var(--ac-border) !important;
    margin: 0 !important;
}

/* setBulkAction butonları (domain aksiyonları) modern stil */
.btn-group .btn-default.setBulkAction,
.btn-default.setBulkAction {
    background: var(--ac-bg-card) !important;
    border: 1px solid var(--ac-border) !important;
    color: var(--ac-text) !important;
}

.btn-group .btn-default.setBulkAction:hover,
.btn-default.setBulkAction:hover {
    background: var(--ac-primary-soft) !important;
    border-color: var(--ac-primary-light) !important;
    color: var(--ac-primary) !important;
}

/* btn-group içindeki nested dropdown (Daha Fazla...) */
.btn-group .btn-group .dropdown-toggle {
    border-radius: var(--ac-radius) !important;
}

/* Nested btn-group gap'i bozmasın */
.btn-group > .btn-group {
    margin: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * GENERAL BUTTONS
 * ───────────────────────────────────────────────────────────────────── */
.btn {
    border-radius: var(--ac-radius) !important;
    padding: 9px 18px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: var(--ac-transition) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    border: 1px solid transparent !important;
    font-family: 'Inter', sans-serif !important;
    text-decoration: none !important;
}

.btn-sm {
    padding: 7px 14px !important;
    font-size: 13px !important;
}

.btn-xs {
    padding: 5px 10px !important;
    font-size: 12px !important;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active {
    background: var(--ac-primary) !important;
    border-color: var(--ac-primary) !important;
    color: white !important;
    background-image: none !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--ac-primary-dark) !important;
    border-color: var(--ac-primary-dark) !important;
    color: white !important;
    transform: translateY(-1px) !important;
}

.btn-success {
    background: var(--ac-primary) !important;
    border-color: var(--ac-primary) !important;
    color: white !important;
    background-image: none !important;
}

.btn-success:hover,
.btn-success:focus {
    background: var(--ac-primary-dark) !important;
    border-color: var(--ac-primary-dark) !important;
    color: white !important;
}

.btn-default {
    background: var(--ac-bg-card) !important;
    border: 1px solid var(--ac-border) !important;
    color: var(--ac-text) !important;
}

.btn-default:hover {
    background: var(--ac-bg) !important;
    border-color: var(--ac-border) !important;
    color: var(--ac-dark) !important;
}

.btn-outline-primary {
    background: transparent !important;
    border: 1.5px solid var(--ac-primary) !important;
    color: var(--ac-primary) !important;
}

.btn-outline-primary:hover {
    background: var(--ac-primary) !important;
    color: white !important;
}

/* ── Bilgi / İkincil butonlar (.btn-info - Sayfa bulunamadı "İletişim desteği" gibi) ──
   Mavi yazı açık cyan zeminde okunmuyordu; kontrastlı beyaz yazı ve canlı koyu sky rengi */
.btn-info,
.btn-info:not(:disabled):not(.disabled),
a.btn-info,
a.btn-info:link,
a.btn-info:visited {
    background: #0284C7 !important;
    border-color: #0284C7 !important;
    color: #FFFFFF !important;
    background-image: none !important;
    font-weight: 600 !important;
}

.btn-info:hover,
.btn-info:focus,
a.btn-info:hover,
a.btn-info:focus {
    background: #0369A1 !important;
    border-color: #0369A1 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}

.btn-info i,
a.btn-info i {
    color: #FFFFFF !important;
}

.btn-block {
    width: 100% !important;
    color: white !important;
}

/* ── Sarı butonlar (.btn-warning) - "Paketlere gözat" gibi ──
   Sarı zemin üstünde mavi yazı okunmuyordu. Koyu lacivert yazı kontrastlı. */
.btn-warning,
.btn-warning:not(:disabled):not(.disabled) {
    background: var(--ac-gold) !important;
    border-color: var(--ac-gold) !important;
    color: var(--ac-navy) !important;
    background-image: none !important;
    font-weight: 700 !important;
}

.btn-warning:hover,
.btn-warning:focus {
    background: #E08E00 !important;
    border-color: #E08E00 !important;
    color: var(--ac-navy) !important;
    transform: translateY(-1px) !important;
}

/* "Web hosting hizmeti ekle" promo kutusu içindeki turuncu/karışık başlıklar */
.product-cta-text,
.add-service-promo .text-warning,
.promo-box .text-warning {
    color: var(--ac-accent, #F59E0B) !important;
}

/* ── Promo/upsell kutusu butonları genel kontrast düzeltmesi ──
   Sarı veya açık zeminli butonlarda mavi yazı yerine koyu yazı */
.btn.btn-warning .fa,
.btn.btn-warning i {
    color: var(--ac-navy) !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * DOMAIN CHECKER / KAYIT SAYFASI (domainchecker.php, cart domain)
 * Kategori etiketleri + fiyat tablosu
 * ───────────────────────────────────────────────────────────────────── */

/* TLD kategori filtreleri (Popular, Arts and Entertainment, Business, vs.)
   WHMCS bunları renkli zeminde verir, içlerindeki yazı mavi kalıp okunmuyordu.
   Çözüm: pill yapısını normalize et + yazıyı beyaz yap. */
.domain-categories a,
.tld-categories a,
.domain-lookup-categories a,
#tldCategories a,
.tld-filter a,
ul.nav-pills .nav-link,
.category-filters a,
.category-filters .badge,
.domain-checker-categories a {
    color: white !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-radius: var(--ac-radius-full) !important;
}

.domain-categories a:hover,
.tld-categories a:hover,
.tld-filter a:hover,
ul.nav-pills .nav-link:hover,
.category-filters a:hover {
    color: white !important;
    opacity: 0.85 !important;
}

/* Pasif kategori pill'leri - gri-mavi zemin, beyaz yazı okunur */
.domain-categories .nav-link,
.tld-categories .nav-link,
.nav-pills .nav-link,
.domaincheckresults .nav-pills .nav-link {
    background: var(--ac-asbestos) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--ac-radius-full) !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin: 0 4px 8px 0 !important;
    transition: var(--ac-transition) !important;
}

.domain-categories .nav-link:hover,
.tld-categories .nav-link:hover,
.nav-pills .nav-link:hover {
    background: var(--ac-primary) !important;
    color: white !important;
    opacity: 1 !important;
}

/* Aktif/seçili kategori (Popular gibi) - mavi vurgu */
.domain-categories .nav-link.active,
.tld-categories .nav-link.active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: var(--ac-primary) !important;
    color: white !important;
    border: none !important;
}

/* Badge tarzı kategori etiketleri (sayılı: Popular (27)) */
.domain-category-badge,
.tld-category-item {
    background: var(--ac-asbestos) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--ac-radius-full) !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.domain-category-badge.active,
.tld-category-item.active {
    background: var(--ac-primary) !important;
    color: white !important;
}

/* Domain fiyat tablosu başlıkları */
.domain-pricing-table thead th,
.domaincheckresults thead th {
    background: var(--ac-bg) !important;
    color: var(--ac-dark) !important;
    font-weight: 700 !important;
}

/* Domain TLD fiyat kartları (.com, .net, .tv vs) */
.domain-tld-card,
.featured-tld {
    background: var(--ac-bg-card) !important;
    border: 1px solid var(--ac-border-light) !important;
    border-radius: var(--ac-radius-lg) !important;
    overflow: hidden !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * AYARLANABİLEN SEÇENEKLER (configurable options) - KART TASARIMI
 * Gerçek HTML: .product-configurable-options > .row > .col-sm-6 >
 *   .form-group > label > input[type=radio] + metin
 * VDS ek hizmetleri (DDOS, Yedekleme, Snapshot) modern kartlı görünüm.
 * ───────────────────────────────────────────────────────────────────── */

/* "Ayarlanabilen Seçenekler" başlık barı (.sub-heading > .primary-bg-color) */
#order-standard_cart .sub-heading {
    text-align: center !important;
    margin: 32px 0 56px !important;
    position: relative !important;
}

#order-standard_cart .sub-heading span.primary-bg-color {
    display: inline-block !important;
    background: var(--ac-primary) !important;
    color: white !important;
    padding: 8px 22px !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25) !important;
}

/* ── Sipariş yapılandırma sayfası (cart.php?a=confproduct) düzeni ──
   Sol "Kategoriler/İşlemler" sidebar'ı KALDIR, içerik + sipariş özeti genişlesin. */

/* Sol kategori/işlemler sidebar'ını SADECE sipariş yapılandırma sayfasında
   gizle (#frmConfigureProduct olan sayfa). Ürün listeleme (/store/...) sayfasında
   kategori sidebar'ı GÖRÜNSÜN — orada :has ile koruyoruz. */
#order-standard_cart:has(#frmConfigureProduct) .cart-sidebar {
    display: none !important;
}

/* Config sayfasında içerik gövdesi tam genişlik */
#order-standard_cart:has(#frmConfigureProduct) .cart-body {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
}

/* İçerik (seçenekler) + Sipariş Özeti arası denge:
   secondary-cart-body biraz daralsın, secondary-cart-sidebar (özet) genişlesin */
#order-standard_cart .cart-body > form > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
}

#order-standard_cart .secondary-cart-body {
    flex: 1 1 58% !important;
    max-width: 60% !important;
    min-width: 0 !important;
}

#order-standard_cart .secondary-cart-sidebar {
    flex: 1 1 36% !important;
    max-width: 38% !important;
    min-width: 280px !important;
}

/* Sipariş özeti kartı genişçe ve ferah */
#order-standard_cart .secondary-cart-sidebar .order-summary {
    width: 100% !important;
}

/* Sipariş Özeti masaüstünde sayfayla birlikte insin (sticky) */
#order-standard_cart:has(#frmConfigureProduct) .secondary-cart-sidebar,
#order-standard_cart #scrollingPanelContainer {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 20px !important;
    align-self: flex-start !important;
}

/* ── Config options TEK KOLON (hepsi tam genişlik, alt alta) ──
   WHMCS yapısı: .product-configurable-options > .row > .col-sm-6 > .form-group
   Her kart tam genişlik olsun, yan yana DEĞİL alt alta dizilsin. */
#order-standard_cart .product-configurable-options > .row {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
}

/* İşletim Sistemi / Files Seçimini Her Zaman En Üste Al */
#order-standard_cart .ac-os-config-col,
#order-standard_cart .product-configurable-options .ac-os-config-col,
#order-standard_cart .product-configurable-options > .row > .ac-os-config-col,
#order-standard_cart .product-configurable-options [class*="col-"]:has(.ac-os-groups),
#order-standard_cart .product-configurable-options [class*="col-"]:has(.ac-os-card),
#order-standard_cart .product-configurable-options [class*="col-"]:has(select[data-ac-os-cards]),
#order-standard_cart .product-configurable-options .form-group:has(.ac-os-groups),
#order-standard_cart .product-configurable-options .form-group:has(.ac-os-card),
#order-standard_cart .product-configurable-options .form-group:has(select[data-ac-os-cards]) {
    order: -99999 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

#order-standard_cart .product-configurable-options > .row > .col-sm-6,
#order-standard_cart .product-configurable-options > .row > [class*="col-"],
#order-standard_cart .product-configurable-options > .row > .form-group {
    flex: none !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Her seçenek grubu (İşletim Sistemi, DDOS, Yedekleme...) = kart kutu */
#order-standard_cart .product-configurable-options .form-group {
    background: white !important;
    border: 1px solid var(--ac-border-light, #E2E8F0) !important;
    border-radius: var(--ac-radius-lg, 12px) !important;
    padding: 16px 18px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

/* Grup başlığı (label[for=inputConfigOption*]) - LACİVERT DOLGU BAR */
#order-standard_cart .product-configurable-options .form-group > label[for^="inputConfigOption"] {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: var(--ac-navy-soft, #1E3A5F) !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    margin: -16px -18px 16px -18px !important;
    padding: 13px 18px !important;
    border-radius: var(--ac-radius-lg, 12px) var(--ac-radius-lg, 12px) 0 0 !important;
    border-bottom: none !important;
}

/* Grup başlığı ikonu - JS ile <i class="fas"> eklenir (FA5 ::before content
   boş kare veriyordu; gerçek <i> elementi kesin render olur). */
#order-standard_cart .product-configurable-options .form-group > label[for^="inputConfigOption"] > i.ac-group-icon {
    color: var(--ac-primary-light, #60A5FA) !important;
    font-size: 16px !important;
    width: 22px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
}

/* Grup içindeki <br> gizle (kartlı düzende gereksiz boşluk yapıyor) */
#order-standard_cart .product-configurable-options .form-group > br {
    display: none !important;
}

/* Her radio seçeneği = tıklanabilir satır-kart */
#order-standard_cart .product-configurable-options .form-group > label:not([for]) {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    width: 100% !important;
    margin: 8px 0 !important;
    padding: 12px 14px !important;
    border: 2px solid var(--ac-border-light, #E2E8F0) !important;
    border-radius: var(--ac-radius, 8px) !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    color: var(--ac-text, #475569) !important;
    transition: all 0.15s ease !important;
    background: var(--ac-bg, #F8FAFC) !important;
}

#order-standard_cart .product-configurable-options .form-group > label:not([for]):hover {
    border-color: var(--ac-primary) !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
}

/* Seçili (checked) radio'nun label'ını vurgula - :has() ile */
#order-standard_cart .product-configurable-options .form-group > label:not([for]):has(input:checked) {
    border-color: var(--ac-primary) !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
    color: var(--ac-dark) !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.15) !important;
}

/* Radio butonu büyüt + mavi */
/* Radio butonu DÜZGÜN DAİRE (özel görünüm - tarayıcı default'unu sıfırla) */
#order-standard_cart .product-configurable-options .form-group > label:not([for]) input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border: 2px solid var(--ac-border, #CBD5E1) !important;
    border-radius: 50% !important;
    background: white !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.15s ease !important;
}

/* Seçili radio: mavi çember + içi dolu mavi nokta */
#order-standard_cart .product-configurable-options .form-group > label:not([for]) input[type="radio"]:checked {
    border-color: var(--ac-primary) !important;
    background: white !important;
}

#order-standard_cart .product-configurable-options .form-group > label:not([for]) input[type="radio"]:checked::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 11px !important;
    height: 11px !important;
    border-radius: 50% !important;
    background: var(--ac-primary) !important;
}

/* Dropdown (İşletim Sistemi gibi select) modern stil */
#order-standard_cart .product-configurable-options .form-group select.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 2px solid var(--ac-border-light, #E2E8F0) !important;
    border-radius: var(--ac-radius, 8px) !important;
    padding: 12px 44px 12px 16px !important;
    font-weight: 500 !important;
    color: var(--ac-dark) !important;
    margin-top: 4px !important;
    background-color: white !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
}

#order-standard_cart .product-configurable-options .form-group select.form-control:focus {
    border-color: var(--ac-primary) !important;
    box-shadow: 0 0 0 3px var(--ac-primary-soft, #DBEAFE) !important;
}

/* ── İşletim Sistemi LOGOLU KART SEÇİMİ (dropdown'dan JS ile üretilir) ── */
.ac-os-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
    gap: 12px !important;
    margin-top: 6px !important;
}

.ac-os-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 18px 12px !important;
    background: var(--ac-bg, #F8FAFC) !important;
    border: 2px solid var(--ac-border-light, #E2E8F0) !important;
    border-radius: var(--ac-radius, 8px) !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    text-align: center !important;
    min-height: 120px !important;
}

.ac-os-card:hover {
    border-color: var(--ac-primary, #2563EB) !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.12) !important;
}

.ac-os-card.selected {
    border-color: var(--ac-primary, #2563EB) !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.18) !important;
}

.ac-os-card.selected::after {
    content: "\f058" !important; /* fa-check-circle */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    position: absolute !important;
    color: var(--ac-primary, #2563EB) !important;
}

.ac-os-card {
    position: relative !important;
}

.ac-os-card.selected .ac-os-check,
.ac-os-card.selected::after {
    top: 8px !important;
    right: 10px !important;
    font-size: 16px !important;
}

.ac-os-icon {
    width: 46px !important;
    height: 46px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

.ac-os-name {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--ac-dark, #0F172A) !important;
    line-height: 1.3 !important;
}

.ac-os-title-text {
    display: block !important;
}

/* İşletim Sistemi / Files Kart Alt Başlığı (boş kurulum, hazır files vb.) */
.ac-os-sub {
    display: block !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #64748B !important;
    margin-top: 3px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

.ac-os-sub.plain {
    color: #64748B !important;
    font-style: italic !important;
}

.ac-os-sub.files {
    color: #1D4ED8 !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    background: #EFF6FF !important;
    border: 1px solid #BFDBFE !important;
    padding: 2.5px 8px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    margin-top: 4px !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 1px 2px rgba(37, 99, 235, 0.08) !important;
    transition: all 0.2s ease !important;
}

.ac-os-card:hover .ac-os-sub.files {
    color: #1E40AF !important;
    background: #DBEAFE !important;
    border-color: #93C5FD !important;
}

.ac-os-card.selected .ac-os-sub.plain {
    color: #2563EB !important;
    font-weight: 600 !important;
}

.ac-os-card.selected .ac-os-sub.files {
    color: #FFFFFF !important;
    background: #2563EB !important;
    border: 1px solid #1D4ED8 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.25) !important;
}

.ac-group-label-text {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Mobilde 2'li grid */
@media (max-width: 768px) {
    .ac-os-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .ac-os-card {
        padding: 14px 8px !important;
        min-height: 108px !important;
    }
    .ac-os-icon { width: 40px !important; height: 40px !important; }
    .ac-os-name { font-size: 12px !important; }
}

/* ── Ödeme Döngüsü dropdown (#inputBillingcycle) - modernize ── */
#order-standard_cart #inputBillingcycle,
#order-standard_cart select.select-inline.custom-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: 2px solid var(--ac-primary, #2563EB) !important;
    border-radius: var(--ac-radius, 8px) !important;
    background: white !important;
    color: var(--ac-navy, #0F1B36) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 14px 44px 14px 18px !important;
    min-width: 240px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.12) !important;
    /* özel ok ikonu (sağda mavi) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    transition: all 0.15s ease !important;
}

#order-standard_cart #inputBillingcycle:hover,
#order-standard_cart select.select-inline.custom-select:hover {
    border-color: var(--ac-primary-dark, #1E40AF) !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.2) !important;
}

#order-standard_cart #inputBillingcycle:focus,
#order-standard_cart select.select-inline.custom-select:focus {
    outline: none !important;
    box-shadow: 0 0 0 4px var(--ac-primary-soft, #DBEAFE) !important;
}

/* "Ödeme Döngünüzü Seçiniz" etiketi */
#order-standard_cart label[for="inputBillingcycle"] {
    font-weight: 700 !important;
    color: var(--ac-navy, #0F1B36) !important;
    font-size: 15px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Seçenek metni (radio'dan sonra) sola yaslı, fiyat etiketi sağa itsin */
#order-standard_cart .product-configurable-options .form-group > label:not([for]) .opt-text {
    flex: 1 1 auto !important;
    min-width: 90px !important;
    text-align: left !important;
    line-height: 1.35 !important;
}

/* YEŞİL FİYAT ETİKETİ (JS ile metinden ayrılıp .price-badge span'ine sarılır) */
#order-standard_cart .product-configurable-options .form-group > label:not([for]) .price-badge {
    flex-shrink: 0 !important;
    background: var(--ac-success, #10B981) !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    border-radius: var(--ac-radius, 8px) !important;
    white-space: nowrap !important;
    margin-left: auto !important;
}

/* Ücretsiz seçenekler için açık yeşil etiket */
#order-standard_cart .product-configurable-options .form-group > label:not([for]) .price-badge.free {
    background: var(--ac-success, #10B981) !important;
    opacity: 0.85 !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * SEPET / İNCELEME VE ÖDEME (cart.php?a=view) - GERÇEK CLASS'LARLA
 * ───────────────────────────────────────────────────────────────────── */

/* "Ürün/Seçenek | Fiyat/Dönem" başlık barı.
   Gerçek HTML: <div class="view-cart-items-header"> background:#058 (koyu mavi) */
.view-cart-items-header {
    background: var(--ac-navy-soft, #1E3A5F) !important;
    color: white !important;
    border-radius: var(--ac-radius) var(--ac-radius) 0 0 !important;
}

.view-cart-items-header,
.view-cart-items-header * {
    color: white !important;
}

/* Ürün satırı alt çizgisi (border-bottom) - koyu/teal yerine temamızın rengi */
#order-standard_cart .view-cart-items,
.view-cart-items {
    border-bottom: 2px solid var(--ac-primary) !important;
}

/* "Sepeti Boşalt" butonu - biraz aşağı insin + kırmızı (boşaltma = uyarı rengi) */
#order-standard_cart .empty-cart .btn,
.empty-cart .btn {
    margin-top: 16px !important;
    background: var(--ac-danger) !important;
    border-color: var(--ac-danger) !important;
    color: white !important;
    font-weight: 600 !important;
}

#order-standard_cart .empty-cart .btn:hover,
.empty-cart .btn:hover {
    background: #DC2626 !important;
    border-color: #DC2626 !important;
    color: white !important;
    transform: translateY(-1px) !important;
}

/* Promosyon kodu input - GERÇEK HTML:
   <div class="prepend-icon">
     <input id="inputPromotionCode" class="field form-control" ...>
     <i class="field-icon"><i class="fa..."></i></i>
   </div>
   .prepend-icon icon'u absolute sol konumluyor, .field input'a sol padding
   gerekiyor. İkon ve placeholder çakışıyordu. Çözüm: icon'u düzgün konumla
   + input'a sol padding ver (icon görünür, çakışma yok). */
.prepend-icon,
#order-standard_cart .prepend-icon {
    position: relative !important;
    display: block !important;
}

/* Input'a sol padding - icon için yer aç */
.prepend-icon .field,
.prepend-icon #inputPromotionCode,
#order-standard_cart .prepend-icon .field,
#inputPromotionCode,
input.field.form-control,
input.field[name="promocode"] {
    background-image: none !important;
    padding-left: 42px !important;
    text-indent: 0 !important;
}

/* field-icon'u input'un sol içine düzgün konumla */
.prepend-icon .field-icon,
#order-standard_cart .prepend-icon .field-icon {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 38px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--ac-text-light) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    margin: 0 !important;
}

.prepend-icon .field-icon i,
#order-standard_cart .prepend-icon .field-icon i {
    color: var(--ac-text-light) !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* "Kodu Onayla" butonu görünmüyordu (beyaz üstüne açık yazı).
   Promo formundaki submit butonunu mavi yap. */
#btnValidatePromo,
.promo-validate,
input[type="submit"][value*="Onayla"],
button[type="submit"][name="validatepromo"],
.promofield .btn,
.promotioncode .btn,
form[action*="cart.php"] .promo-area .btn {
    background: var(--ac-primary) !important;
    color: white !important;
    border-color: var(--ac-primary) !important;
    font-weight: 600 !important;
}

#btnValidatePromo:hover,
.promo-validate:hover {
    background: var(--ac-primary-dark) !important;
    color: white !important;
}

.cart-review thead th,
.order-review thead th,
.cart-items thead th,
table.cart thead th,
#orderSummary thead th,
.summary-container thead th,
.review-table thead th,
.cart .table thead th,
/* ── SEPET/ÖDEME AKIŞI - LACİVERT DOLGU BAŞLIKLAR (keyubu tarzı) ── */

/* "Sipariş Özeti" başlığı - lacivert bar */
#order-standard_cart .order-summary h2,
.order-summary h2.font-size-30 {
    background: var(--ac-navy-soft, #1E3A5F) !important;
    color: white !important;
    margin: 0 0 0 0 !important;
    padding: 16px 20px !important;
    border-radius: var(--ac-radius-lg, 12px) var(--ac-radius-lg, 12px) 0 0 !important;
    font-size: 22px !important;
}

/* Sipariş özeti kutusu - üst köşeler başlıkla uyumlu, çerçeveli */
#order-standard_cart .order-summary {
    background: white !important;
    border: 1px solid var(--ac-border-light, #E2E8F0) !important;
    border-radius: var(--ac-radius-lg, 12px) !important;
    overflow: hidden !important;
    padding: 0 !important;
    box-shadow: 0 2px 12px rgba(15, 27, 54, 0.06) !important;
}

#order-standard_cart .order-summary .summary-container {
    padding: 18px 20px !important;
}

/* Ürün başlığı (VDS 1 - Başlangıç) - lacivert bar */
#order-standard_cart .product-info {
    background: var(--ac-navy-soft, #1E3A5F) !important;
    border-radius: var(--ac-radius-lg, 12px) !important;
    padding: 20px 22px 14px !important;
    margin-bottom: 24px !important;
}

#order-standard_cart .product-info .product-title {
    color: white !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    margin-bottom: 10px !important;
}

/* Özellik satırları (p > i + metin) - düzgün satır aralığı */
#order-standard_cart .product-info p {
    margin-bottom: 0 !important;
    line-height: 1.7 !important;
}

/* Son <br> kaynaklı fazla boşluğu kes */
#order-standard_cart .product-info p br:last-child {
    display: none !important;
}

#order-standard_cart .product-info p,
#order-standard_cart .product-info strong {
    color: rgba(255, 255, 255, 0.92) !important;
}

#order-standard_cart .product-info i {
    color: var(--ac-primary-light, #60A5FA) !important;
}

/* "Sipariş Detaylarını Yapılandır" ana başlık altı çizgi - lacivert vurgu */
#order-standard_cart .header-lined h1 {
    color: var(--ac-navy, #0F1B36) !important;
}

/* "Sipariş Detaylarını Yapılandır" başlığı ile ürün kutusu arası ferah dursun */
#order-standard_cart .header-lined {
    margin-bottom: 24px !important;
}

#order-standard_cart .secondary-cart-body > p:first-of-type {
    margin-bottom: 22px !important;
}

/* Panel başlıkları (Kategoriler/İşlemler kalsa da) lacivert */
#order-standard_cart .panel-sidebar .card-header,
#order-standard_cart .panel-heading.card-header {
    background: var(--ac-navy-soft, #1E3A5F) !important;
}

#order-standard_cart .panel-sidebar .card-header h3,
#order-standard_cart .panel-heading.card-header h3 {
    color: white !important;
}

.cartheading,
.carttitle,
.order-summary .table thead th {
    background: var(--ac-navy-soft, #1E3A5F) !important;
    color: white !important;
    border-color: var(--ac-navy, #0F1B36) !important;
    font-weight: 700 !important;
}

/* Koyu mavi başlık barı (genel - WHMCS cart başlık satırı) */
.cart-box-header,
.summary-box-header,
.order-box-header {
    background: var(--ac-primary) !important;
    color: white !important;
}

/* "Sepeti Boşalt" gibi koyu mavi butonlar (.btn-primary zaten mavi) */
.cart-actions .btn,
.empty-cart-btn {
    border-radius: var(--ac-radius) !important;
}

/* Sipariş özeti kutusu (sağdaki Ara Toplam/KDV/Toplam) */
.order-summary,
.summary-container,
.cart-summary {
    border-radius: var(--ac-radius-lg) !important;
    border: 1px solid var(--ac-border-light) !important;
}

/* Sepet tab'ları (Promosyon/İndirim Kodu | Tahmini Vergiler) */
.cart-tabs .nav-link,
.promo-tax-tabs .nav-link {
    color: var(--ac-text-light) !important;
    font-weight: 600 !important;
}

.cart-tabs .nav-link.active,
.promo-tax-tabs .nav-link.active {
    color: var(--ac-primary) !important;
    border-bottom: 2px solid var(--ac-primary) !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * GLOBAL INPUT-GROUP-MERGE (cart promo kodu, vs.)
 * HTML: <div class="input-group input-group-merge">
 *         <div class="input-group-prepend"><span class="input-group-text"><i></i></span></div>
 *         <input class="form-control">
 *       </div>
 * Sorun: icon ve input çakışıyordu (placeholder icon üstüne biniyordu).
 * Çözüm: icon ayrı kutuda, input ondan sonra başlasın.
 * ───────────────────────────────────────────────────────────────────── */
.input-group-merge {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    border: 1px solid var(--ac-border) !important;
    border-radius: var(--ac-radius) !important;
    overflow: hidden !important;
    background: var(--ac-bg-card) !important;
}

.input-group-merge:focus-within {
    border-color: var(--ac-primary) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}

.input-group-merge .input-group-prepend,
.input-group-merge .input-group-append {
    display: flex !important;
    flex: 0 0 auto !important;
}

.input-group-merge .input-group-text {
    background: var(--ac-bg) !important;
    border: none !important;
    color: var(--ac-text-light) !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    min-width: 44px !important;
}

.input-group-merge .input-group-prepend .input-group-text {
    border-right: 1px solid var(--ac-border) !important;
}

.input-group-merge .input-group-append .input-group-text {
    border-left: 1px solid var(--ac-border) !important;
}

.input-group-merge .form-control {
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 11px 14px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-indent: 0 !important;
}

.input-group-merge .form-control:focus {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ── Cart promosyon kodu icon çakışması (KESİN ÇÖZÜM) ──
   WHMCS standard_cart promo HTML:
   <div class="input-group">
     <span class="input-group-text border-end-0"><i class="fas fa-tag"></i></span>
     <input class="form-control border-start-0 ps-0" placeholder="...">
   </div>
   Bootstrap ps-0 + border-start-0 input'un sol padding'ini sıfırlıyor,
   icon kutusu görünmez olunca icon input içine binip placeholder'la çakışıyordu.
   Çözüm: icon kutusunu görünür/ayrı yap, input'a sol padding geri ver. */

/* Genel input-group içindeki icon kutusu - her zaman görünür ve ayrı */
.input-group > .input-group-text,
.input-group-prepend > .input-group-text {
    background: var(--ac-bg) !important;
    border: 1px solid var(--ac-border) !important;
    color: var(--ac-text-light) !important;
    min-width: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--ac-radius) 0 0 var(--ac-radius) !important;
}

/* Bootstrap'in border-end-0 / border-start-0 / ps-0 sınıflarını nötrle */
.input-group .input-group-text.border-end-0 {
    border-right: 1px solid var(--ac-border) !important;
}

.input-group .form-control.border-start-0 {
    border-left: none !important;
}

.input-group .form-control.ps-0,
.input-group .form-control.pl-0 {
    padding-left: 14px !important;
}

/* Promo input'a kesin sol padding (icon ile çakışmasın) */
.promotioncode .form-control,
#inputPromotionCode,
input[name="promocode"],
input[name="promotioncode"],
.promo-code-input .form-control,
form[action*="cart.php"] .input-group .form-control {
    padding-left: 14px !important;
    text-indent: 0 !important;
    border-radius: 0 var(--ac-radius) var(--ac-radius) 0 !important;
}

/* Promo alanındaki input-group-text icon'u düzgün ayrılsın */
.checkout-promo .input-group-text,
.promotioncode .input-group-text,
form[action*="cart.php"] .input-group-text {
    background: var(--ac-bg) !important;
    border: 1px solid var(--ac-border) !important;
    border-right: 1px solid var(--ac-border) !important;
    color: var(--ac-text-light) !important;
    min-width: 44px !important;
    justify-content: center !important;
    border-radius: var(--ac-radius) 0 0 var(--ac-radius) !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * FORM ELEMENTS
 * ───────────────────────────────────────────────────────────────────── */
.form-control {
    border-radius: var(--ac-radius) !important;
    border: 1px solid var(--ac-border) !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    background: var(--ac-bg-card) !important;
    color: var(--ac-dark) !important;
    transition: var(--ac-transition) !important;
    height: auto !important;
    box-shadow: none !important;
    font-family: 'Inter', sans-serif !important;
}

.form-control:focus {
    border-color: var(--ac-primary) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
    background: var(--ac-bg-card) !important;
    outline: none !important;
}

.form-control::placeholder {
    color: var(--ac-muted) !important;
}

label {
    color: var(--ac-dark) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
}

.input-group-prepend .input-group-text,
.input-group-prepend .btn {
    background: var(--ac-bg) !important;
    border: 1px solid var(--ac-border) !important;
    border-right: none !important;
    color: var(--ac-text-light) !important;
    border-radius: var(--ac-radius) 0 0 var(--ac-radius) !important;
}

.input-group > .form-control {
    border-radius: 0 var(--ac-radius) var(--ac-radius) 0 !important;
}

/* Login form özel: password göster butonu (turuncu eye icon) */
.input-group-append .btn {
    background: var(--ac-primary) !important;
    border-color: var(--ac-primary) !important;
    color: white !important;
    border-radius: 0 var(--ac-radius) var(--ac-radius) 0 !important;
}

.input-group-append .btn:hover {
    background: var(--ac-primary-dark) !important;
    border-color: var(--ac-primary-dark) !important;
}

/* Checkbox & radio */
.custom-control-input:checked ~ .custom-control-label::before,
input[type="checkbox"]:checked {
    background-color: var(--ac-primary) !important;
    border-color: var(--ac-primary) !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * LOGIN / REGISTER / PASSWORD RESET FORM
 * HTML yapısı: <form class="login-form"> > .card.mw-540 > .card-body
 * ───────────────────────────────────────────────────────────────────── */

/* Login form'u ortalı ve düzgün boyutta */
.login-form,
form.login-form {
    max-width: 540px !important;
    margin: 40px auto !important;
    padding: 0 16px !important;
}

/* Login card - modern, gölgeli, beyaz */
.login-form .card,
.login-form .card.mw-540 {
    background: var(--ac-bg-card) !important;
    border-radius: var(--ac-radius-lg) !important;
    border: 1px solid var(--ac-border-light) !important;
    box-shadow: var(--ac-shadow-lg) !important;
    overflow: hidden !important;
    max-width: 540px !important;
    margin: 0 auto !important;
}

.login-form .card-body {
    padding: 40px 36px !important;
}

/* Login başlık */
.login-form .card-body h6,
.login-form .card-body .h3 {
    color: var(--ac-dark) !important;
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    margin-bottom: 6px !important;
    letter-spacing: -0.02em !important;
}

.login-form .card-body .text-muted {
    color: var(--ac-text-light) !important;
    font-size: 14px !important;
    margin-bottom: 24px !important;
}

/* Form group spacing */
.login-form .form-group {
    margin-bottom: 18px !important;
}

.login-form .form-control-label {
    color: var(--ac-dark) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* Şifremi Unuttum link */
.login-form a.small.text-muted {
    color: var(--ac-primary) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.login-form a.small.text-muted:hover {
    color: var(--ac-primary-dark) !important;
    text-decoration: underline !important;
}

/* Input group merge - input ve ikon birleştirilmiş */
.login-form .input-group-merge {
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid var(--ac-border) !important;
    border-radius: var(--ac-radius) !important;
    overflow: hidden !important;
    background: var(--ac-bg-card) !important;
    transition: var(--ac-transition) !important;
}

.login-form .input-group-merge:focus-within {
    border-color: var(--ac-primary) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}

.login-form .input-group-merge .input-group-prepend {
    display: flex !important;
}

.login-form .input-group-merge .input-group-text {
    background: var(--ac-bg) !important;
    border: none !important;
    border-right: 1px solid var(--ac-border) !important;
    color: var(--ac-text-light) !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 0 !important;
    font-size: 14px !important;
}

.login-form .input-group-merge .form-control {
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
    color: var(--ac-dark) !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.login-form .input-group-merge .form-control:focus {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.login-form .input-group-merge .form-control::placeholder {
    color: var(--ac-muted) !important;
}

/* Password göster/gizle butonu (turuncu eye) */
.login-form .input-group-merge .input-group-append {
    display: flex !important;
}

.login-form .input-group-merge .btn-reveal-pw,
.login-form .input-group-merge .input-group-append .btn {
    background: var(--ac-primary) !important;
    border: none !important;
    border-radius: 0 !important;
    color: white !important;
    padding: 0 16px !important;
    cursor: pointer !important;
    transition: var(--ac-transition) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.login-form .input-group-merge .btn-reveal-pw:hover,
.login-form .input-group-merge .input-group-append .btn:hover {
    background: var(--ac-primary-dark) !important;
    color: white !important;
}

/* Giriş butonu */
.login-form .btn-primary,
.login-form button#login {
    background: var(--ac-primary) !important;
    border-color: var(--ac-primary) !important;
    color: white !important;
    padding: 11px 32px !important;
    border-radius: var(--ac-radius) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    box-shadow: none !important;
    background-image: none !important;
}

.login-form .btn-primary:hover,
.login-form button#login:hover {
    background: var(--ac-primary-dark) !important;
    border-color: var(--ac-primary-dark) !important;
    transform: translateY(-1px) !important;
}

/* Beni hatırla */
.login-form label input[type="checkbox"],
.login-form .form-check-input {
    margin-right: 6px !important;
    accent-color: var(--ac-primary) !important;
    cursor: pointer !important;
}

.login-form .text-right label {
    color: var(--ac-text) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* Login form - float düzeni temizle, flex kullan */
.login-form .float-left,
.login-form .text-right {
    float: none !important;
}

.login-form .card-body > div:last-of-type {
    margin-top: 4px !important;
}

/* Login alt bölümü - Hesap oluştur */
.login-form .card-footer {
    background: var(--ac-bg) !important;
    border-top: 1px solid var(--ac-border-light) !important;
    padding: 16px 36px !important;
    text-align: center !important;
}

.login-form .card-footer small {
    color: var(--ac-text-light) !important;
    font-size: 14px !important;
}

.login-form .card-footer .small.font-weight-bold,
.login-form .card-footer a.small {
    color: var(--ac-primary) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-left: 4px !important;
}

.login-form .card-footer a.small:hover {
    text-decoration: underline !important;
}

/* Login feedback / hata mesajları */
.providerLinkingFeedback {
    max-width: 540px !important;
    margin: 0 auto !important;
}

.providerLinkingFeedback:empty {
    display: none !important;
}

/* Giriş butonu ve "Beni hatırla" yatay düzen */
.login-form .float-left {
    display: inline-block !important;
}

@media (min-width: 576px) {
    .login-form .card-body > .float-left + .text-right {
        display: inline-block !important;
        float: right !important;
        margin-top: 8px !important;
    }
}

/* ─────────────────────────────────────────────────────────────────────
 * GENERIC CARDS (Login form gibi, hosting cards, vs)
 * Default WHMCS .card sınıfı için
 * ───────────────────────────────────────────────────────────────────── */
.card {
    background: var(--ac-bg-card) !important;
    border: 1px solid var(--ac-border-light) !important;
    border-radius: var(--ac-radius-lg) !important;
    box-shadow: var(--ac-shadow-xs) !important;
    transition: var(--ac-transition) !important;
}

.card:hover {
    box-shadow: var(--ac-shadow) !important;
}

.card-header {
    background: var(--ac-bg-card) !important;
    color: var(--ac-dark) !important;
    border-bottom: 1px solid var(--ac-border-light) !important;
    padding: 14px 20px !important;
    font-weight: 700 !important;
}

.card-body {
    padding: 20px !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * LABELS (Aktif badge gibi, login form labels değil)
 * Bu sayfada inline style ile gelmiş, ama yine de düzeltelim
 * ───────────────────────────────────────────────────────────────────── */
.label,
span.label {
    padding: 3px 10px !important;
    border-radius: var(--ac-radius-sm) !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    letter-spacing: 0.02em !important;
    color: white !important;
    display: inline-block !important;
}

.badge,
.badge-info {
    padding: 3px 10px !important;
    border-radius: var(--ac-radius-sm) !important;
    font-weight: 600 !important;
    font-size: 11px !important;
}

.badge-info {
    background: var(--ac-primary) !important;
    color: white !important;
}

.badge-success { background: var(--ac-success) !important; color: white !important; }
.badge-warning { background: var(--ac-warning) !important; color: white !important; }
.badge-danger { background: var(--ac-danger) !important; color: white !important; }
.badge-primary { background: var(--ac-primary) !important; color: white !important; }

/* ── Domain kategori etiketleri (.badge.badge-secondary) ──
   HTML: <a class="badge badge-secondary" data-category="...">Arts and Entertainment (19)</a>
   Gri zemin + mavi link yazısı okunmuyordu. Beyaz yazı + gri-mavi zemin. */
.badge-secondary,
a.badge-secondary {
    background: var(--ac-asbestos) !important;
    color: white !important;
    border: none !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: var(--ac-radius-full) !important;
    text-decoration: none !important;
    transition: var(--ac-transition) !important;
}

a.badge-secondary:hover {
    background: var(--ac-primary) !important;
    color: white !important;
    text-decoration: none !important;
}

/* Seçili/aktif kategori → YEŞİL (Popular varsayılan seçili, orijinalde yeşildi) */
a.badge.active,
a.badge-secondary.active,
a.badge-primary.active,
a.badge-success,
.badge.active {
    background: var(--ac-success) !important;
    color: white !important;
}

a.badge.active:hover,
a.badge-secondary.active:hover {
    background: #0EA371 !important;
    color: white !important;
}

/* Genel: badge olan tüm <a> linkleri beyaz yazı (kategori filtreleri) */
a.badge {
    color: white !important;
    text-decoration: none !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * BANNER (Login/Register sayfa headerleri için)
 * ───────────────────────────────────────────────────────────────────── */
.hostiko-banner-whmcs {
    background-color: var(--ac-primary-bg) !important;
    background-image: linear-gradient(180deg, var(--ac-primary-bg) 0%, var(--ac-bg) 100%) !important;
    padding: 60px 0 80px !important;
    margin-bottom: 0 !important;
}

.hostiko-banner-whmcs .title-heading,
.hostiko-banner-whmcs h1 {
    color: var(--ac-dark) !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
    text-align: center !important;
}

.hostiko-banner-whmcs .title-text {
    color: var(--ac-text-light) !important;
    text-align: center !important;
    font-size: 0.95rem !important;
}

.hostiko-banner-whmcs .breadcrumb {
    background: transparent !important;
    justify-content: center !important;
    padding: 12px 0 0 !important;
    margin-bottom: 0 !important;
}

.hostiko-banner-whmcs .breadcrumb-item a {
    color: var(--ac-primary) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

.hostiko-banner-whmcs .breadcrumb-item.active {
    color: var(--ac-text-light) !important;
    font-size: 13px !important;
}

.hostiko-banner-whmcs .breadcrumb-item + .breadcrumb-item::before {
    color: var(--ac-muted) !important;
    content: "›" !important;
    font-weight: 600 !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * FOOTER SECTION (koyu lacivert middle-portion)
 * Bu HTML'de logged-in için CTA YOK, sadece middle-portion var
 * ───────────────────────────────────────────────────────────────────── */
.footer-section {
    background: var(--ac-bg) !important;
    position: relative !important;
}

/* CTA bölümü (logged-out durumda) */
.footer-section .contact-section {
    margin-top: -40px !important;
    padding: 40px 50px !important;
    border-radius: var(--ac-radius-xl) !important;
    background-image: none !important;
    background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%) !important;
    box-shadow: 0 10px 30px -10px rgba(37, 99, 235, 0.4) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: relative !important;
    overflow: hidden !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

.footer-section .contact-section::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    right: -10% !important;
    width: 350px !important;
    height: 350px !important;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, transparent 70%) !important;
    border-radius: 50% !important;
}

.footer-section .contact-section > * {
    position: relative !important;
    z-index: 1 !important;
}

.footer-section .contact-section .content h3 {
    color: white !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
    letter-spacing: -0.02em !important;
}

.footer-section .contact-section .content p {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.footer-section .contact-section .button .get_started {
    background: var(--ac-bg-card) !important;
    color: var(--ac-primary) !important;
    border: none !important;
    border-radius: var(--ac-radius) !important;
    padding: 12px 28px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10) !important;
    transition: var(--ac-transition) !important;
    display: inline-block !important;
    text-decoration: none !important;
}

.footer-section .contact-section .button .get_started:hover {
    transform: translateY(-2px) !important;
    background: var(--ac-bg) !important;
    color: var(--ac-primary-dark) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Middle portion - koyu lacivert footer */
/* NOT: Eski 9999px trick yatay scroll oluşturuyordu (footer sağa uzuyordu).
   Yeni yöntem: viewport tabanlı width + negative margin ile container'ı genişlet.
   Bu hem yatay scroll açmaz hem de tam genişlik lacivert arka plan verir. */
.footer-section .middle-portion {
    background: var(--ac-navy) !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-top: 50px !important;
    padding: 60px 0 40px !important;
}

/* İçerik container genişliğinde ortalı kalsın */
.footer-section .middle-portion .row {
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.footer-section .middle-portion .row > [class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Masaüstünde footer kolon dengesini düzelt (≥992px):
   İletişim Adresleri kolonu (col-lg-3) diğerlerine göre geniş duruyordu.
   Logo geniş kalsın, link kolonları + İletişim daha dengeli olsun. */
@media (min-width: 992px) {
    /* Logo kolonu biraz daralt */
    .footer-section .middle-portion .row > .col-lg-4 {
        flex: 0 0 33% !important;
        max-width: 33% !important;
    }
    /* Navigasyon biraz genişlesin */
    .footer-section .middle-portion .row > .col-lg-2 {
        flex: 0 0 19% !important;
        max-width: 19% !important;
    }
    /* Kısayol Linkleri */
    .footer-section .middle-portion .row > .use-link,
    .footer-section .middle-portion .row > .col-lg-3:nth-of-type(3) {
        flex: 0 0 23% !important;
        max-width: 23% !important;
    }
    /* İletişim Adresleri kolonu daralt (son col-lg-3) */
    .footer-section .middle-portion .row > .col-lg-3:last-child {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

.footer-section .middle-portion h4,
.footer-section .middle-portion .heading {
    color: white !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.footer-section .middle-portion p {
    color: rgba(255, 255, 255, 0.65) !important;
    line-height: 1.7 !important;
    font-size: 14px !important;
}

.footer-section .footer-logo {
    margin-bottom: 16px !important;
}

.footer-section .footer-logo img {
    width: 260px !important;
    height: auto !important;
    /* İkonlu + sloganlı beyaz logo (webp) - filtre gerekmez */
}

.footer-section .middle-portion .social-icons {
    margin-top: 20px !important;
    padding: 0 !important;
    display: flex !important;
    gap: 6px !important;
}

.footer-section .middle-portion .social-icons li {
    list-style: none !important;
    margin: 0 !important;
}

.footer-section .middle-portion .social-icons li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 14px !important;
    height: 36px !important;
    width: 36px !important;
    border-radius: var(--ac-radius) !important;
    transition: var(--ac-transition) !important;
    text-decoration: none !important;
}

.footer-section .middle-portion .social-icons li a i {
    color: inherit !important;
}

.footer-section .middle-portion .social-icons li a:hover {
    background: var(--ac-primary) !important;
    color: white !important;
    transform: translateY(-2px) !important;
}

.footer-section .middle-portion .links li {
    margin-bottom: 10px !important;
    list-style: none !important;
}

.footer-section .middle-portion .links li i {
    color: var(--ac-primary-light) !important;
    font-size: 10px !important;
    margin-right: 8px !important;
}

.footer-section .middle-portion .links li a {
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    transition: var(--ac-transition) !important;
    text-decoration: none !important;
}

.footer-section .middle-portion .links li a:hover {
    color: white !important;
}

/* İletişim adresleri (HER EKRANDA ortalı - masaüstü + mobil).
   Önce sadece mobilde ortalıyordu; masaüstünde sola yaslıydı.
   .icon text-align:center + ul fit-content+margin:auto = ortalı blok. */
.footer-section .middle-portion .icon {
    text-align: center !important;
}

.footer-section .middle-portion .icon ul,
.footer-section .middle-portion .icon ul.list-unstyled {
    display: block !important;
    width: 100% !important;
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    list-style: none !important;
}

.footer-section .middle-portion .icon ul li,
.footer-section .middle-portion .icon ul li.text {
    margin-bottom: 12px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px !important;
    display: flex !important;
    width: 100% !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px !important;
    list-style: none !important;
}

/* Adres 2 satır olduğu için metni de ortala (telefon/mail kısa, zaten ortalıydı) */
.footer-section .middle-portion .icon ul li .address,
.footer-section .middle-portion .icon ul li p,
.footer-section .middle-portion .icon ul li a {
    text-align: center !important;
}

.footer-section .middle-portion .icon ul li i {
    color: var(--ac-primary-light) !important;
    margin-top: 4px !important;
    flex-shrink: 0 !important;
    width: 16px !important;
}

.footer-section .middle-portion .icon ul li a,
.footer-section .middle-portion .icon ul li p {
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    margin: 0 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.footer-section .middle-portion .icon ul li a:hover {
    color: white !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * COPYRIGHT FOOTER
 * ───────────────────────────────────────────────────────────────────── */
footer.footer,
footer#footer {
    background: var(--ac-navy) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 20px 0 !important;
    margin-top: 0 !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

footer.footer .container {
    color: rgba(255, 255, 255, 0.6) !important;
}

footer.footer .btn,
footer.footer .nav-link,
footer.footer .btn-icon {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: transparent !important;
    color: white !important;
    border-radius: var(--ac-radius) !important;
    padding: 8px 12px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: none !important;
    box-shadow: none !important;
    margin: 0 2px !important;
}

footer.footer .btn:hover,
footer.footer .nav-link:hover,
footer.footer .btn-icon:hover {
    background: var(--ac-primary) !important;
    border-color: var(--ac-primary) !important;
    color: white !important;
}

footer.footer .btn-icon {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

footer.footer .nav-link {
    background: transparent !important;
}

footer.footer .nav-link:hover {
    background: transparent !important;
    color: var(--ac-primary-light) !important;
}

footer.footer .copyright {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

footer.footer ul {
    padding: 0 !important;
    margin: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * TABLES
 * ───────────────────────────────────────────────────────────────────── */
.table {
    background: var(--ac-bg-card) !important;
    border-radius: var(--ac-radius-lg) !important;
    overflow: hidden !important;
}

.table thead th {
    background: var(--ac-bg) !important;
    color: var(--ac-dark) !important;
    font-weight: 700 !important;
    border-bottom: 1px solid var(--ac-border) !important;
    border-top: none !important;
    padding: 12px 16px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.table tbody tr:hover {
    background: var(--ac-primary-bg) !important;
}

.table td {
    padding: 12px 16px !important;
    border-color: var(--ac-border-light) !important;
    vertical-align: middle !important;
    color: var(--ac-text) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--ac-bg) !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * MODALS
 * ───────────────────────────────────────────────────────────────────── */
.modal-content {
    border-radius: var(--ac-radius-lg) !important;
    border: none !important;
    box-shadow: var(--ac-shadow-lg) !important;
    overflow: hidden !important;
}

.modal-header {
    background: var(--ac-bg) !important;
    border-bottom: 1px solid var(--ac-border-light) !important;
    padding: 16px 20px !important;
}

.modal-header.bg-primary {
    background: var(--ac-primary) !important;
}

.modal-title {
    font-weight: 700 !important;
    color: var(--ac-dark) !important;
}

.modal-header.bg-primary .modal-title {
    color: white !important;
}

.modal-body {
    padding: 20px !important;
}

.modal-footer {
    padding: 14px 20px !important;
    background: var(--ac-bg) !important;
    border-top: 1px solid var(--ac-border-light) !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * ALERTS
 * ───────────────────────────────────────────────────────────────────── */
.alert {
    border-radius: var(--ac-radius) !important;
    border: 1px solid transparent !important;
    padding: 12px 16px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

.alert-info {
    background: var(--ac-primary-bg) !important;
    border-color: var(--ac-primary-soft) !important;
    color: var(--ac-primary-dark) !important;
}

.alert-success {
    background: #F0FDF4 !important;
    border-color: #BBF7D0 !important;
    color: #166534 !important;
}

.alert-warning {
    background: #FFFBEB !important;
    border-color: #FDE68A !important;
    color: #92400E !important;
}

.alert-danger {
    background: #FEF2F2 !important;
    border-color: #FECACA !important;
    color: #991B1B !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * PAGINATION
 * ───────────────────────────────────────────────────────────────────── */
.pagination {
    gap: 4px !important;
}

.page-link {
    border-radius: var(--ac-radius-sm) !important;
    border: 1px solid var(--ac-border) !important;
    color: var(--ac-text) !important;
    padding: 7px 12px !important;
    font-weight: 600 !important;
}

.page-link:hover {
    background: var(--ac-primary-soft) !important;
    color: var(--ac-primary) !important;
    border-color: var(--ac-primary-light) !important;
}

.page-item.active .page-link {
    background: var(--ac-primary) !important;
    border-color: var(--ac-primary) !important;
    color: white !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * BREADCRUMBS
 * ───────────────────────────────────────────────────────────────────── */
.breadcrumb {
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 1.25rem !important;
    font-size: 13px !important;
}

.breadcrumb-item a {
    color: var(--ac-primary) !important;
    font-weight: 500 !important;
}

.breadcrumb-item.active {
    color: var(--ac-text-light) !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--ac-muted) !important;
    content: "›" !important;
    font-weight: 600 !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * TABS
 * ───────────────────────────────────────────────────────────────────── */
.nav-tabs {
    border-bottom: 1px solid var(--ac-border) !important;
}

.nav-tabs .nav-link {
    border: none !important;
    color: var(--ac-text-light) !important;
    font-weight: 600 !important;
    padding: 10px 16px !important;
    border-radius: 0 !important;
    background: transparent !important;
    position: relative !important;
}

.nav-tabs .nav-link:hover {
    color: var(--ac-primary) !important;
}

.nav-tabs .nav-link.active {
    color: var(--ac-primary) !important;
    background: transparent !important;
    border-bottom: 2px solid var(--ac-primary) !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * RETURN TO ADMIN BUTTON
 * ───────────────────────────────────────────────────────────────────── */
.btn-return-to-admin {
    background: var(--ac-primary) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--ac-radius) 0 0 var(--ac-radius) !important;
    box-shadow: var(--ac-shadow-md) !important;
    padding: 10px 16px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

.btn-return-to-admin:hover {
    background: var(--ac-primary-dark) !important;
    color: white !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * SHOPPING CART, PROGRESS, MISC
 * ───────────────────────────────────────────────────────────────────── */
.order-summary,
.cart-summary {
    background: var(--ac-bg-card) !important;
    border-radius: var(--ac-radius-lg) !important;
    box-shadow: var(--ac-shadow-xs) !important;
    border: 1px solid var(--ac-border-light) !important;
    padding: 20px !important;
}

.progress {
    height: 8px !important;
    border-radius: var(--ac-radius-full) !important;
    background: var(--ac-bg) !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.progress-bar {
    background: var(--ac-primary) !important;
}

/* TEXT COLORS */
.text-primary { color: var(--ac-primary) !important; }
.text-success { color: var(--ac-success) !important; }
.text-danger { color: var(--ac-danger) !important; }
.text-info { color: var(--ac-primary) !important; }
.text-warning { color: var(--ac-warning) !important; }
.text-muted { color: var(--ac-text-light) !important; }

/* ─────────────────────────────────────────────────────────────────────
 * RESPONSIVE - Mobile First Düzeltmeler
 * ───────────────────────────────────────────────────────────────────── */

/* Tablet ve aşağısı (≤991px) */
@media (max-width: 991px) {
    /* Container padding kabuk */
    .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Topbar mobilde tek satırda hizalı, derli toplu, ferah ve taşmasız */
    #header.header .topbar {
        background: #F8FAFC !important;
        padding: 7px 0 !important;
        border-bottom: 1px solid var(--ac-border-light, #E2E8F0) !important;
        position: relative !important;
        z-index: 1050 !important;
        overflow: visible !important;
    }
    
    #header.header .topbar .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
        max-width: 100% !important;
        overflow: visible !important;
    }
    
    #header.header .topbar .d-flex {
        flex-wrap: nowrap !important;
        gap: 6px !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        overflow: visible !important;
    }
    
    #header.header .topbar .mr-auto,
    #header.header .topbar .ml-auto {
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex: 0 0 auto !important;
        overflow: visible !important;
    }
    
    #header.header .topbar .active-client,
    #header.header .topbar .active-client .btn-group,
    #header.header .topbar .btn-group {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
        width: auto !important;
        position: relative !important;
        overflow: visible !important;
    }
    
    #header.header .topbar .sign-in-topbar-right {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        overflow: visible !important;
    }
    
    #header.header .topbar .sign-in-topbar-right > li,
    #header.header .topbar .sign-in-topbar-right > li.ml-3,
    #header.header .topbar .sign-in-topbar-right > li.ml-2,
    #header.header .topbar .sign-in-topbar-right > li.nav-item {
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
        position: relative !important;
    }
    
    /* ── Mobilde Topbar Butonları: Bütün butonlar dengeli 34px boyunda, şık ve ferah ── */
    #header.header .topbar #accountNotifications,
    #header.header .topbar button#accountNotifications.btn {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        padding: 0 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 9px !important;
        background: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
        color: var(--ac-text, #1E293B) !important;
        gap: 4px !important;
        margin: 0 !important;
        line-height: 1 !important;
    }
    
    #header.header .topbar #accountNotifications .d-none.d-sm-inline {
        display: none !important;
    }
    #header.header .topbar #accountNotifications i {
        font-size: 13px !important;
        color: #F59E0B !important;
        line-height: 1 !important;
        margin-right: 3px !important;
    }
    
    /* Kredi rozeti */
    #header.header .topbar .ac-credit,
    #header.header .topbar .ac-credit-item .ac-credit,
    .topbar .ac-credit {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        padding: 0 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 9px !important;
        background: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
        color: var(--ac-text, #1E293B) !important;
        gap: 5px !important;
        margin: 0 !important;
        line-height: 1 !important;
    }
    #header.header .topbar .ac-credit .ac-credit-label {
        display: none !important;
    }
    #header.header .topbar .ac-credit i {
        font-size: 13px !important;
        color: var(--ac-primary, #2563EB) !important;
        margin: 0 !important;
    }
    #header.header .topbar .ac-credit .ac-credit-val {
        color: #059669 !important;
        font-weight: 700 !important;
    }
    
    /* Sepet butonu - DİĞER BUTONLARLA BİREBİR AYNI BOY (34px) VE PADDING */
    #header.header .topbar .cart-btn,
    #header.header .topbar .nav-item .cart-btn,
    #header.header .topbar a.cart-btn,
    #header.header .topbar .btn.nav-link.cart-btn,
    .topbar .cart-btn {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        box-sizing: border-box !important;
        padding: 0 10px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 9px !important;
        background: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
        color: var(--ac-text, #1E293B) !important;
        gap: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }
    #header.header .topbar .cart-btn i {
        font-size: 13px !important;
        color: #334155 !important;
        line-height: 1 !important;
        margin: 0 !important;
    }
    #header.header .topbar .cart-btn #cartItemCount,
    #header.header .topbar .cart-btn .badge,
    #header.header .topbar .cart-btn .badge-info,
    #header.header .topbar .nav-item .cart-btn .badge-info {
        font-size: 10px !important;
        font-weight: 700 !important;
        height: 18px !important;
        min-width: 18px !important;
        padding: 0 5px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        line-height: 1 !important;
        margin: 0 0 0 5px !important;
        background: var(--ac-primary, #2563EB) !important;
        color: #FFFFFF !important;
    }
    
    /* Kullanıcı dropdown toggle - Şık Açık Mavi Profil Rozeti */
    #header.header .topbar .active-client .dropdown-toggle,
    #header.header .topbar .sign-in-topbar-right .dropdown-toggle,
    #header.header .topbar #Secondary_Navbar-Account > a,
    #Secondary_Navbar-Account > a.dropdown-toggle {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        padding: 0 11px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        max-width: 110px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        border-radius: 9px !important;
        background: #EFF6FF !important;
        border: 1px solid #BFDBFE !important;
        color: #1D4ED8 !important;
        box-shadow: 0 1px 2px rgba(37, 99, 235, 0.08) !important;
        margin: 0 !important;
        line-height: 1 !important;
    }
    #header.header .topbar .active-client .dropdown-toggle:hover,
    #header.header .topbar .sign-in-topbar-right .dropdown-toggle:hover,
    #Secondary_Navbar-Account > a.dropdown-toggle:hover {
        background: #DBEAFE !important;
        border-color: #93C5FD !important;
        color: #1E40AF !important;
    }
    
    /* Admin geri dön butonu */
    #header.header .topbar .btn-return-to-admin {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 9px !important;
        background: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
        color: #475569 !important;
        flex-shrink: 0 !important;
    }
    #header.header .topbar .btn-return-to-admin:hover {
        background: #EFF6FF !important;
        border-color: #BFDBFE !important;
        color: #2563EB !important;
    }
    
    /* ── Mobilde Topbar Dropdown Menüsü (Sağa Dayalı, Düzgün ve Şık) ── */
    #header.header .topbar .dropdown,
    #header.header .topbar li.dropdown,
    #header.header .topbar #Secondary_Navbar-Account,
    #Secondary_Navbar-Account,
    #header.header .topbar .sign-in-topbar-right > li {
        position: relative !important;
    }
    
    #header.header .topbar .dropdown-menu,
    #Secondary_Navbar-Account .dropdown-menu,
    #header.header .topbar .active-client .dropdown-menu,
    #header.header .topbar .sign-in-topbar-right .dropdown-menu {
        position: absolute !important;
        top: calc(100% + 6px) !important;
        right: 0 !important;
        left: auto !important;
        bottom: auto !important;
        float: none !important;
        transform: none !important;
        will-change: auto !important;
        min-width: 220px !important;
        width: max-content !important;
        max-width: calc(100vw - 20px) !important;
        background: #FFFFFF !important;
        border: 1px solid var(--ac-border, #E2E8F0) !important;
        border-radius: var(--ac-radius-lg, 12px) !important;
        box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16), 0 4px 12px rgba(15, 23, 42, 0.08) !important;
        padding: 6px !important;
        margin: 0 !important;
        z-index: 99999 !important;
    }
    
    #header.header .topbar .dropdown-menu li,
    #Secondary_Navbar-Account .dropdown-menu li,
    #header.header .topbar .dropdown-menu .dropdown-item,
    #Secondary_Navbar-Account .dropdown-menu .dropdown-item {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        float: none !important;
    }
    
    #header.header .topbar .dropdown-menu li > a,
    #Secondary_Navbar-Account .dropdown-menu li > a,
    #header.header .topbar .dropdown-menu .dropdown-item > a,
    #header.header .topbar .dropdown-menu a.dropdown-item,
    #Secondary_Navbar-Account .dropdown-menu a.dropdown-item {
        display: flex !important;
        align-items: center !important;
        padding: 9px 12px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        color: var(--ac-dark, #0F172A) !important;
        border-radius: var(--ac-radius, 8px) !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        width: 100% !important;
        box-sizing: border-box !important;
        transition: var(--ac-transition, all .18s ease) !important;
    }
    
    #header.header .topbar .dropdown-menu li > a:hover,
    #Secondary_Navbar-Account .dropdown-menu li > a:hover,
    #header.header .topbar .dropdown-menu .dropdown-item > a:hover,
    #header.header .topbar .dropdown-menu a.dropdown-item:hover,
    #Secondary_Navbar-Account .dropdown-menu a.dropdown-item:hover {
        background: var(--ac-primary-bg, #EFF6FF) !important;
        color: var(--ac-primary, #2563EB) !important;
    }
    
    #header.header .topbar .dropdown-menu .dropdown-divider,
    #Secondary_Navbar-Account .dropdown-menu .dropdown-divider {
        margin: 4px 6px !important;
        border-top: 1px solid var(--ac-border, #E2E8F0) !important;
    }
    
    .ac-drop-ico {
        font-size: 13px !important;
        width: 18px !important;
        text-align: center !important;
        flex-shrink: 0 !important;
    }
    
    /* Navbar branding ve mobile button */
    #header .navbar.navbar-light {
        padding: 12px 0 !important;
    }
    
    #header .navbar-brand img {
        width: 155px !important;
    }
    
    /* ── Mobilde logo (sol) + burger (sağ) aynı satırda, menü altta ── */
    #header .navbar.navbar-light > .container {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
    }
    
    /* Logo sol tarafta */
    #header .navbar.navbar-light > .container > .navbar-brand {
        order: 1 !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
    }
    
    /* Burger butonu (toolbar) sağ tarafta, logo ile aynı hizada */
    #header .navbar.navbar-light > .container > .toolbar,
    #header .navbar-nav.toolbar {
        order: 2 !important;
        margin: 0 0 0 auto !important;
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* Açılan menü (main-navbar-wrapper) tam genişlik, alt satıra */
    #header .navbar.navbar-light > .container > .main-navbar-wrapper {
        order: 3 !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        position: static !important;
    }
    
    #header .navbar.navbar-light {
        flex-wrap: wrap !important;
        position: relative !important;
    }
    
    #header .main-navbar-wrapper {
        width: 100% !important;
        position: static !important;
    }
    
    #header .navbar-collapse {
        background: var(--ac-bg-card) !important;
        border-radius: var(--ac-radius-lg) !important;
        margin-top: 14px !important;
        padding: 12px !important;
        box-shadow: var(--ac-shadow-md) !important;
        border: 1px solid var(--ac-border-light) !important;
        width: 100% !important;
        position: static !important;
        z-index: 50 !important;
    }
    
    /* Mobil menü içindeki arama formu */
    #header .navbar-collapse form,
    #header .navbar-collapse .input-group.search {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    #header .navbar-collapse .input-group.search .form-control {
        border-radius: 0 var(--ac-radius) var(--ac-radius) 0 !important;
        background: var(--ac-bg) !important;
        border: 1px solid var(--ac-border) !important;
        font-size: 14px !important;
    }
    
    #header .navbar-collapse .input-group.search .btn-default {
        border-radius: var(--ac-radius) 0 0 var(--ac-radius) !important;
        background: var(--ac-bg) !important;
        border: 1px solid var(--ac-border) !important;
        border-right: none !important;
    }
    
    #header .navbar-collapse .navbar-nav {
        flex-direction: column !important;
        width: 100% !important;
        gap: 2px !important;
    }
    
    #header .navbar-collapse .navbar-nav > li {
        width: 100% !important;
        border-bottom: 1px solid var(--ac-border-light) !important;
    }
    
    #header .navbar-collapse .navbar-nav > li:last-child {
        border-bottom: none !important;
    }
    
    #header .navbar-collapse .navbar-nav > li > a {
        padding: 12px 14px !important;
        width: 100% !important;
        text-align: left !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        font-size: 14px !important;
        border-radius: var(--ac-radius-sm) !important;
    }
    
    /* "Yeni Destek Bildirimi" / İletişim butonu mobilde tam genişlik + MAVİ */
    #header .navbar-collapse .navbar-nav #Primary_Navbar-Open_Ticket > a,
    #header .navbar-collapse .navbar-nav #Primary_Navbar-Contact_Us > a,
    #header .navbar-collapse .navbar-nav li.menu-button > a,
    #header .navbar-collapse .navbar-nav .nav-item.btn > a {
        margin-top: 10px !important;
        margin-left: 0 !important;
        justify-content: center !important;
        text-align: center !important;
        background: var(--ac-primary) !important;
        color: white !important;
        border-radius: var(--ac-radius) !important;
        font-weight: 600 !important;
        padding: 12px 14px !important;
    }
    
    #header .navbar-collapse .navbar-nav #Primary_Navbar-Open_Ticket > a:hover,
    #header .navbar-collapse .navbar-nav #Primary_Navbar-Contact_Us > a:hover {
        background: var(--ac-primary-dark) !important;
        color: white !important;
    }
    
    #header .navbar-collapse .dropdown-menu {
        position: static !important;
        float: none !important;
        box-shadow: none !important;
        border: none !important;
        background: var(--ac-bg) !important;
        margin: 0 0 6px !important;
        padding: 4px 0 4px 12px !important;
        width: 100% !important;
    }
    
    #header .navbar-collapse .dropdown-menu .dropdown-item a,
    #header .navbar-collapse .dropdown-menu a {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
    
    /* Banner */
    .hostiko-banner-whmcs {
        padding: 40px 0 50px !important;
    }
    
    .hostiko-banner-whmcs .title-heading,
    .hostiko-banner-whmcs h1 {
        font-size: 1.625rem !important;
    }
    
    /* Footer CTA */
    .footer-section .contact-section {
        flex-direction: column !important;
        text-align: center !important;
        padding: 30px 24px !important;
    }
    
    .footer-section .contact-section .content h3 {
        font-size: 1.25rem !important;
    }
}

/* ── KRİTİK: Mobile sidebar (≤991px) sıkışıyordu ── */
@media (max-width: 991px) {
    /* Ana içerik ve sidebar yan yana DEĞIL, sidebar ALTTA */
    #main-body > .container > .row {
        flex-direction: column !important;
    }
    
    /* Sidebar tam genişlik */
    #main-body .col-lg-4.col-xl-3 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        order: 2 !important;  /* Sidebar ALTA gitsin */
        margin-top: 24px !important;
    }
    
    /* Ana içerik tam genişlik ve ÖNCE */
    #main-body .col-lg-8.col-xl-9.primary-content {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        order: 1 !important;  /* İçerik ÜSTTE */
    }
    
    /* Sidebar tek sütun olsun, kartlar yan yana */
    .sidebar {
        display: block !important;
    }
    
    .sidebar .card.card-sidebar {
        margin-bottom: 14px !important;
    }
    
    /* d-none d-lg-block sidebar (Sorumlular/Hızlı Erişim) artık görünsün mobilde */
    .d-none.d-lg-block.sidebar {
        display: block !important;
    }
    
    /* d-md-none sidebar-secondary GİZLENSİN (duplicate olur) */
    .d-md-none.sidebar.sidebar-secondary {
        display: none !important;
    }
}

/* Mobil (≤768px) */
@media (max-width: 768px) {
    h1, .h1 { font-size: 1.5rem !important; }
    h2, .h2 { font-size: 1.25rem !important; }
    
    section#main-body {
        padding: 30px 0 50px !important;
    }
    
    /* Stat tiles - mobilde 2x2 grid (üstte 1-2, altta 3-4) */
    .tiles .row.no-gutters {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin: 0 !important;
    }
    
    .tiles .row.no-gutters > [class*="col-"] {
        padding: 0 !important;
        flex: 0 0 calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
    }
    
    /* Mobilde tile içeriği - sayı + başlık + ikon (sol hizalı, ferah) */
    .tile {
        min-height: 90px !important;
        padding: 16px !important;
        align-items: flex-start !important;
        text-align: left !important;
        justify-content: center !important;
    }
    
    .tile > i {
        font-size: 22px !important;
        top: 16px !important;
        right: 16px !important;
        opacity: 0.4 !important;
    }
    
    .tile .stat {
        font-size: 28px !important;
        line-height: 1 !important;
        margin-bottom: 4px !important;
    }
    
    .tile .title {
        font-size: 11px !important;
        letter-spacing: 0.03em !important;
    }
    
    /* Card header'ları mobilde sıkışmasın ve buton asla alt satıra düşmesin */
    .client-home-cards .card-header {
        padding: 10px 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        min-height: 44px !important;
    }
    .client-home-cards .card-header h3,
    .client-home-cards .card-header .card-title {
        font-size: 12.5px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        gap: 6px !important;
        line-height: 1.2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        min-width: 0 !important;
        order: 1 !important;
    }
    
    .client-home-cards .card-header .float-right,
    .client-home-cards .card-header h3 > .float-right,
    .client-home-cards .card-header .card-title > .float-right {
        float: none !important;
        margin: 0 !important;
        margin-left: auto !important;
        flex-shrink: 0 !important;
        order: 2 !important;
        display: flex !important;
        align-items: center !important;
    }
    
    .client-home-cards .card-header .btn {
        font-size: 11px !important;
        padding: 4px 8px !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
    }
    
    /* Domain input mobilde dikey */
    #registerDomainPanel .input-group {
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    #registerDomainPanel .input-group .form-control {
        width: 100% !important;
        border-radius: var(--ac-radius) !important;
    }
    
    #registerDomainPanel .input-group-btn,
    #registerDomainPanel .input-group-append {
        width: 100% !important;
        display: flex !important;
        gap: 6px !important;
    }
    
    #registerDomainPanel .input-group-btn .btn,
    #registerDomainPanel .input-group-append .btn {
        flex: 1 !important;
    }
    
    /* Footer - 4 sütun yerine 2 sütun (full-width korunur) */
    .footer-section .middle-portion {
        width: 100vw !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        margin-top: 40px !important;
        padding: 40px 0 24px !important;
    }
    
    .footer-section .middle-portion .row {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    .footer-section .middle-portion .row > [class*="col-"] {
        margin-bottom: 24px !important;
    }
    
    /* Footer logo alanı tam genişlik */
    .footer-section .middle-portion .col-lg-4 {
        text-align: center !important;
    }
    
    .footer-section .footer-logo {
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 16px !important;
    }
    
    .footer-section .middle-portion .social-icons {
        justify-content: center !important;
    }
    
    /* Copyright footer */
    footer.footer {
        text-align: center !important;
    }
    
    footer.footer .float-lg-right {
        float: none !important;
        margin-bottom: 16px !important;
        justify-content: center !important;
        display: flex !important;
    }
    
    footer.footer .list-inline {
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
    
    footer.footer .nav {
        justify-content: center !important;
        margin-bottom: 12px !important;
    }
    
    footer.footer .copyright {
        text-align: center !important;
        font-size: 12px !important;
    }
    
    /* ── TLD fiyat tablosu — GERÇEK YAPI: tablo değil, DIV-GRID! ──
       HTML: .tld-pricing-header > .col-md-4 (Alan Adı) + .col-md-8 > 3x .col-4
       Veri satırları da aynı düzende. Mobilde col-md-* tam genişlik olunca
       (+ bizim genel full-width kuralı col-4'leri de %100 yapınca) her şey
       alt alta dağılıyordu. Çözüm: bu grid'i yüzdelik kolonlarla yan yana tut. */
    
    /* Sol kolon (Alan Adı / .com / .net) %30 */
    #order-standard_cart .tld-pricing-header > .col-md-4,
    #order-standard_cart .bg-white .row.no-gutters > .col-md-4,
    .tld-pricing-header > .col-md-4 {
        flex: 0 0 30% !important;
        max-width: 30% !important;
        width: 30% !important;
        display: flex !important;
        align-items: center !important;
        text-align: left !important;
        padding: 8px 6px !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        word-break: break-all !important;
    }
    
    /* Sağ blok (fiyatlar) %70 */
    #order-standard_cart .tld-pricing-header > .col-md-8,
    #order-standard_cart .bg-white .row.no-gutters > .col-md-8,
    .tld-pricing-header > .col-md-8 {
        flex: 0 0 70% !important;
        max-width: 70% !important;
        width: 70% !important;
    }
    
    /* İç 3 fiyat kolonu (Yeni Fiyat / Transfer / Yenileme) 3'lü yan yana */
    #order-standard_cart .tld-pricing-header .col-4,
    #order-standard_cart .tld-pricing-header .col-xs-4,
    #order-standard_cart .bg-white .row.no-gutters .col-4,
    #order-standard_cart .bg-white .row.no-gutters .col-xs-4 {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
        width: 33.333% !important;
        font-size: 12px !important;
        padding: 8px 2px !important;
        text-align: center !important;
        word-break: normal !important;
        white-space: normal !important;
    }
    
    /* Satırlar yan yana düzeni korusun (genel wrap kuralını ez).
       NOT: display:flex BURADA KULLANILMAZ! WHMCS kategori filtresi satırları
       display:none ile gizliyor; flex'e zorlamak TÜM TLD'leri açığa çıkarıyordu.
       Bootstrap .row zaten flex — sadece wrap davranışını düzeltiyoruz. */
    #order-standard_cart .tld-pricing-header,
    #order-standard_cart .bg-white > .row.no-gutters,
    #order-standard_cart .bg-white .row.no-gutters {
        flex-wrap: nowrap !important;
        width: 100% !important;
        margin: 0 !important;
        align-items: stretch !important;
    }
    
    /* ── Ayarlanabilen Seçenekler mobilde (configurable options kartları) ── */
    /* MOBİL TAŞMA FİX (GÜÇLENDİRİLDİ): sayfa sola kayıyordu.
       Tüm sipariş sayfası zincirinde yatay taşmayı kes + Bootstrap .row
       negatif margin'ini sıfırla. */
    #main-body,
    #main-body .container,
    #main-body .container > .row,
    #order-standard_cart,
    #order-standard_cart > .row,
    #order-standard_cart .cart-body,
    #order-standard_cart .secondary-cart-body,
    #order-standard_cart .secondary-cart-sidebar,
    #order-standard_cart .product-configurable-options,
    #order-standard_cart form {
        max-width: 100% !important;
        overflow-x: hidden !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Bootstrap .row negatif margin (-15px) yatay scroll yapıyor → sıfırla */
    #order-standard_cart .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Sipariş sayfası container/içerik padding'ini azalt - kartlar kenarlara
       yaklaşsın (fazla içeri sıkışmıştı). */
    #main-body > .container {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    
    #order-standard_cart .col-12.primary-content,
    #order-standard_cart .cart-body,
    #order-standard_cart .secondary-cart-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    #order-standard_cart .cart-body > form > .row {
        display: block !important;
        gap: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Lacivert başlık barlarının negatif margin'i mobilde taşmasın */
    #order-standard_cart .product-configurable-options .form-group > label[for^="inputConfigOption"] {
        margin-left: -14px !important;
        margin-right: -14px !important;
    }
    
    /* Sipariş yapılandırma: içerik + özet mobilde alt alta tam genişlik */
    #order-standard_cart .secondary-cart-body,
    #order-standard_cart .secondary-cart-sidebar {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    
    #order-standard_cart .product-configurable-options > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex-direction: column !important;
    }
    
    #order-standard_cart .product-configurable-options > .row > .col-sm-6,
    #order-standard_cart .product-configurable-options > .row > [class*="col-"],
    #order-standard_cart .product-configurable-options > .row > .form-group {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    #order-standard_cart .product-configurable-options .form-group {
        padding: 14px !important;
    }
    
    #order-standard_cart .product-configurable-options .form-group > label:not([for]) {
        padding: 12px !important;
        font-size: 14px !important;
    }
    
    /* ── Domain register sarı banner (cart.php?a=add&domain=register) ──
       Mobilde arama kutusu + captcha sola kaymıştı; ortala + taşmayı engelle. */
    .domain-checker-container,
    .domain-checker-bg {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    
    .domain-checker-bg .row,
    .domain-checker-container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* offset'li kolonlar mobilde tam genişlik + ortalı */
    .domain-checker-bg [class*="col-"],
    .domain-checker-container [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Arama input + buton grubu tam genişlik, ortalı */
    #frmDomainChecker .input-group,
    .domain-checker-bg .input-group {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }
    
    #frmDomainChecker .input-group .form-control,
    .domain-checker-bg .input-group .form-control {
        width: 100% !important;
        min-width: 0 !important;
    }
    
    /* Captcha kutusu ortalı */
    .domain-checker-bg .captcha-row,
    #capatchaContainer,
    .domain-checker-bg .text-center img,
    .domain-checker-bg img[src*="captcha"] {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
    }
    
    /* ── Sipariş formu (cart.php) Kategoriler paneli ──
       HTML: <div class="panel card card-sidebar mb-3 panel-sidebar">
       Mobilde panel daralıp yazılar harf harf bölünüyordu (dikey).
       ASIL SORUN: paneli saran KOLON dar kalıyordu (col-3 gibi).
       Çözüm: hem paneli hem saran kolonu full genişlik yap. */
    .panel-sidebar,
    .card-sidebar.panel-sidebar,
    .panel.card.card-sidebar.panel-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        margin-bottom: 16px !important;
    }
    
    /* :has() ile panel-sidebar'ı içeren kolonu full genişlik yap (modern tarayıcılar) */
    .row > [class*="col-"]:has(.panel-sidebar),
    .row > [class*="col-"]:has(> .panel-sidebar),
    [class*="col-"]:has(.panel-sidebar),
    [class*="col-"]:has(> .panel.panel-sidebar),
    div:has(> .panel-sidebar) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    
    /* Order form layout - sidebar ve içerik alt alta (stack) */
    #order-standard_cart .row,
    #frmConfigureProduct .row,
    .order-form .row,
    .orderform .row,
    .order-page .row {
        flex-wrap: wrap !important;
    }
    
    /* Sipariş formu TÜM kolonları tam genişlik (col-3, col-md-3, col-lg-3 dahil) */
    #order-standard_cart .row > [class*="col-"],
    .order-form .row > [class*="col-"],
    .orderform .row > [class*="col-"],
    .order-page .row > [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* Genel: col-3 / col-2 gibi responsive olmayan dar kolonlar mobilde full
       (sadece içinde sidebar/panel olan order alanlarında) */
    .order-content .col-3,
    .order-content .col-2,
    .order-content .col-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    /* Kategoriler paneli içindeki linkler düzgün, kırılmadan */
    .panel-sidebar .list-group-item,
    .panel-sidebar a {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }
    
    /* ── MOBİL TABLO UYUMU (Alan Adları, Ürünlerim, Faturalar listeleri) ── */
    /* WHMCS tabloları mobilde yatay taşıyordu. Yatay kaydırma sarmalı ekle. */
    .table-responsive,
    .table-container,
    #tableServicesList_wrapper,
    #tableDomainsList_wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Tablonun KENDİSİ scroll edilebilir olsun (wrapper olmasa bile).
       display:block + overflow-x:auto ile tablo sayfayı taşırmaz,
       kendi içinde yatay kayar. */
    .primary-content .table,
    .primary-content table.table,
    #main-body .table,
    .card .table {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Tablo içeriği taşma sınırında kalsın, sayfayı genişletmesin */
    .primary-content,
    #main-body .primary-content,
    .col-lg-8.primary-content,
    .col-xl-9.primary-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* DataTables üst kısmı (arama, uzunluk seçimi) mobilde dikey */
    .dataTables_wrapper .row {
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        text-align: left !important;
        width: 100% !important;
    }
    
    .dataTables_wrapper .dataTables_filter input {
        width: 100% !important;
        margin-left: 0 !important;
    }
    
    /* ── Aktif Ürün/Hizmetler bölümü mobilde (GERÇEK class .div-service-*) ──
       Hizmet butonları (cPanel'e Giriş Yap, Detayları Görüntüle) tam genişlik. */
    .div-service-buttons {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin-top: 12px !important;
    }
    
    .div-service-buttons .btn,
    .div-service-buttons .btn-view-details {
        display: block !important;
        width: 100% !important;
        margin: 6px 0 !important;
        text-align: center !important;
        white-space: normal !important;
        font-size: 13px !important;
    }
    
    /* İç içe dropdown mobilde de gizli (kullanıcı tercihi) */
    .btn-group.btn-group-sm > .btn-group,
    .btn-group > .btn-group {
        display: none !important;
    }
    
    /* Hizmet satırı mobilde dikey */
    .div-service-item {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        text-align: center !important;
    }
    
    .div-service-status {
        margin: 11px auto !important;
        text-align: center !important;
    }
    
    /* ── Alan adı sayfası üst aksiyon butonları (Nameserver Yönetimi vs) ── */
    /* Gerçek HTML: #tableDomainsList, .domain-actions-row vb. içindeki butonlar.
       Mobilde tam genişlik, alt alta, okunaklı. */
    #tableDomainsList .btn-group,
    #tableServicesList .btn-group,
    .domain-management-actions .btn-group,
    .domain-actions-row .btn-group,
    .bulk-action-btns .btn-group,
    #domain-actions .btn-group {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        gap: 8px !important;
    }
    
    #tableDomainsList .btn-group > .btn,
    #tableServicesList .btn-group > .btn,
    .domain-management-actions .btn-group > .btn,
    .domain-actions-row .btn-group > .btn,
    .bulk-action-btns .btn-group > .btn {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }
    
    /* Nested "Daha Fazla..." dropdown butonu tam genişlik */
    #tableDomainsList .btn-group > .btn-group,
    .domain-management-actions .btn-group > .btn-group {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }
    
    #tableDomainsList .btn-group > .btn-group > .dropdown-toggle,
    .domain-management-actions .btn-group > .btn-group > .dropdown-toggle {
        width: 100% !important;
    }
    
    /* Dropdown menü tam genişlik açılsın (sadece alan adı bulk aksiyonları) */
    #tableDomainsList .btn-group .dropdown-menu,
    .domain-management-actions .btn-group .dropdown-menu {
        width: 100% !important;
    }
    
    /* Eski genel kurallar (varsa) */
    .domain-action-btns,
    .btn-toolbar,
    .panel-actions,
    .domain-management-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        overflow-x: visible !important;
    }
    
    /* Domain yönetim aksiyon kartları (Nameserver Yönetimi, İletişim Düzenle,
       Alan Adlarını Yenile, Daha...) - yatay kaydırma yerine 2'li grid */
    .domain-overview-actions,
    .domain-actions-row,
    .clientarea-action-cards {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        overflow: visible !important;
        white-space: normal !important;
    }
    
    .domain-overview-actions > *,
    .domain-actions-row > * {
        width: auto !important;
        min-width: 0 !important;
        flex: none !important;
    }
    
    .domain-action-btns > *,
    .btn-toolbar > * {
        flex: 0 0 auto !important;
    }
    
    /* WHMCS slick/carousel tarzı yatay buton kaydırıcı varsa wrap'e zorla */
    .clientarea-actions,
    .actions-wrapper {
        flex-wrap: wrap !important;
        overflow: visible !important;
    }
    
    /* Sayfalama (Toplam X sayfa) ortalı */
    .dataTables_info,
    .dataTables_paginate {
        text-align: center !important;
        float: none !important;
        width: 100% !important;
    }
}

/* Küçük mobil (≤576px) */
@media (max-width: 576px) {
    /* Login form mobilde */
    .login-form,
    form.login-form {
        margin: 20px auto !important;
        padding: 0 12px !important;
    }
    
    .login-form .card-body {
        padding: 28px 22px !important;
    }
    
    .login-form .card-body h6,
    .login-form .card-body .h3 {
        font-size: 1.5rem !important;
    }
    
    .login-form .card-footer {
        padding: 14px 22px !important;
    }
    
    /* Giriş butonu ve Beni hatırla mobile dikey */
    .login-form .float-left {
        display: block !important;
        width: 100% !important;
        margin-bottom: 14px !important;
    }
    
    .login-form .float-left .btn-primary {
        width: 100% !important;
    }
    
    .login-form .text-right {
        text-align: center !important;
        display: block !important;
    }
    
    /* Stat tiles - 576px altında da 2x2 grid */
    .tiles .row.no-gutters > .col-6,
    .tiles .row.no-gutters > [class*="col-"] {
        flex: 0 0 calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        padding: 0 !important;
    }
    
    .tile {
        min-height: 82px !important;
        padding: 14px !important;
    }
    
    .tile .stat {
        font-size: 24px !important;
    }
    
    .tile .title {
        font-size: 10px !important;
    }
    
    .tile > i {
        font-size: 18px !important;
        top: 12px !important;
        right: 12px !important;
        opacity: 0.35 !important;
    }
    
    /* Iki kart yan yana yerine üst üste */
    #main-body .col-md-6.col-lg-12.col-xl-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    /* Card body padding daha az */
    .card-body {
        padding: 14px !important;
    }
    
    .client-home-cards .card-header {
        padding: 12px 16px !important;
    }
    
    .client-home-cards .card-body {
        padding: 14px 16px !important;
    }
    
    .sidebar .card-body {
        padding: 14px !important;
    }
    
    .sidebar .card-header {
        padding: 12px 14px !important;
    }
    
    .sidebar .card-header h3,
    .sidebar .card-header .card-title {
        font-size: 13px !important;
    }
    
    .sidebar .card-footer {
        padding: 12px 14px !important;
    }
    
    /* Footer 2 sütun yerine 1 sütun */
    .footer-section .middle-portion .row > [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    
    .footer-section .middle-portion .links,
    .footer-section .middle-portion .use-link,
    .footer-section .middle-portion .icon {
        text-align: center !important;
    }
    
    .footer-section .middle-portion .links ul,
    .footer-section .middle-portion .use-link ul {
        display: block !important;
        width: fit-content !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left !important;
    }
    
    /* İletişim adresleri - GERÇEK YAPI:
       .icon > ul.list-unstyled > li.text > (i + p.address/a)
       Blok ortada, ikon+metin bitişik. fit-content+margin:auto = kesin ortalı. */
    .footer-section .middle-portion .icon {
        text-align: center !important;
    }
    
    .footer-section .middle-portion .icon ul,
    .footer-section .middle-portion .icon ul.list-unstyled {
        display: block !important;
        width: 100% !important;
        max-width: 300px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        padding: 0 !important;
        list-style: none !important;
    }
    
    .footer-section .middle-portion .icon ul li,
    .footer-section .middle-portion .icon ul li.text {
        justify-content: center !important;
        align-items: flex-start !important;
        text-align: center !important;
        width: 100% !important;
        margin-bottom: 14px !important;
        display: flex !important;
        gap: 10px !important;
    }
    
    /* İkon metnin hemen solunda, kaymasın */
    .footer-section .middle-portion .icon ul li i,
    .footer-section .middle-portion .icon ul li.text > i {
        flex-shrink: 0 !important;
        margin-top: 3px !important;
        width: 16px !important;
    }
    
    /* Adres metni ve linkler - 2 satır adres de ortalı */
    .footer-section .middle-portion .icon ul li .address,
    .footer-section .middle-portion .icon ul li p,
    .footer-section .middle-portion .icon ul li a {
        line-height: 1.5 !important;
        font-size: 13px !important;
        margin: 0 !important;
        text-align: center !important;
    }
    
    /* Kısayol/Navigasyon linklerini de aynı yöntemle kesin ortala */
    .footer-section .middle-portion .links ul,
    .footer-section .middle-portion .use-link ul {
        display: block !important;
        width: fit-content !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left !important;
    }
    
    .footer-section .middle-portion h4,
    .footer-section .middle-portion .heading {
        text-align: center !important;
        margin-bottom: 14px !important;
    }
    
    /* Banner */
    .hostiko-banner-whmcs {
        padding: 32px 0 40px !important;
    }
    
    .hostiko-banner-whmcs .title-heading,
    .hostiko-banner-whmcs h1 {
        font-size: 1.375rem !important;
    }
    
    /* Search bar mobilde gizle */
    #header.header .topbar .logged_in_search {
        display: none !important;
    }
    
    /* Notification kompakt */
    #header.header .topbar #accountNotifications {
        font-size: 11px !important;
    }
}

/* Çok küçük (≤400px) - extra kompakt */
@media (max-width: 400px) {
    .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    .tile {
        min-height: 74px !important;
        padding: 12px 10px !important;
    }
    
    .tile .stat {
        font-size: 22px !important;
    }
    
    .tile .title {
        font-size: 9px !important;
        letter-spacing: 0.02em !important;
        line-height: 1.2 !important;
    }
    
    .tile > i {
        font-size: 15px !important;
        top: 10px !important;
        right: 10px !important;
        opacity: 0.3 !important;
    }
    
    /* Notifications text gizle, sadece icon kalsın */
    #header.header .topbar #accountNotifications .d-none.d-sm-inline,
    #header.header .topbar #accountNotifications {
        font-size: 11px !important;
        padding: 5px 8px !important;
    }
}

/* ─────────────────────────────────────────────────────────────────────
 * SELECTION
 * ───────────────────────────────────────────────────────────────────── */
/* NOT: Global ::-webkit-scrollbar override kaldırıldı.
   Sayfanın ana scroll bar'ı çok kalın görünüyordu, artık tarayıcının
   orijinal/varsayılan scroll bar'ı kullanılıyor. */

::selection {
    background: var(--ac-primary);
    color: white;
}

/* ─────────────────────────────────────────────────────────────────────
 * PARENT THEME (twenty-one) STİLLERİNİ EZ
 * ───────────────────────────────────────────────────────────────────── */
:root {
    --global--color-primary: var(--ac-dark) !important;
    --global--color-accent: var(--ac-primary) !important;
    --global--color-strong-blue: var(--ac-primary) !important;
    --global--color-very-lime-green: var(--ac-primary) !important;
    --global--color-text: var(--ac-text) !important;
    --global--color-background-color: var(--ac-bg) !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * CHECKOUT (cart.php?a=checkout) - TELEFON INPUT + FRAUD/KİLİT DÜZELTMESİ
 * WHMCS twenty-one standart yapısına göre.
 * ───────────────────────────────────────────────────────────────────── */

/* Telefon inputu: intl-tel-input (.iti) WHMCS'in tüm telefon alanlarını sarar.
   Bayrak konteyneri input'un soluna absolute oturur; input'a sol padding
   GEREKİR ki metin bayrağın altında kalmasın. Bizim genel .prepend-icon /
   .field padding kuralı bunu eziyordu — burada güçlü override veriyoruz. */
.iti {
    display: block !important;
    width: 100% !important;
    position: relative !important;
}

/* Telefon input'una bayrak+kod için yeterli sol boşluk (her ihtimale karşı geniş) */
.iti > input,
.iti > input[type="tel"],
.iti input#inputPhone,
input[name="phonenumber"],
#inputPhone,
.iti-container input {
    padding-left: 90px !important;
    text-indent: 0 !important;
    background-image: none !important;
}

/* Bayrak/ülke kodu konteyneri en solda, input'un üstünde */
.iti__flag-container,
.iti .iti__flag-container,
.intl-tel-input .flag-container {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 5 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.iti__selected-flag,
.intl-tel-input .selected-flag {
    display: flex !important;
    align-items: center !important;
    padding: 0 10px 0 14px !important;
    background: transparent !important;
    height: 100% !important;
}

/* Telefon, .prepend-icon (sol ikon) sarmalı içindeyse: o ikonu gizle
   (iti zaten kendi bayrağını koyuyor) ve .field padding'ini iti'ye bırak */
.prepend-icon:has(.iti) > .field-icon,
.prepend-icon:has(input[name="phonenumber"]) > .field-icon,
.prepend-icon:has(input#inputPhone) > .field-icon {
    display: none !important;
}

/* Telefon input'u .field class'ı da taşıyorsa, ona verdiğimiz 42px sol
   padding'i telefon için iptal et (iti'nin 90px'i geçerli olsun) */
.iti input.field,
input.field[name="phonenumber"],
input.field#inputPhone {
    padding-left: 90px !important;
}

/* ── Fraud/dolandırıcılık uyarısı + kilit ikonu hizası ──
   WHMCS standart: .fraud-notice / #fraudLabel, içinde <i class="fa-lock fa-2x">.
   Kilit ikonu sola taşıyordu; kutuyu flex'le düzgün hizala. */
.fraud-notice,
#fraudLabel,
.checkout-fraud-notice,
.recording-notice,
.alert:has(> .fa-lock),
.alert:has(> i.fa-lock) {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    max-width: 100% !important;
    padding: 16px 20px !important;
}

.fraud-notice > .fa-lock,
.fraud-notice i.fa-lock,
#fraudLabel .fa-lock,
#fraudLabel i.fa-lock,
.recording-notice i.fa-lock,
.alert .fa-lock {
    flex-shrink: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    color: #8B5A2B !important;
    margin: 0 !important;
    align-self: center !important;
}


/* ================================================================
   v55 — Durum filtreleri tablo ustunde (pill bar)
   Hizmetler / Alan Adlari / Faturalar sayfalarinda sidebar'daki
   .view-filter-btns karti gizlenir, filtreler tablonun ustune tasinir.
   ================================================================ */

.ac-hidden-filter { display: none !important; }

.ac-filter-bar {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 4px 2px 10px;
    margin-bottom: 4px;
    scrollbar-width: none;
}
.ac-filter-bar::-webkit-scrollbar { display: none; }

.ac-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    background: var(--ac-bg-card, #fff);
    border: 1px solid var(--ac-border, #E2E8F0);
    border-radius: var(--ac-radius-full, 999px);
    padding: 8px 15px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ac-text, #475569);
    line-height: 1;
    cursor: pointer;
    transition: var(--ac-transition, all .2s ease);
    box-shadow: var(--ac-shadow-xs, 0 1px 2px rgba(15,23,42,.04));
}
.ac-pill:hover {
    border-color: var(--ac-primary-light, #3B82F6);
    color: var(--ac-primary, #2563EB);
    background: var(--ac-primary-bg, #EFF6FF);
}
.ac-pill.active {
    background: var(--ac-primary, #2563EB);
    border-color: var(--ac-primary, #2563EB);
    color: #fff;
    box-shadow: 0 2px 10px rgba(37, 99, 235, .22);
}

.ac-pill-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--ac-radius-full, 999px);
    background: var(--ac-primary-bg, #EFF6FF);
    color: var(--ac-primary, #2563EB);
    font-size: 11.5px;
    font-weight: 700;
}
.ac-pill.active .ac-pill-badge { background: rgba(255,255,255,.22); color: #fff; }
.ac-pill.ac-empty { opacity: .55; }

@media (max-width: 575px) {
    .ac-pill { padding: 6px 12px; font-size: 12.5px; }
}


/* ================================================================
   v56 — Sidebar bilgilendirme karti (donen ipuclari)
   ================================================================ */
.ac-tip-card .card-body {
    padding: 16px 18px !important;
}
.ac-tip-item {
    display: none;
}
.ac-tip-item.active {
    display: block;
    animation: acTipIn .35s ease;
}
@keyframes acTipIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: none; }
}
.ac-tip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--ac-radius, 8px);
    background: var(--ac-primary-bg, #EFF6FF);
    color: var(--ac-primary, #2563EB);
    font-size: 15px;
    margin-bottom: 10px;
}
.ac-tip-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--ac-dark, #0F172A) !important;
    margin: 0 0 4px !important;
    line-height: 1.35 !important;
}
.ac-tip-text {
    font-size: 12.8px;
    color: var(--ac-text-light, #64748B);
    line-height: 1.55;
    margin: 0;
}
.ac-tip-text a { color: var(--ac-primary, #2563EB); font-weight: 600; }
.ac-tip-dots {
    display: flex;
    gap: 5px;
    margin-top: 14px;
}
.ac-tip-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ac-border, #E2E8F0);
    cursor: pointer;
    transition: var(--ac-transition, all .2s ease);
}
.ac-tip-dot.active {
    background: var(--ac-primary, #2563EB);
    width: 18px;
    border-radius: 3px;
}

/* ================================================================
   v56 — Isletim sistemi kart rozetleri (Ucretsiz / Deneme)
   ================================================================ */
.ac-os-card { min-height: 140px !important; gap: 8px !important; }
.ac-os-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
    margin-top: 2px !important;
}
.ac-os-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 2px 8px !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    letter-spacing: .1px !important;
    white-space: nowrap !important;
}
.ac-os-badge.free {
    background: rgba(16, 185, 129, .12) !important;
    color: #047857 !important;
}
.ac-os-badge.trial {
    background: rgba(245, 158, 11, .14) !important;
    color: #B45309 !important;
}
@media (max-width: 768px) {
    .ac-os-card { min-height: 128px !important; }
    .ac-os-badge { font-size: 9.5px !important; padding: 2px 6px !important; }
}


/* ================================================================
   v57 — Sidebar secili item: kart basligiyla ayni maviydi, ayrisiyor
   ================================================================ */
.sidebar .list-group-item.active,
.sidebar a.list-group-item.active,
.sidebar .list-group-item-action.active,
.panel-sidebar .list-group-item.active {
    background: var(--ac-primary-bg, #EFF6FF) !important;
    color: var(--ac-primary-dark, #1E40AF) !important;
    border-color: var(--ac-border-light, #F1F5F9) !important;
    border-left: 3px solid var(--ac-primary, #2563EB) !important;
    padding-left: 17px !important;
    font-weight: 700 !important;
}

.sidebar .list-group-item.active i,
.sidebar .list-group-item.active .fa,
.sidebar .list-group-item.active .fas,
.sidebar .list-group-item.active .sidebar-menu-item-icon,
.sidebar .list-group-item.active .sidebar-menu-item-label,
.panel-sidebar .list-group-item.active i,
.panel-sidebar .list-group-item.active .sidebar-menu-item-label {
    color: var(--ac-primary-dark, #1E40AF) !important;
}

.sidebar .list-group-item.active:hover,
.panel-sidebar .list-group-item.active:hover {
    background: var(--ac-primary-soft, #DBEAFE) !important;
    color: var(--ac-primary-dark, #1E40AF) !important;
    padding-left: 20px !important;
}

/* Secili item sag tarafinda kucuk isaret */
.sidebar .list-group-item.active .sidebar-menu-item-wrapper::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    margin-left: auto;
    font-size: 10px;
    opacity: .55;
}

/* ================================================================
   v57 — Sidebar "Yardim / Hizli erisim" karti
   ================================================================ */
.ac-help-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
}
.ac-help-link {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    border-radius: var(--ac-radius, 8px);
    background: var(--ac-bg, #F8FAFC);
    border: 1px solid var(--ac-border-light, #F1F5F9);
    color: var(--ac-text, #475569) !important;
    font-size: 12.8px;
    font-weight: 600;
    text-decoration: none !important;
    transition: var(--ac-transition, all .2s ease);
}
.ac-help-link:hover {
    background: var(--ac-primary-bg, #EFF6FF);
    border-color: var(--ac-primary-light, #3B82F6);
    color: var(--ac-primary-dark, #1E40AF) !important;
    transform: translateX(2px);
}
.ac-help-link i {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--ac-primary-bg, #EFF6FF);
    color: var(--ac-primary, #2563EB);
    font-size: 12px;
    flex-shrink: 0;
}
.ac-help-link small {
    display: block;
    font-weight: 500;
    font-size: 11px;
    color: var(--ac-muted, #94A3B8);
}

/* ================================================================
   v57 — Isletim sistemi gruplari (Windows Server / Windows / Linux ...)
   ================================================================ */
.ac-os-groups { margin-top: 6px; }

.ac-os-group + .ac-os-group { margin-top: 18px; }

.ac-os-group-head {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 9px 12px !important;
    margin-bottom: 10px !important;
    background: var(--ac-bg, #F8FAFC) !important;
    border: 1px solid var(--ac-border-light, #F1F5F9) !important;
    border-left: 3px solid var(--ac-primary, #2563EB) !important;
    border-radius: var(--ac-radius, 8px) !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: var(--ac-transition, all .2s ease) !important;
}
.ac-os-group-head:hover { background: var(--ac-primary-bg, #EFF6FF) !important; }

.ac-os-group-head i.ac-os-group-icon {
    color: var(--ac-primary, #2563EB) !important;
    font-size: 13px !important;
}
.ac-os-group-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--ac-dark, #0F172A) !important;
}
.ac-os-group-count {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--ac-primary, #2563EB) !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    padding: 1px 8px !important;
}
.ac-os-group-caret {
    margin-left: auto !important;
    font-size: 11px !important;
    color: var(--ac-muted, #94A3B8) !important;
    transition: transform .2s ease !important;
}
.ac-os-group.collapsed .ac-os-group-caret { transform: rotate(-90deg) !important; }
.ac-os-group.collapsed .ac-os-grid { display: none !important; }


/* ================================================================
   v58 — Siparis sayfasi urun ozellik karti (modern spec grid)
   ================================================================ */
#order-standard_cart .product-info {
    background: linear-gradient(135deg, #16294B 0%, #0F1B36 55%, #1E3A5F 100%) !important;
    border-radius: var(--ac-radius-xl, 16px) !important;
    padding: 24px 24px 22px !important;
    margin-bottom: 26px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 12px 28px -12px rgba(15, 27, 54, .45) !important;
}

/* Sag ustte hafif isik lekesi */
#order-standard_cart .product-info::after {
    content: "" !important;
    position: absolute !important;
    top: -70px !important;
    right: -50px !important;
    width: 220px !important;
    height: 220px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(59,130,246,.28) 0%, rgba(59,130,246,0) 70%) !important;
    pointer-events: none !important;
}

#order-standard_cart .product-info .product-title {
    font-size: 21px !important;
    margin-bottom: 4px !important;
    position: relative !important;
    z-index: 1 !important;
}

.ac-spec-sub {
    display: block !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,.55) !important;
    margin-bottom: 16px !important;
    position: relative !important;
    z-index: 1 !important;
}

.ac-spec-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 10px !important;
    position: relative !important;
    z-index: 1 !important;
}

.ac-spec {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    padding: 11px 13px !important;
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: var(--ac-radius-md, 10px) !important;
    transition: var(--ac-transition, all .2s ease) !important;
}
.ac-spec:hover {
    background: rgba(255, 255, 255, .11) !important;
    border-color: rgba(96, 165, 250, .45) !important;
    transform: translateY(-1px) !important;
}

.ac-spec-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    flex-shrink: 0 !important;
    border-radius: 9px !important;
    background: rgba(96, 165, 250, .16) !important;
    color: #93C5FD !important;
    font-size: 14px !important;
}

.ac-spec-body { min-width: 0 !important; line-height: 1.25 !important; }

.ac-spec-val {
    display: block !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: -.2px !important;
}
.ac-spec-lbl {
    display: block !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,.6) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

@media (max-width: 575px) {
    #order-standard_cart .product-info { padding: 20px 16px 18px !important; }
    .ac-spec-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .ac-spec { padding: 9px 10px !important; gap: 8px !important; }
    .ac-spec-ico { width: 28px !important; height: 28px !important; font-size: 12px !important; }
    .ac-spec-val { font-size: 13px !important; }
    .ac-spec-lbl { font-size: 10.5px !important; }
}

/* ================================================================
   v58 — Hizmetler tablosu: urun tipi / isletim sistemi ikonu
   ================================================================ */
.ac-svc-cell {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    text-align: left !important;
}
.ac-svc-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    flex-shrink: 0 !important;
    border-radius: var(--ac-radius, 8px) !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
    border: 1px solid var(--ac-border-light, #F1F5F9) !important;
    color: var(--ac-primary, #2563EB) !important;
    font-size: 15px !important;
    overflow: hidden !important;
}
.ac-svc-ico img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
}
.ac-svc-ico.loading { opacity: .55 !important; }
.ac-svc-text { min-width: 0 !important; }

@media (max-width: 575px) {
    .ac-svc-ico { width: 32px !important; height: 32px !important; font-size: 13px !important; }
    .ac-svc-ico img { width: 18px !important; height: 18px !important; }
}


/* ================================================================
   v61 — Hizmetlerim: SSL kilit sutunu kaldirildi (artik urun ikonu var)
   ================================================================ */
#tableServicesList td[data-type="service"],
#tableServicesList thead th:first-child {
    width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
#tableServicesList td[data-type="service"] img,
#tableServicesList td[data-type="service"] .ssl-info,
#tableServicesList td.ssl-info img {
    display: none !important;
}


/* ================================================================
   v62 — Urun listeleme kartlari (cart.php) modernize
   ================================================================ */
#order-standard_cart .products .product,
#order-standard_cart #products .product {
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    border-radius: var(--ac-radius-xl, 16px) !important;
    background: var(--ac-bg-card, #fff) !important;
    box-shadow: var(--ac-shadow-sm, 0 1px 3px rgba(15,23,42,.06)) !important;
    overflow: hidden !important;
    transition: var(--ac-transition, all .25s ease) !important;
}
#order-standard_cart .products .product:hover {
    transform: translateY(-3px) !important;
    border-color: var(--ac-primary-light, #3B82F6) !important;
    box-shadow: 0 14px 30px -16px rgba(37, 99, 235, .45) !important;
}

#order-standard_cart .products .product .header,
#order-standard_cart .products .product > h3,
#order-standard_cart .products .product .product-header {
    background: linear-gradient(135deg, #16294B 0%, #1E3A5F 100%) !important;
    border-bottom: 0 !important;
    padding: 16px 20px !important;
}
#order-standard_cart .products .product .header *,
#order-standard_cart .products .product > h3,
#order-standard_cart .products .product .product-header * {
    color: #fff !important;
    font-weight: 700 !important;
}

/* Ozellik satirlari */
.ac-feat-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
}
.ac-feat {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 7px 9px !important;
    border-radius: var(--ac-radius, 8px) !important;
    transition: var(--ac-transition, all .18s ease) !important;
}
.ac-feat:hover { background: var(--ac-primary-bg, #EFF6FF) !important; }

.ac-feat-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    flex-shrink: 0 !important;
    border-radius: 8px !important;
    background: var(--ac-bg, #F8FAFC) !important;
    border: 1px solid var(--ac-border-light, #F1F5F9) !important;
    font-size: 12px !important;
}
.ac-feat:hover .ac-feat-ico {
    background: #fff !important;
    border-color: var(--ac-primary-light, #3B82F6) !important;
}
.ac-feat-ico i { font-size: 12.5px !important; }

.ac-feat-txt {
    font-size: 13.2px !important;
    color: var(--ac-text-light, #64748B) !important;
    line-height: 1.35 !important;
}
.ac-feat-txt b {
    color: var(--ac-dark, #0F172A) !important;
    font-weight: 700 !important;
}

@media (max-width: 575px) {
    .ac-feat { padding: 6px 7px !important; gap: 8px !important; }
    .ac-feat-ico { width: 24px !important; height: 24px !important; }
    .ac-feat-txt { font-size: 12.4px !important; }
}


/* ================================================================
   v63 — Urun karti: gradient baslik, 2 sutun ozellik, alt fiyat serisi
   ================================================================ */
#order-standard_cart .ac-pcard {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    border-radius: var(--ac-radius-xl, 16px) !important;
    background: var(--ac-bg-card, #fff) !important;
    box-shadow: var(--ac-shadow-sm, 0 1px 3px rgba(15,23,42,.06)) !important;
    transition: var(--ac-transition, all .25s ease) !important;
}
#order-standard_cart .ac-pcard:hover {
    transform: translateY(-4px) !important;
    border-color: var(--ac-primary-light, #3B82F6) !important;
    box-shadow: 0 18px 36px -18px rgba(37, 99, 235, .5) !important;
}

/* Gradient baslik */
#order-standard_cart .ac-pcard .ac-pcard-head {
    background: linear-gradient(135deg, #16294B 0%, #1E3A5F 55%, #2563EB 165%) !important;
    padding: 17px 20px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}
#order-standard_cart .ac-pcard .ac-pcard-head::after {
    content: "" !important;
    position: absolute !important;
    top: -60px !important;
    right: -40px !important;
    width: 160px !important;
    height: 160px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(96,165,250,.30) 0%, rgba(96,165,250,0) 70%) !important;
    pointer-events: none !important;
}
#order-standard_cart .ac-pcard .ac-pcard-head,
#order-standard_cart .ac-pcard .ac-pcard-head * {
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: -.2px !important;
}

/* Ozellikler: iki sutunlu kare alan */
#order-standard_cart .ac-pcard .ac-feat-list {
    padding: 14px 14px 4px !important;
    flex: 1 1 auto !important;
}
#order-standard_cart .ac-pcard .ac-feat-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px 6px !important;
}
#order-standard_cart .ac-pcard .ac-feat {
    align-items: flex-start !important;
}
#order-standard_cart .ac-pcard .ac-feat-txt {
    font-size: 12.6px !important;
}

/* Alt fiyat serisi */
#order-standard_cart .ac-pcard .ac-pcard-foot {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: auto !important;
    padding: 14px 18px 16px !important;
    background: var(--ac-bg, #F8FAFC) !important;
    border-top: 1px solid var(--ac-border-light, #F1F5F9) !important;
}
#order-standard_cart .ac-pcard .ac-pcard-price {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--ac-dark, #0F172A) !important;
    letter-spacing: -.6px !important;
    line-height: 1.15 !important;
}
#order-standard_cart .ac-pcard .ac-pcard-price small,
#order-standard_cart .ac-pcard .ac-pcard-price span {
    display: block !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: var(--ac-muted, #94A3B8) !important;
    letter-spacing: 0 !important;
}
#order-standard_cart .ac-pcard .ac-pcard-btn {
    margin: 0 !important;
    flex-shrink: 0 !important;
    padding: 11px 20px !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 16px -6px rgba(37, 99, 235, .6) !important;
}

@media (max-width: 575px) {
    #order-standard_cart .ac-pcard .ac-pcard-foot {
        flex-direction: column !important;
        align-items: stretch !important;
        text-align: center !important;
    }
    #order-standard_cart .ac-pcard .ac-pcard-price { text-align: center !important; }
    #order-standard_cart .ac-pcard .ac-pcard-btn { width: 100% !important; }
}

/* ================================================================
   v63 — Hizmetlerim tablosunda isletim sistemi etiketi
   ================================================================ */
.ac-svc-os {
    display: inline-block !important;
    margin-top: 3px !important;
    padding: 1px 8px !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    background: var(--ac-bg, #F8FAFC) !important;
    border: 1px solid var(--ac-border-light, #F1F5F9) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--ac-text-light, #64748B) !important;
    white-space: nowrap !important;
}


/* ================================================================
   v64 — Urun karti duzeltmeleri (satir tasmasi, fiyat serisi)
   ================================================================ */
#order-standard_cart .ac-pcard .ac-feat-grid {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    gap: 2px 8px !important;
}
#order-standard_cart .ac-pcard .ac-feat {
    align-items: center !important;
    padding: 7px 8px !important;
    gap: 9px !important;
}
#order-standard_cart .ac-pcard .ac-feat-txt {
    display: block !important;
    min-width: 0 !important;
    line-height: 1.3 !important;
}
.ac-feat-val {
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--ac-dark, #0F172A) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.ac-feat-lbl {
    display: block !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: var(--ac-text-light, #64748B) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.ac-feat-lbl:empty { display: none !important; }

/* Fiyat serisi */
#order-standard_cart .ac-pcard .ac-pcard-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ac-price-amt {
    font-size: 23px !important;
    font-weight: 800 !important;
    color: var(--ac-dark, #0F172A) !important;
    letter-spacing: -.7px !important;
    line-height: 1.1 !important;
}
.ac-price-cyc {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: var(--ac-muted, #94A3B8) !important;
    text-transform: none !important;
}

/* Govdedeki bosluk kalmasin */
#order-standard_cart .ac-pcard .ac-feat-list { padding: 12px 12px 10px !important; }

@media (max-width: 575px) {
    #order-standard_cart .ac-pcard .ac-pcard-price { align-items: center !important; }
}

/* ================================================================
   v64 — Ana sayfa "Eklenen Dosyalar" paneli
   ================================================================ */
.ac-files-card .ac-file-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ac-border-light, #F1F5F9) !important;
    background: transparent !important;
    transition: var(--ac-transition, all .2s ease) !important;
}
.ac-files-card .ac-file-row:last-child { border-bottom: 0 !important; }
.ac-files-card .ac-file-row:hover {
    background: var(--ac-primary-bg, #EFF6FF) !important;
    padding-left: 20px !important;
}

.ac-file-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    border-radius: var(--ac-radius, 8px) !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
    border: 1px solid var(--ac-border-light, #F1F5F9) !important;
    color: var(--ac-primary, #2563EB) !important;
    font-size: 14px !important;
}
.ac-files-card .ac-file-row:hover .ac-file-ico {
    background: #fff !important;
    border-color: var(--ac-primary-light, #3B82F6) !important;
}

.ac-files-card .ac-file-row a {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: var(--ac-dark, #0F172A) !important;
    text-decoration: none !important;
}
.ac-files-card .ac-file-row:hover a { color: var(--ac-primary-dark, #1E40AF) !important; }
.ac-files-card .ac-file-row small,
.ac-files-card .ac-file-row .text-muted {
    display: block !important;
    font-size: 11.5px !important;
    color: var(--ac-muted, #94A3B8) !important;
}


/* ================================================================
   v65 — Ozellik gridi dar kartlarda da 2 sutun kalsin
   ================================================================ */
#order-standard_cart .ac-pcard .ac-feat-grid {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    gap: 2px 6px !important;
}
#order-standard_cart .ac-pcard .ac-feat { padding: 6px 7px !important; gap: 8px !important; }
#order-standard_cart .ac-pcard .ac-feat-ico { width: 26px !important; height: 26px !important; }

/* Deger tek satir, aciklama gerekirse alta sarsin */
.ac-feat-val { font-size: 12.6px !important; }
.ac-feat-lbl {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
}

@media (max-width: 480px) {
    #order-standard_cart .ac-pcard .ac-feat-grid { grid-template-columns: 1fr !important; }
}


/* ================================================================
   v66 — Ozellik gridi sabit 2 sutun (auto-fit kart genisligine takiliyordu)
   ================================================================ */
#order-standard_cart .ac-pcard .ac-feat-list.ac-feat-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2px 4px !important;
}
#order-standard_cart .ac-pcard .ac-feat {
    min-width: 0 !important;
    padding: 5px 6px !important;
    gap: 7px !important;
}
#order-standard_cart .ac-pcard .ac-feat-ico {
    width: 24px !important;
    height: 24px !important;
    border-radius: 7px !important;
}
#order-standard_cart .ac-pcard .ac-feat-ico i { font-size: 11px !important; }
#order-standard_cart .ac-pcard .ac-feat-txt { min-width: 0 !important; }
#order-standard_cart .ac-pcard .ac-feat-val { font-size: 12.2px !important; }
#order-standard_cart .ac-pcard .ac-feat-lbl { font-size: 10.6px !important; }

/* Fiyat kutusu bosaldiysa govdede yer kaplamasin */
#order-standard_cart .ac-pcard .ac-feat-list + div:empty,
#order-standard_cart .ac-pcard div:empty:not(.ac-pcard-foot):not(.ac-pcard-head) {
    display: none !important;
}



/* ================================================================
   v67 — Kart govdesi tam genislik, yazilar kesilmesin, fiyat buyusun
   ================================================================ */
#order-standard_cart .ac-pcard .ac-full,
#order-standard_cart .ac-pcard .ac-feat-list {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
}
#order-standard_cart .ac-pcard::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Iki sutun, rahat araliklar */
#order-standard_cart .ac-pcard .ac-feat-list.ac-feat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 10px !important;
    padding: 14px 14px 12px !important;
}
#order-standard_cart .ac-pcard .ac-feat { padding: 7px 9px !important; gap: 10px !important; }
#order-standard_cart .ac-pcard .ac-feat-ico { width: 30px !important; height: 30px !important; }
#order-standard_cart .ac-pcard .ac-feat-ico i { font-size: 13px !important; }

/* Metinler kesilmesin, gerekirse sarsin */
#order-standard_cart .ac-pcard .ac-feat-val,
#order-standard_cart .ac-pcard .ac-feat-lbl {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}
#order-standard_cart .ac-pcard .ac-feat-val { font-size: 13.4px !important; line-height: 1.25 !important; }
#order-standard_cart .ac-pcard .ac-feat-lbl { font-size: 11.6px !important; line-height: 1.3 !important; }

/* Fiyat: v63'teki genel "span" kurali kucultuyordu */
#order-standard_cart .ac-pcard .ac-pcard-price .ac-price-amt {
    display: block !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--ac-dark, #0F172A) !important;
    letter-spacing: -1px !important;
    line-height: 1.05 !important;
}
#order-standard_cart .ac-pcard .ac-pcard-price .ac-price-cyc {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--ac-muted, #94A3B8) !important;
    margin-top: 2px !important;
}
#order-standard_cart .ac-pcard .ac-pcard-foot { padding: 16px 18px 18px !important; }
#order-standard_cart .ac-pcard .ac-pcard-btn {
    padding: 12px 24px !important;
    font-size: 14.5px !important;
}



/* ================================================================
   v68 — Fiyat olcusu dengelendi
   ================================================================ */
#order-standard_cart .ac-pcard .ac-pcard-price .ac-price-amt {
    font-size: 23px !important;
    letter-spacing: -.6px !important;
}
#order-standard_cart .ac-pcard .ac-pcard-price .ac-price-cyc {
    font-size: 11.5px !important;
}
#order-standard_cart .ac-pcard .ac-pcard-foot { padding: 14px 18px 16px !important; }
#order-standard_cart .ac-pcard .ac-pcard-btn { padding: 11px 22px !important; font-size: 14px !important; }

@media (max-width: 480px) {
    #order-standard_cart .ac-pcard .ac-pcard-price .ac-price-amt { font-size: 21px !important; }
}


/* ================================================================
   v69 — Kart govdesindeki fazla bosluk
   ================================================================ */
#order-standard_cart .ac-pcard { min-height: 0 !important; }
#order-standard_cart .ac-pcard .ac-feat-list.ac-feat-grid {
    padding: 14px 14px 6px !important;
}
#order-standard_cart .ac-pcard .ac-feat-list ~ *:empty { display: none !important; }
#order-standard_cart .ac-pcard .ac-pcard-foot { margin-top: 6px !important; }


/* ================================================================
   v70 — Mobil: ozellikler yine 2 sutun, govde yuksekligi icerige gore
   ================================================================ */
#order-standard_cart .ac-pcard > *:not(.ac-pcard-head):not(.ac-pcard-foot) {
    min-height: 0 !important;
    height: auto !important;
}

@media (max-width: 767px) {
    #order-standard_cart .ac-pcard .ac-feat-list.ac-feat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 2px 6px !important;
        padding: 12px 10px 6px !important;
    }
    #order-standard_cart .ac-pcard .ac-feat { padding: 6px 6px !important; gap: 7px !important; }
    #order-standard_cart .ac-pcard .ac-feat-ico {
        width: 26px !important;
        height: 26px !important;
        border-radius: 7px !important;
    }
    #order-standard_cart .ac-pcard .ac-feat-ico i { font-size: 11px !important; }
    #order-standard_cart .ac-pcard .ac-feat-val { font-size: 12.4px !important; }
    #order-standard_cart .ac-pcard .ac-feat-lbl { font-size: 10.8px !important; }

    /* Alt serit: fiyat ustte, buton tam genislikte */
    #order-standard_cart .ac-pcard .ac-pcard-foot {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        padding: 14px 14px 16px !important;
        text-align: center !important;
    }
    #order-standard_cart .ac-pcard .ac-pcard-price { align-items: center !important; }
    #order-standard_cart .ac-pcard .ac-pcard-price .ac-price-amt { font-size: 24px !important; }
    #order-standard_cart .ac-pcard .ac-pcard-btn { width: 100% !important; }
}

/* Cok dar ekranda (kucuk telefonlar) tek sutuna dus */
@media (max-width: 339px) {
    #order-standard_cart .ac-pcard .ac-feat-list.ac-feat-grid {
        grid-template-columns: 1fr !important;
    }
}


/* ================================================================
   v71 — WHMCS'in kart yuksekligi esitleme scripti bosluk biraktiriyordu
   ================================================================ */
#order-standard_cart .ac-pcard,
#order-standard_cart .ac-pcard * {
    min-height: 0 !important;
}
#order-standard_cart .ac-pcard,
#order-standard_cart .ac-pcard > div,
#order-standard_cart .ac-pcard > p,
#order-standard_cart .ac-pcard .ac-full {
    height: auto !important;
}
#order-standard_cart .ac-pcard .ac-feat-list { margin-bottom: 0 !important; }

/* ================================================================
   v71 — Hizmetlerim: isletim sistemi etiketi IP'ye yapisiyordu
   ================================================================ */
.ac-svc-os {
    margin-left: 8px !important;
    margin-top: 4px !important;
    vertical-align: middle !important;
}
@media (max-width: 767px) {
    .ac-svc-ico { width: 34px !important; height: 34px !important; }
    .ac-svc-cell { gap: 9px !important; }
}


/* ================================================================
   v72 — Alt bosluk: WHMCS <footer>'i absolute basiyor ve .product'a
   alttan padding birakiyordu. Fiyat/buton kendi seridimize tasindigi
   icin o footer'a artik gerek yok.
   ================================================================ */
#order-standard_cart .ac-pcard > footer,
#order-standard_cart .ac-pcard footer.clearfix {
    display: none !important;
}
#order-standard_cart .ac-pcard {
    padding-bottom: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
}
#order-standard_cart .ac-pcard .product-desc,
#order-standard_cart .ac-pcard .ac-full {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#order-standard_cart .ac-pcard .product-desc ul { display: none !important; }

/* Satirlar esit yukseklige zorlamasin, kartlar icerigi kadar olsun */
#order-standard_cart .row-eq-height {
    align-items: flex-start !important;
}
#order-standard_cart .row-eq-height > [class*="col-"] {
    display: block !important;
    height: auto !important;
}


/* ================================================================
   v73 — OS etiketi IP'nin sag yaninda kalsin (alta inip satiri buyutuyordu)
   ================================================================ */
.ac-svc-os {
    display: inline-block !important;
    margin-top: 0 !important;
    margin-left: 8px !important;
    vertical-align: baseline !important;
    padding: 1px 7px !important;
    font-size: 10.5px !important;
}
@media (max-width: 767px) {
    .ac-svc-os {
        margin-left: 6px !important;
        padding: 1px 6px !important;
        font-size: 10px !important;
    }
}

/* ================================================================
   v144 — Hizmetlerim: Metin2, Minecraft, FiveM, Mail, Hosting rozetleri
   ================================================================ */
.ac-svc-os-metin2 {
    background: #FEF2F2 !important;
    border-color: #FECACA !important;
    color: #DC2626 !important;
}
.ac-svc-os-minecraft {
    background: #F0FDF4 !important;
    border-color: #BBF7D0 !important;
    color: #16A34A !important;
}
.ac-svc-os-fivem {
    background: #FFF7ED !important;
    border-color: #FED7AA !important;
    color: #EA580C !important;
}
.ac-svc-os-mail {
    background: #EFF6FF !important;
    border-color: #BFDBFE !important;
    color: #2563EB !important;
}
.ac-svc-os-hosting {
    background: #F8FAFC !important;
    border-color: #E2E8F0 !important;
    color: #475569 !important;
}
[data-theme="dark"] .ac-svc-os-metin2 {
    background: rgba(220, 38, 38, 0.16) !important;
    border-color: rgba(220, 38, 38, 0.32) !important;
    color: #FCA5A5 !important;
}
[data-theme="dark"] .ac-svc-os-minecraft {
    background: rgba(22, 163, 74, 0.16) !important;
    border-color: rgba(22, 163, 74, 0.32) !important;
    color: #86EFAC !important;
}
[data-theme="dark"] .ac-svc-os-fivem {
    background: rgba(234, 88, 12, 0.16) !important;
    border-color: rgba(234, 88, 12, 0.32) !important;
    color: #FDBA74 !important;
}
[data-theme="dark"] .ac-svc-os-mail {
    background: rgba(37, 99, 235, 0.16) !important;
    border-color: rgba(37, 99, 235, 0.32) !important;
    color: #93C5FD !important;
}
[data-theme="dark"] .ac-svc-os-hosting {
    background: rgba(148, 163, 184, 0.14) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    color: #CBD5E1 !important;
}

/* ================================================================
   v149 (aydincloud50) — Alan Adlarım (#tableDomainsList):
   Hizmetlerim ile birebir aynı sola yaslı 38x38 Dünya İkonu ve kusursuz hizalama
   (Sol taraftaki işaretleme kutuları / checkbox sütunu tamamen iptal edildi)
   ================================================================ */
#tableDomainsList .ac-hide-checkbox,
#tableDomainsList th.ac-hide-checkbox,
#tableDomainsList td.ac-hide-checkbox,
#tableDomainsList th:has(input[type="checkbox"]),
#tableDomainsList td:has(input[type="checkbox"]),
#tableDomainsList input[type="checkbox"],
#tableDomainsList .ac-hide-col,
#tableDomainsList thead th.ac-hide-col,
#tableDomainsList tbody td.ac-hide-col,
#tableDomainsList thead th:nth-child(2):empty,
#tableDomainsList tbody td.ssl-info,
.dataTables_scrollHead thead th.ac-hide-col,
.dataTables_scrollHead thead th.ac-hide-checkbox {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    visibility: hidden !important;
}

#tableDomainsList thead th.ac-th-domain,
#tableDomainsList thead th:not(.ac-hide-checkbox):not(.ac-hide-col):first-child,
#tableDomainsList tbody td.ac-dom-td,
#tableDomainsList tbody td:not(.ac-hide-checkbox):not(.ac-hide-col):first-child {
    text-align: left !important;
    vertical-align: middle !important;
    padding-left: 16px !important;
}

.ac-dom-cell {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    text-align: left !important;
    width: 100% !important;
}

.ac-dom-ico {
    flex-shrink: 0 !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    background: #EFF6FF !important;
    border: 1px solid #DBEAFE !important;
    color: #2563EB !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
}

[data-theme="dark"] .ac-dom-ico {
    background: rgba(37, 99, 235, 0.16) !important;
    border-color: rgba(37, 99, 235, 0.32) !important;
    color: #60A5FA !important;
}

.ac-dom-text {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    text-align: left !important;
    flex: 1 1 auto !important;
}

.ac-dom-title-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    text-align: left !important;
}

.ac-dom-link,
.ac-dom-text a {
    font-weight: 700 !important;
    color: var(--ac-text-heading, #0F172A) !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    line-height: 1.4 !important;
}

.ac-dom-link:hover,
.ac-dom-text a:hover {
    color: var(--ac-primary, #2563EB) !important;
}

.ac-dom-ssl-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 2px 8px !important;
    border-radius: 9999px !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    width: fit-content !important;
    max-width: fit-content !important;
    align-self: center !important;
    flex-shrink: 0 !important;
    line-height: 1.4 !important;
}

/* SSL Aktif - Canlı ve Şık Yeşil Rozet */
.ac-dom-ssl-badge,
.ac-dom-ssl-badge.ac-dom-ssl-active {
    background: #ECFDF5 !important;
    border: 1px solid #A7F3D0 !important;
    color: #047857 !important;
}

[data-theme="dark"] .ac-dom-ssl-badge,
[data-theme="dark"] .ac-dom-ssl-badge.ac-dom-ssl-active {
    background: rgba(16, 185, 129, 0.16) !important;
    border-color: rgba(16, 185, 129, 0.32) !important;
    color: #34D399 !important;
}

/* SSL Pasif - Zarif ve Okunabilir Soft Kırmızı Rozet */
.ac-dom-ssl-badge.ac-dom-ssl-inactive {
    background: #FEF2F2 !important;
    border: 1px solid #FECACA !important;
    color: #DC2626 !important;
}

[data-theme="dark"] .ac-dom-ssl-badge.ac-dom-ssl-inactive {
    background: rgba(239, 68, 68, 0.14) !important;
    border-color: rgba(239, 68, 68, 0.28) !important;
    color: #F87171 !important;
}

/* SSL Kontrol Ediliyor - Mavi Rozet */
.ac-dom-ssl-badge.ac-dom-ssl-evaluating {
    background: #EFF6FF !important;
    border: 1px solid #BFDBFE !important;
    color: #2563EB !important;
}

[data-theme="dark"] .ac-dom-ssl-badge.ac-dom-ssl-evaluating {
    background: rgba(37, 99, 235, 0.14) !important;
    border-color: rgba(37, 99, 235, 0.28) !important;
    color: #93C5FD !important;
}

.ac-dom-sub {
    font-size: 12px !important;
    color: var(--ac-text-muted, #64748B) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    text-align: left !important;
    margin-top: 3px !important;
}


/* ================================================================
   v74 (1) — Siparis adim gostergesi
   ================================================================ */
.ac-steps {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 22px;
    padding: 14px 16px;
    background: var(--ac-bg-card, #fff);
    border: 1px solid var(--ac-border, #E2E8F0);
    border-radius: var(--ac-radius-xl, 16px);
    box-shadow: var(--ac-shadow-xs, 0 1px 2px rgba(15,23,42,.04));
    overflow-x: auto;
    scrollbar-width: none;
}
.ac-steps::-webkit-scrollbar { display: none; }

.ac-step {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
    padding: 4px 6px;
}
.ac-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--ac-bg, #F8FAFC);
    border: 1px solid var(--ac-border, #E2E8F0);
    color: var(--ac-muted, #94A3B8);
    font-size: 12.5px;
    font-weight: 800;
}
.ac-step-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--ac-muted, #94A3B8);
    white-space: nowrap;
}
.ac-step.done .ac-step-num {
    background: var(--ac-primary-bg, #EFF6FF);
    border-color: var(--ac-primary-light, #3B82F6);
    color: var(--ac-primary, #2563EB);
}
.ac-step.done .ac-step-label { color: var(--ac-text, #475569); }
.ac-step.current .ac-step-num {
    background: var(--ac-primary, #2563EB);
    border-color: var(--ac-primary, #2563EB);
    color: #fff;
    box-shadow: 0 4px 12px -4px rgba(37,99,235,.6);
}
.ac-step.current .ac-step-label {
    color: var(--ac-dark, #0F172A);
    font-weight: 700;
}
.ac-step-line {
    flex: 1 1 auto;
    min-width: 18px;
    height: 2px;
    border-radius: 2px;
    background: var(--ac-border, #E2E8F0);
}
.ac-step-line.done { background: var(--ac-primary-light, #3B82F6); }

@media (max-width: 575px) {
    .ac-steps { padding: 10px 12px; margin-bottom: 16px; }
    .ac-step-label { font-size: 11.5px; }
    .ac-step-num { width: 24px; height: 24px; font-size: 11.5px; }
}

/* ================================================================
   v74 (1) — Sepet ozeti sabit kalsin + mobil alt CTA cubugu
   ================================================================ */
@media (min-width: 992px) {
    #order-standard_cart .summary-container,
    #order-standard_cart #orderSummary,
    #order-standard_cart .order-summary {
        position: sticky !important;
        top: 20px !important;
    }
}

.ac-mobile-cta {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(10px);
    border-top: 1px solid var(--ac-border, #E2E8F0);
    box-shadow: 0 -6px 20px -10px rgba(15, 23, 42, .25);
    transform: translateY(110%);
    transition: transform .25s ease;
}
.ac-mobile-cta.show { transform: translateY(0); }
.ac-mobile-cta-info { line-height: 1.15; }
.ac-mobile-cta-label {
    display: block;
    font-size: 10.5px;
    font-weight: 600;
    color: var(--ac-muted, #94A3B8);
}
.ac-mobile-cta-total {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: var(--ac-dark, #0F172A);
    letter-spacing: -.5px;
}
.ac-mobile-cta .btn {
    margin-left: auto;
    flex: 1 1 auto;
    max-width: 62%;
    border-radius: var(--ac-radius-full, 999px) !important;
    padding: 12px 18px !important;
    font-weight: 700 !important;
}
@media (min-width: 992px) { .ac-mobile-cta { display: none !important; } }

/* ================================================================
   v74 (2) — Populer paket vurgusu
   ================================================================ */
#order-standard_cart .ac-pcard.ac-popular {
    border-color: var(--ac-primary, #2563EB) !important;
    box-shadow: 0 16px 34px -18px rgba(37, 99, 235, .55) !important;
}
.ac-popular-ribbon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 12px;
    background: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);
    color: #fff !important;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: uppercase;
}
.ac-popular-ribbon i { font-size: 11px; }

/* ================================================================
   v74 (3) — Yillik odeme kazanc rozeti
   ================================================================ */
.ac-save-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 8px;
    padding: 2px 9px;
    border-radius: var(--ac-radius-full, 999px);
    background: rgba(16, 185, 129, .13);
    color: #047857;
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap;
}
.ac-save-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 13px;
    border-radius: var(--ac-radius, 8px);
    background: rgba(16, 185, 129, .08);
    border: 1px solid rgba(16, 185, 129, .22);
    font-size: 12.5px;
    font-weight: 600;
    color: #047857;
}
.ac-save-note i { font-size: 13px; }

/* ================================================================
   v74 (4) — Bos durum ekranlari
   ================================================================ */
.ac-empty-state {
    padding: 34px 20px !important;
    text-align: center !important;
}
.ac-empty-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: var(--ac-primary-bg, #EFF6FF);
    color: var(--ac-primary, #2563EB);
    font-size: 24px;
}
.ac-empty-title {
    font-size: 15.5px;
    font-weight: 700;
    color: var(--ac-dark, #0F172A);
    margin-bottom: 5px;
}
.ac-empty-text {
    font-size: 13px;
    color: var(--ac-text-light, #64748B);
    margin-bottom: 16px;
}
.ac-empty-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 10px 20px !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    background: var(--ac-primary, #2563EB) !important;
    color: #fff !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 6px 16px -6px rgba(37, 99, 235, .6);
    transition: var(--ac-transition, all .2s ease);
}
.ac-empty-btn:hover { transform: translateY(-1px); color: #fff !important; }

/* ================================================================
   v74 (5) — Guven seridi
   ================================================================ */
.ac-trust {
    padding: 26px 0 4px;
}
.ac-trust-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
}
.ac-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: var(--ac-bg-card, #fff);
    border: 1px solid var(--ac-border, #E2E8F0);
    border-radius: var(--ac-radius-lg, 12px);
    box-shadow: var(--ac-shadow-xs, 0 1px 2px rgba(15,23,42,.04));
    transition: var(--ac-transition, all .2s ease);
}
.ac-trust-item:hover {
    border-color: var(--ac-primary-light, #3B82F6);
    transform: translateY(-2px);
}
.ac-trust-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: var(--ac-radius, 8px);
    background: var(--ac-primary-bg, #EFF6FF);
    color: var(--ac-primary, #2563EB);
    font-size: 16px;
}
.ac-trust-title {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ac-dark, #0F172A);
    line-height: 1.25;
}
.ac-trust-sub {
    font-size: 11.5px;
    color: var(--ac-text-light, #64748B);
}

/* ================================================================
   v147 (aydincloud50) — Destek Bildirimleri & Yanıt Sistemi Tasarımı
   ================================================================ */
.ticket-reply,
.support-ticket-reply,
.ticket-message,
.ac-ticket-msg {
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    margin-bottom: 18px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02) !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
}

/* Yetkili / Şebeke / Destek Cevabı:
   Gereksiz açık mavi arka plan kaldırıldı, sol tarafa şık ve kurumsal 4px mavi aksan çizgisi eklendi */
.ticket-reply.staff,
.ticket-reply.admin,
.support-ticket-reply.staff,
.ac-ticket-msg.staff {
    border-color: #E2E8F0 !important;
    border-left: 4px solid #2563EB !important;
    background: #FFFFFF !important;
}

/* Yanıt Başlığı (Kullanıcı Adı, Tarih, Rol Rozeti) */
.ticket-reply .user,
.support-ticket-reply .user,
.ac-ticket-msg > .ac-ticket-head {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    padding: 12px 18px !important;
    background: #F8FAFC !important;
    border-bottom: 1px solid #F1F5F9 !important;
    font-size: 13px !important;
    color: #64748B !important;
    line-height: 1.4 !important;
}

.ticket-reply .user .name,
.support-ticket-reply .user .name {
    font-weight: 700 !important;
    color: #0F172A !important;
    font-size: 14px !important;
}

.ticket-reply .user .date,
.support-ticket-reply .user .date {
    color: #64748B !important;
    font-size: 12.5px !important;
    margin-left: auto !important;
}

/* Rol Rozetleri (Şebeke / Sahibi) */
.ticket-reply .user .badge,
.ticket-reply .user .label,
.support-ticket-reply .user .badge {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 10px !important;
    border-radius: 9999px !important;
    letter-spacing: 0.02em !important;
    line-height: 1.2 !important;
}

/* [Şebeke] / Yetkili Rozeti */
.ticket-reply .user .badge-info,
.ticket-reply .user .label-info,
.ticket-reply.staff .user .badge,
.ac-ticket-msg.staff .badge {
    background: #EFF6FF !important;
    color: #1D4ED8 !important;
    border: 1px solid #BFDBFE !important;
}

/* [Sahibi] / Müşteri Rozeti */
.ticket-reply .user .badge-success,
.ticket-reply .user .label-success {
    background: #ECFDF5 !important;
    color: #047857 !important;
    border: 1px solid #A7F3D0 !important;
}

/* Destek Mesaj İçeriği */
.ticket-reply .message,
.support-ticket-reply .message,
.ac-ticket-msg .message {
    padding: 18px 20px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #1E293B !important;
    background: #FFFFFF !important;
    word-break: break-word !important;
}

.ticket-reply .message p:last-child {
    margin-bottom: 0 !important;
}

/* Yıldız Derecelendirme (Star Rating) */
.ticket-reply .rating {
    padding: 12px 20px !important;
    border-top: 1px dashed #E2E8F0 !important;
    background: #FAFBFD !important;
    font-size: 18px !important;
}
.ticket-reply .rating i,
.ticket-reply .rating .star {
    color: #CBD5E1 !important;
    transition: color 0.15s ease !important;
}
.ticket-reply .rating i.active,
.ticket-reply .rating i:hover,
.ticket-reply .rating .star.active {
    color: #F59E0B !important;
}

/* ────────────────────────────────────────────────────────────────
   Markdown Editörü & Yanıt Formu Düzeltmeleri
   ──────────────────────────────────────────────────────────────── */
.md-editor {
    border: 1px solid #CBD5E1 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.md-editor.active,
.md-editor:focus-within {
    border-color: #2563EB !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}

.md-editor .md-header {
    background: #F8FAFC !important;
    border-bottom: 1px solid #E2E8F0 !important;
    padding: 8px 10px !important;
}

.md-editor .btn-toolbar {
    gap: 4px !important;
    align-items: center !important;
}

.md-editor .btn-toolbar .btn,
.md-editor .btn-default {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    color: #475569 !important;
    border-radius: 6px !important;
    padding: 5px 9px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.15s ease !important;
}

.md-editor .btn-toolbar .btn:hover {
    background: #F1F5F9 !important;
    border-color: #CBD5E1 !important;
    color: #0F172A !important;
}

/* "Önizleme" butonu: Ortadaki çirkin koyu mavi yerine şık soft buton */
.md-editor .btn-toolbar .btn.btn-primary,
.md-editor .btn-toolbar .btn[data-handler="bootstrap-markdown-cmdPreview"],
.md-editor .btn.active {
    background: #EFF6FF !important;
    border: 1px solid #BFDBFE !important;
    color: #2563EB !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.md-editor .btn-toolbar .btn.btn-primary:hover,
.md-editor .btn-toolbar .btn[data-handler="bootstrap-markdown-cmdPreview"]:hover {
    background: #DBEAFE !important;
    border-color: #93C5FD !important;
    color: #1D4ED8 !important;
}

.md-editor textarea {
    border: none !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #1E293B !important;
    background: transparent !important;
    resize: vertical !important;
    min-height: 140px !important;
}

.md-editor .md-footer {
    background: #F8FAFC !important;
    border-top: 1px solid #F1F5F9 !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    color: #64748B !important;
}

/* "+ Daha Fazla Ekle" butonu (Eklentiler) */
button[onclick*="extraTicketAttachment"],
#add-file-upload,
.ticket-attachments .btn-default,
.ticket-reply-attachments .btn,
.ticket-attachments-btn,
.input-group-append .btn-primary {
    background: #F1F5F9 !important;
    border: 1px solid #CBD5E1 !important;
    color: #334155 !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
}

button[onclick*="extraTicketAttachment"]:hover,
#add-file-upload:hover,
.input-group-append .btn-primary:hover {
    background: #E2E8F0 !important;
    border-color: #94A3B8 !important;
    color: #0F172A !important;
}

/* Koyu Tema Desteği */
[data-theme="dark"] .ticket-reply,
[data-theme="dark"] .support-ticket-reply,
[data-theme="dark"] .ticket-message,
[data-theme="dark"] .ac-ticket-msg {
    background: #1E293B !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .ticket-reply.staff,
[data-theme="dark"] .ticket-reply.admin,
[data-theme="dark"] .support-ticket-reply.staff,
[data-theme="dark"] .ac-ticket-msg.staff {
    border-color: #334155 !important;
    border-left: 4px solid #3B82F6 !important;
    background: #1E293B !important;
}

[data-theme="dark"] .ticket-reply .user,
[data-theme="dark"] .support-ticket-reply .user,
[data-theme="dark"] .ac-ticket-msg > .ac-ticket-head {
    background: #0F172A !important;
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .ticket-reply .user .name,
[data-theme="dark"] .support-ticket-reply .user .name {
    color: #F8FAFC !important;
}

[data-theme="dark"] .ticket-reply .message,
[data-theme="dark"] .support-ticket-reply .message,
[data-theme="dark"] .ac-ticket-msg .message {
    background: #1E293B !important;
    color: #E2E8F0 !important;
}

[data-theme="dark"] .ticket-reply .rating {
    background: #1E293B !important;
    border-top-color: #334155 !important;
}

[data-theme="dark"] .md-editor {
    background: #0F172A !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .md-editor .md-header,
[data-theme="dark"] .md-editor .md-footer {
    background: #1E293B !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .md-editor .btn-toolbar .btn {
    background: #0F172A !important;
    border-color: #334155 !important;
    color: #94A3B8 !important;
}

[data-theme="dark"] .md-editor textarea {
    color: #F8FAFC !important;
}

/* Sidebar Destek Bildirim Detayı: Yanıtla & Bildirimi Kapat Butonları */
.ac-ticket-actions-stacked,
.sidebar .row:has(.btn-danger),
.sidebar .row:has([href*="closeticket"]),
.sidebar .row:has([data-target*="lose"]),
.sidebar .row:has([data-bs-target*="lose"]),
.card-sidebar .row:has(.btn-danger),
.panel-sidebar .row:has(.btn-danger),
[class*="col-lg-3"] .row:has(.btn-danger),
[class*="col-lg-4"] .row:has(.btn-danger) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
}

.ac-ticket-actions-stacked > [class*="col"],
.ac-ticket-actions-stacked > div,
.sidebar .row:has(.btn-danger) > [class*="col"],
.card-sidebar .row:has(.btn-danger) > [class*="col"],
.panel-sidebar .row:has(.btn-danger) > [class*="col"],
[class*="col-lg-3"] .row:has(.btn-danger) > [class*="col"],
[class*="col-lg-4"] .row:has(.btn-danger) > [class*="col"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
}

.ac-ticket-actions-stacked a,
.ac-ticket-actions-stacked button,
.ac-ticket-actions-stacked .btn,
.sidebar a[href*="closeticket"],
.sidebar button[data-target*="lose"],
.sidebar button[data-bs-target*="lose"],
.sidebar .btn-danger,
.sidebar a[href*="#reply"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    text-align: center !important;
}

.sidebar a[href*="closeticket"],
.sidebar button[data-target*="lose"],
.sidebar button[data-bs-target*="lose"],
.sidebar .btn-danger {
    background: #EF4444 !important;
    border: 1px solid #DC2626 !important;
    color: #FFFFFF !important;
    box-shadow: 0 1px 2px rgba(239, 68, 68, 0.2) !important;
}

.sidebar a[href*="closeticket"]:hover,
.sidebar button[data-target*="lose"]:hover,
.sidebar button[data-bs-target*="lose"]:hover,
.sidebar .btn-danger:hover {
    background: #DC2626 !important;
    border-color: #B91C1C !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 4px rgba(239, 68, 68, 0.3) !important;
}

.sidebar a[href*="#reply"],
.sidebar .btn-primary {
    background: #2563EB !important;
    border: 1px solid #1D4ED8 !important;
    color: #FFFFFF !important;
    box-shadow: 0 1px 2px rgba(37, 99, 235, 0.2) !important;
}

.sidebar a[href*="#reply"]:hover,
.sidebar .btn-primary:hover {
    background: #1D4ED8 !important;
    border-color: #1E40AF !important;
    color: #FFFFFF !important;
}


/* ================================================================
   v74 (7) — Klavye erisilebilirligi
   ================================================================ */
.ac-os-card:focus-visible,
.ac-pill:focus-visible,
.ac-help-link:focus-visible,
.ac-file-row:focus-visible,
.ac-os-group-head:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .45) !important;
    outline-offset: 2px !important;
    border-radius: var(--ac-radius, 8px);
}
.ac-skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 2000;
    padding: 10px 18px;
    background: var(--ac-primary, #2563EB);
    color: #fff;
    font-weight: 700;
    border-radius: 0 0 var(--ac-radius, 8px) 0;
}
.ac-skip-link:focus {
    left: 0;
    color: #fff;
}


/* ================================================================
   v75 — Guven seridi: baslik ve alt yazi ayri satirda
   ================================================================ */
.ac-trust-item > span:last-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}
.ac-trust-title,
.ac-trust-sub {
    display: block !important;
}
.ac-trust-sub { line-height: 1.35 !important; }


/* ================================================================
   v76 — Guven seridi govdeye yaklassin, footer bosluğu dengelensin
   ================================================================ */
#main-body { padding-bottom: 26px !important; }

.ac-trust {
    padding: 0 0 26px !important;
    margin-top: -6px !important;
}
.ac-trust-item { padding: 13px 15px !important; }

@media (max-width: 767px) {
    #main-body { padding-bottom: 18px !important; }
    .ac-trust { padding: 0 0 18px !important; }
}


/* ================================================================
   v77 — Guven seridi CTA banner'iyla cakismasin
   ================================================================ */
.ac-trust { margin-top: 0 !important; }
.footer-section .contact-section { position: relative; z-index: 2; }


/* ================================================================
   v78 — Mobil CTA cubugu daha sade dursun
   ================================================================ */
.ac-mobile-cta {
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 -4px 14px -10px rgba(15, 23, 42, .2) !important;
}
.ac-mobile-cta .btn {
    padding: 10px 16px !important;
    font-size: 14px !important;
}


/* ================================================================
   v79 — Secili OS kartindaki tik: FA glyph'i yerine font-bagimsiz rozet
   (tema FA5 yukluyor, FA6 kod noktasi bos kutu olarak ciziliyordu)
   ================================================================ */
.ac-os-card.selected::after {
    content: "\2713" !important;      /* duz unicode tik */
    font-family: inherit !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: center !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: var(--ac-primary, #2563EB) !important;
    color: #fff !important;
    top: 8px !important;
    right: 8px !important;
    box-shadow: 0 2px 6px -1px rgba(37, 99, 235, .55) !important;
}


/* ================================================================
   v80 — Odeme dongusu: select yerine kart secenekleri
   ================================================================ */
.ac-cycle-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 6px !important;
}

.ac-cycle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px 16px !important;
    text-align: left !important;
    background: var(--ac-bg-card, #fff) !important;
    border: 2px solid var(--ac-border, #E2E8F0) !important;
    border-radius: var(--ac-radius-lg, 12px) !important;
    cursor: pointer !important;
    transition: var(--ac-transition, all .2s ease) !important;
    position: relative !important;
}
.ac-cycle:hover {
    border-color: var(--ac-primary-light, #3B82F6) !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
}
.ac-cycle.selected {
    border-color: var(--ac-primary, #2563EB) !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
    box-shadow: 0 4px 14px -6px rgba(37, 99, 235, .45) !important;
}
.ac-cycle.selected::after {
    content: "\2713" !important;
    position: absolute !important;
    top: -8px !important;
    right: -6px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: var(--ac-primary, #2563EB) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    text-align: center !important;
    box-shadow: 0 2px 6px -1px rgba(37, 99, 235, .55) !important;
}

.ac-cycle-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}
.ac-cycle-period {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: var(--ac-text-light, #64748B) !important;
}
.ac-cycle.selected .ac-cycle-period { color: var(--ac-primary-dark, #1E40AF) !important; }
.ac-cycle-price {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: var(--ac-dark, #0F172A) !important;
    letter-spacing: -.5px !important;
    line-height: 1.1 !important;
}

.ac-cycle-bonus {
    flex-shrink: 0 !important;
    max-width: 45% !important;
    padding: 4px 9px !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    background: rgba(16, 185, 129, .13) !important;
    color: #047857 !important;
    font-size: 10.8px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

@media (max-width: 575px) {
    .ac-cycle-list { grid-template-columns: 1fr !important; gap: 8px !important; }
    .ac-cycle { padding: 12px 14px !important; }
    .ac-cycle-price { font-size: 17px !important; }
    .ac-cycle-bonus { font-size: 10px !important; max-width: 48% !important; }
}


/* ================================================================
   v81 — Donem karti tiki disari tasiyordu, iceri alindi
   ================================================================ */
.ac-cycle { overflow: hidden !important; }
.ac-cycle.selected::after {
    top: 10px !important;
    right: 12px !important;
}
.ac-cycle.selected .ac-cycle-bonus { margin-right: 26px !important; }


/* ================================================================
   v82 — Donem karti buton oldugu icin tarayici turuncu focus cizgisi
   basiyordu; klavye disinda gizle
   ================================================================ */
.ac-cycle:focus { outline: none !important; box-shadow: none !important; }
.ac-cycle.selected:focus {
    box-shadow: 0 4px 14px -6px rgba(37, 99, 235, .45) !important;
}
.ac-cycle:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .45) !important;
    outline-offset: 2px !important;
}


/* ================================================================
   v83 — Donem kartlari: rozet alta gecti, sutunlar dengelendi
   ================================================================ */
.ac-cycle {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 15px 16px !important;
    min-height: 96px !important;
}
.ac-cycle-main { width: 100% !important; }
.ac-cycle-price { font-size: 20px !important; }

.ac-cycle-bonus {
    max-width: 100% !important;
    align-self: flex-start !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    font-size: 10.6px !important;
    white-space: nowrap !important;
    text-align: left !important;
}
.ac-cycle.selected .ac-cycle-bonus { margin-right: 0 !important; }

/* Tablet ve alti: sutun sayisini sinirla (inline stili ez) */
@media (max-width: 1199px) {
    .ac-cycle-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
    .ac-cycle-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 575px) {
    .ac-cycle-list { grid-template-columns: 1fr !important; }
    .ac-cycle { min-height: 0 !important; padding: 13px 14px !important; }
}


/* ================================================================
   v84 — Bos durum kutusu nefes alsin
   ================================================================ */
.ac-empty-state {
    padding: 48px 24px !important;
}
.ac-empty-ico { margin-bottom: 18px !important; }
.ac-empty-title { margin-bottom: 7px !important; }
.ac-empty-text { margin-bottom: 20px !important; }

@media (max-width: 575px) {
    .ac-empty-state { padding: 34px 16px !important; }
}

/* ================================================================
   v84 — Sidebar secili item okundaki FA glyph'i bos kutu ciziyordu
   ================================================================ */
.sidebar .list-group-item.active .sidebar-menu-item-wrapper::after {
    content: "\203A" !important;   /* duz unicode › */
    font-family: inherit !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    opacity: .5 !important;
}


/* ================================================================
   v85 — Bos durum kutusu biraz daha ferah
   ================================================================ */
.ac-empty-state {
    padding: 72px 24px !important;
}
.ac-empty-ico {
    width: 72px !important;
    height: 72px !important;
    font-size: 28px !important;
    margin-bottom: 22px !important;
}
.ac-empty-title {
    font-size: 17px !important;
    margin-bottom: 9px !important;
}
.ac-empty-text {
    font-size: 13.5px !important;
    margin-bottom: 26px !important;
}
.ac-empty-btn { padding: 12px 24px !important; }

@media (max-width: 575px) {
    .ac-empty-state { padding: 48px 16px !important; }
    .ac-empty-ico { width: 62px !important; height: 62px !important; font-size: 24px !important; }
}


/* ================================================================
   v86 — Bos durum: bosluk ic sarmalayicida (td padding'i temada sabit)
   ================================================================ */
td.ac-empty-state,
#main-body table td.ac-empty-state {
    padding: 0 !important;
    vertical-align: middle !important;
}
.ac-empty-inner {
    display: block !important;
    padding: 76px 24px !important;
    text-align: center !important;
}
@media (max-width: 575px) {
    .ac-empty-inner { padding: 48px 16px !important; }
}


/* ================================================================
   v87 — Bos durum boslugu biraz kisildi
   ================================================================ */
.ac-empty-inner { padding: 48px 24px !important; }
@media (max-width: 575px) {
    .ac-empty-inner { padding: 36px 16px !important; }
}

/* ================================================================
   v87 — Ana sayfa ozet kartlari
   ================================================================ */
#main-body .ac-stat {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px 18px !important;
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    border-top: 3px solid var(--ac-primary, #2563EB) !important;
    border-radius: var(--ac-radius-lg, 12px) !important;
    background: var(--ac-bg-card, #fff) !important;
    box-shadow: var(--ac-shadow-xs, 0 1px 2px rgba(15,23,42,.04)) !important;
    transition: var(--ac-transition, all .22s ease) !important;
    overflow: hidden !important;
    position: relative !important;
}
#main-body .ac-stat:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 28px -16px rgba(15, 23, 42, .35) !important;
}
#main-body .ac-stat-link { cursor: pointer !important; }

.ac-stat-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    flex-shrink: 0 !important;
    border-radius: var(--ac-radius, 8px) !important;
    font-size: 18px !important;
}
.ac-stat-body { display: flex !important; flex-direction: column !important; min-width: 0 !important; }
.ac-stat-num {
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -1px !important;
    color: var(--ac-dark, #0F172A) !important;
}
.ac-stat-label {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;
    color: var(--ac-muted, #94A3B8) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Renk aksanlari */
.ac-accent-blue   { border-top-color: #2563EB !important; }
.ac-accent-blue   .ac-stat-ico { background: #EFF6FF !important; color: #2563EB !important; }
.ac-accent-green  { border-top-color: #10B981 !important; }
.ac-accent-green  .ac-stat-ico { background: rgba(16,185,129,.12) !important; color: #047857 !important; }
.ac-accent-purple { border-top-color: #8B5CF6 !important; }
.ac-accent-purple .ac-stat-ico { background: rgba(139,92,246,.12) !important; color: #6D28D9 !important; }
.ac-accent-amber  { border-top-color: #F59E0B !important; }
.ac-accent-amber  .ac-stat-ico { background: rgba(245,158,11,.14) !important; color: #B45309 !important; }

@media (max-width: 575px) {
    #main-body .ac-stat { padding: 14px !important; gap: 11px !important; }
    .ac-stat-ico { width: 40px !important; height: 40px !important; font-size: 16px !important; }
    .ac-stat-num { font-size: 22px !important; }
}

/* ================================================================
   v87 — Ana sayfa panel satirlari (Aktif Urun/Hizmetler vb.)
   ================================================================ */
#main-body .card .list-group-item,
#main-body .panel .list-group-item {
    transition: var(--ac-transition, all .18s ease) !important;
}
#main-body .card .list-group-item:hover,
#main-body .panel .list-group-item:hover {
    background: var(--ac-primary-bg, #EFF6FF) !important;
}


/* ================================================================
   v88 — Ozet karti: <a> olarak da isaretlenebiliyor
   ================================================================ */
#main-body a.ac-stat,
#main-body a.ac-stat:hover {
    text-decoration: none !important;
    color: inherit !important;
}
#main-body .ac-stat { min-height: 82px !important; }


/* ================================================================
   v89 — Ozet karti etiketi kesilmesin, alt satira sarsin
   ================================================================ */
#main-body .ac-stat-label,
.ac-stat-label {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    letter-spacing: .3px !important;
}
#main-body .ac-stat { align-items: center !important; padding: 16px 16px !important; }
.ac-stat-body { gap: 3px !important; }


/* ================================================================
   v90 (1) — Yaklasan / geciken odeme rozetleri
   ================================================================ */
.ac-due {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-left: 8px !important;
    padding: 2px 9px !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    font-size: 10.8px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}
.ac-due.soon {
    background: rgba(245, 158, 11, .15) !important;
    color: #B45309 !important;
}
.ac-due.today {
    background: rgba(37, 99, 235, .13) !important;
    color: #1E40AF !important;
}
.ac-due.late {
    background: rgba(239, 68, 68, .14) !important;
    color: #B91C1C !important;
}
.ac-due i { font-size: 9.5px !important; }

@media (max-width: 767px) {
    .ac-due { display: inline-flex !important; margin-left: 6px !important; font-size: 10px !important; }
}

/* ================================================================
   v90 (2) — Kopyala butonu + bildirim
   ================================================================ */
.ac-copy {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    margin-left: 6px !important;
    padding: 0 !important;
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    border-radius: 6px !important;
    background: var(--ac-bg, #F8FAFC) !important;
    color: var(--ac-muted, #94A3B8) !important;
    font-size: 10px !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    transition: var(--ac-transition, all .18s ease) !important;
}
.ac-copy:hover {
    background: var(--ac-primary-bg, #EFF6FF) !important;
    border-color: var(--ac-primary-light, #3B82F6) !important;
    color: var(--ac-primary, #2563EB) !important;
}
.ac-copy.done {
    background: rgba(16, 185, 129, .14) !important;
    border-color: rgba(16, 185, 129, .4) !important;
    color: #047857 !important;
}

.ac-toast {
    position: fixed;
    left: 50%;
    bottom: 26px;
    transform: translate(-50%, 20px);
    z-index: 2000;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 18px;
    border-radius: var(--ac-radius-full, 999px);
    background: var(--ac-dark, #0F172A);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 12px 28px -12px rgba(15, 23, 42, .6);
    opacity: 0;
    pointer-events: none;
    transition: all .22s ease;
}
.ac-toast.show { opacity: 1; transform: translate(-50%, 0); }
.ac-toast i { color: #34D399; }

/* ================================================================
   v90 (3) — Fatura detayi
   ================================================================ */
.ac-inv-banner {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
    padding: 16px 20px !important;
    border-radius: var(--ac-radius-xl, 16px) !important;
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    background: var(--ac-bg-card, #fff) !important;
    box-shadow: var(--ac-shadow-xs, 0 1px 2px rgba(15,23,42,.04)) !important;
}
.ac-inv-banner .ac-inv-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    flex-shrink: 0 !important;
    border-radius: var(--ac-radius, 8px) !important;
    font-size: 19px !important;
}
.ac-inv-title {
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: var(--ac-dark, #0F172A) !important;
    line-height: 1.25 !important;
}
.ac-inv-sub {
    font-size: 12.5px !important;
    color: var(--ac-text-light, #64748B) !important;
}
.ac-inv-banner.paid { border-left: 4px solid #10B981 !important; }
.ac-inv-banner.paid .ac-inv-ico { background: rgba(16,185,129,.13) !important; color: #047857 !important; }
.ac-inv-banner.unpaid { border-left: 4px solid #F59E0B !important; }
.ac-inv-banner.unpaid .ac-inv-ico { background: rgba(245,158,11,.15) !important; color: #B45309 !important; }
.ac-inv-banner.cancelled { border-left: 4px solid #94A3B8 !important; }
.ac-inv-banner.cancelled .ac-inv-ico { background: #F1F5F9 !important; color: #64748B !important; }

.ac-pay-btn {
    margin-left: auto !important;
    padding: 12px 26px !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    box-shadow: 0 8px 20px -8px rgba(37, 99, 235, .65) !important;
}
@media (max-width: 575px) {
    .ac-inv-banner { flex-wrap: wrap !important; }
    .ac-pay-btn { margin-left: 0 !important; width: 100% !important; text-align: center !important; }
}

/* ================================================================
   v90 (7) — Duyurular ve bilgi bankasi
   ================================================================ */
.ac-kb-item {
    display: block !important;
    padding: 16px 18px !important;
    margin-bottom: 10px !important;
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    border-radius: var(--ac-radius-lg, 12px) !important;
    background: var(--ac-bg-card, #fff) !important;
    box-shadow: var(--ac-shadow-xs, 0 1px 2px rgba(15,23,42,.04)) !important;
    text-decoration: none !important;
    transition: var(--ac-transition, all .2s ease) !important;
}
.ac-kb-item:hover {
    border-color: var(--ac-primary-light, #3B82F6) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 24px -14px rgba(37, 99, 235, .45) !important;
}
.ac-kb-item .ac-kb-title,
.ac-kb-item h3, .ac-kb-item h4, .ac-kb-item strong {
    color: var(--ac-dark, #0F172A) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}
.ac-kb-item:hover .ac-kb-title { color: var(--ac-primary-dark, #1E40AF) !important; }
.ac-kb-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 6px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: var(--ac-muted, #94A3B8) !important;
}
.ac-kb-meta i { font-size: 10.5px !important; }


/* ================================================================
   v91 — Ozet karti stilleri siparis sayfasina sizmasin
   ================================================================ */
#order-standard_cart .ac-stat,
.ac-feat .ac-stat,
.ac-spec .ac-stat {
    all: unset !important;
}


/* ================================================================
   v92 — Kopyala butonu metnin yaninda kalsin
   ================================================================ */
.ac-copy {
    display: inline-flex !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -1px !important;
}
/* Butonu iceren metin kutusu satir icinde kalsin */
a:has(> .ac-copy),
span:has(> .ac-copy),
strong:has(> .ac-copy) {
    white-space: nowrap !important;
}


/* ================================================================
   v93 — Siparis ozeti / kart tasma korumasi
   (uzun urun ve secenek adlari kutudan tasiyordu)
   ================================================================ */
#order-standard_cart .summary-container,
#order-standard_cart #orderSummary,
#order-standard_cart .order-summary,
#order-standard_cart .cart-sidebar,
#order-standard_cart .cart-body {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

#order-standard_cart .summary-container *,
#order-standard_cart #orderSummary *,
#order-standard_cart .order-summary * {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* Ozet satirlari: ad sola, tutar saga, tasma yok */
#order-standard_cart .summary-container li,
#order-standard_cart #orderSummary li,
#order-standard_cart .order-summary li,
#order-standard_cart .summary-container .row,
#order-standard_cart #orderSummary .row {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

/* Tutar sutunu kirilmasin */
#order-standard_cart .summary-container .amount,
#order-standard_cart #orderSummary .amount,
#order-standard_cart .order-summary .amount,
#order-standard_cart .summary-container .price,
#order-standard_cart #orderSummary .price {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    text-align: right !important;
}

/* Urun kartlarinda da uzun kelimeler kirilsin */
#order-standard_cart .ac-pcard,
#order-standard_cart .ac-pcard * {
    min-width: 0 !important;
}
#order-standard_cart .ac-pcard .ac-feat-val,
#order-standard_cart .ac-pcard .ac-feat-lbl,
#order-standard_cart .ac-pcard .ac-pcard-head * {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* Yapilandirma sayfasindaki secenek etiketleri */
#order-standard_cart .product-configurable-options label,
#order-standard_cart .ac-spec,
#order-standard_cart .ac-spec * {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}



/* ================================================================
   v94/v96 (1) — Mobil alt CTA cubugu kaldirildi
   ("Odeme Yap" / "Siparisi Tamamla" ekranin altina yapisiyordu)
   ================================================================ */
.ac-mobile-cta { display: none !important; }

/* ================================================================
   v94/v96 (2) — Uzun kirilamayan metinler (IPv6 gibi) kutudan
   tasip sayfayi yatay kaydiriyordu. Bu kisim her ekranda gecerli,
   sadece metin kirilmasi - duzen degistirmiyor.
   ================================================================ */
#order-standard_cart .alert,
#order-standard_cart .alert *,
#order-standard_cart .fraud-notice,
#order-standard_cart .fraud-notice *,
#order-standard_cart #fraudLabel,
#order-standard_cart #fraudLabel * {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* v96 (3) — Telefon alani: +90 ile acilir menu oku bitisikti */
.iti__selected-flag,
.intl-tel-input .selected-flag {
    gap: 6px !important;
    padding: 0 12px 0 14px !important;
}
.iti__selected-dial-code {
    margin-left: 6px !important;
    margin-right: 2px !important;
}
.iti__arrow,
.intl-tel-input .iti-arrow {
    margin-left: 8px !important;
    flex-shrink: 0 !important;
}
.iti > input,
.iti > input[type="tel"],
.iti input#inputPhone,
input[name="phonenumber"],
#inputPhone,
.iti input.field,
input.field[name="phonenumber"],
input.field#inputPhone {
    padding-left: 100px !important;
}

/* ================================================================
   v96 — SIPARIS SAYFASI MOBIL DUZELTMELERI
   DIKKAT: Bu blogun tamami sadece mobil/tablet icin. Masaustu
   duzenine (sutunlar, sticky ozet, float'lar) kesinlikle dokunma;
   v95'te global birakilinca masaustu yatay kaymisti.
   ================================================================ */
@media (max-width: 991px) {

    /* Yatay tasmayi konteynerde kes */
    #order-standard_cart {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    #order-standard_cart .row { flex-wrap: wrap !important; }
    #order-standard_cart [class*="col-"],
    #order-standard_cart .cart-body,
    #order-standard_cart .checkout-form,
    #order-standard_cart form,
    #frmCheckout,
    #frmCheckout [class*="col-"] {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Aciklama metni iki kelimede bir kiriliyordu: tam genislik */
    #order-standard_cart .cart-body > p,
    #order-standard_cart h1 + p,
    #order-standard_cart .cart-title + p,
    #frmCheckout > p {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    /* "Zaten Bir Hesabiniz Var mi?" satiri: metin ustte, buton altta */
    #order-standard_cart .ac-stackrow {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    #order-standard_cart .ac-stackrow > * {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: left !important;
    }
    #order-standard_cart .ac-stackrow p {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 12px !important;
    }
    #order-standard_cart .ac-login-btn {
        width: 100% !important;
        margin-bottom: 4px !important;
        justify-content: center !important;
    }

    /* Pazarlama izni (Evet / Hayir) yan yana kalsin.
       Mobil .btn-group kurali (flex-direction: column) bunu da
       yakaliyordu; toggle gruplarini muaf tutuyoruz. */
    .ac-optin,
    .btn-group[data-toggle="buttons"],
    .btn-group-toggle {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 8px !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        overflow: visible !important;
    }
    .ac-optin > .btn,
    .ac-optin > label,
    .btn-group[data-toggle="buttons"] > .btn,
    .btn-group-toggle > .btn,
    .btn-group-toggle > label {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 10px 18px !important;
        border-radius: var(--ac-radius-full, 999px) !important;
        border: 1px solid var(--ac-border, #E2E8F0) !important;
        font-weight: 600 !important;
    }
    .ac-optin > .btn.active,
    .ac-optin > label.active,
    .btn-group-toggle > .btn.active,
    .btn-group-toggle > label.active {
        background: var(--ac-primary, #2563EB) !important;
        border-color: var(--ac-primary, #2563EB) !important;
        color: #fff !important;
    }
    .ac-optin input[type="radio"],
    .btn-group-toggle input[type="radio"] {
        position: absolute !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* "Siparisi Tamamla" kendi satirinda, tam genislik */
    #order-standard_cart .ac-complete-wrap {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-top: 18px !important;
        text-align: center !important;
    }
    #order-standard_cart .ac-complete-btn {
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 14px 20px !important;
        font-size: 15px !important;
    }

    /* Fraud kutusu: ikon ustte, metin altta */
    .fraud-notice,
    #fraudLabel,
    .checkout-fraud-notice,
    .recording-notice,
    .alert:has(> .fa-lock),
    .alert:has(> i.fa-lock) {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 14px 16px !important;
    }
    .fraud-notice > .fa-lock,
    .fraud-notice i.fa-lock,
    #fraudLabel .fa-lock,
    #fraudLabel i.fa-lock,
    .recording-notice i.fa-lock,
    .alert .fa-lock {
        font-size: 22px !important;
    }

    /* JS emniyeti: ekrandan tasan eleman bulunursa kirilmaya zorlanir */
    .ac-nooverflow {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        white-space: normal !important;
    }
}

/* ================================================================
   v97 (1) — Sayfa yatay kaymasin
   overflow-x: clip kaydirma konteyneri olusturmaz, bu yuzden
   masaustundeki sticky siparis ozeti bozulmaz (hidden bozardi).
   ================================================================ */
html { overflow-x: clip; }
/* NOT: .container'a max-width VERME - Bootstrap'in 1140px sinirini ezip
   siteyi ekran kenarlarina yapistiriyor (v97'de yasandi). Sadece
   tasmayi kirp, genisligi tarayiciya birak. */
#main-body { overflow-x: clip !important; }

/* ================================================================
   v97 (2) — Fraud kutusundaki kopyala butonu IP'nin ustune biniyordu
   JS artik oraya buton eklemiyor; bu kural eski onbellek icin emniyet.
   ================================================================ */
.alert .ac-copy,
.fraud-notice .ac-copy,
#fraudLabel .ac-copy,
.recording-notice .ac-copy,
#order-standard_cart .ac-copy {
    display: none !important;
}

/* Uyari kutusundaki ikon buyutmesi sadece kilit ikonuna uygulansin */
.alert i:not(.fa-lock):not(.fa-lock-alt) {
    font-size: inherit !important;
}

/* ================================================================
   v97 (3) — Telefon alani: +90 ile acilir menu oku bitisikti
   ================================================================ */
.iti__selected-flag,
.intl-tel-input .selected-flag {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 14px 0 14px !important;
}

.iti__selected-flag .iti__flag,
.intl-tel-input .selected-flag .iti-flag {
    margin-right: 9px !important;
    flex-shrink: 0 !important;
}

.iti__selected-dial-code,
.intl-tel-input .selected-dial-code {
    margin: 0 !important;
    padding-right: 10px !important;
    flex-shrink: 0 !important;
}

.iti__arrow,
.intl-tel-input .iti-arrow {
    margin: 0 0 0 2px !important;
    flex-shrink: 0 !important;
}

/* Bayrak + kod + ok toplami icin sol bosluk */
.iti > input,
.iti > input[type="tel"],
.iti input#inputPhone,
input[name="phonenumber"],
#inputPhone,
.iti input.field,
input.field[name="phonenumber"],
input.field#inputPhone,
.intl-tel-input > input,
.intl-tel-input > input[type="text"],
.intl-tel-input > input[type="tel"],
.intl-tel-input .form-control,
input[name*="[Phone]"],
input[name*="[phone]"],
input[class*="customwhois"][name*="Phone"],
input[class*="customwhois"][name*="phone"],
#frmDomainContactModification input[name*="Phone"] {
    padding-left: 106px !important;
}

/* ================================================================
   v97 (4) — Yapilandirma sayfasindaki "Devam Et" butonu
   ozet kartinin altinda ortada asili duruyordu; karta hizalandi.
   ================================================================ */
#order-standard_cart #btnCompleteProductConfig,
#order-standard_cart .ac-continue-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 14px !important;
    padding: 13px 22px !important;
}

/* ================================================================
   v99 (1) — STICKY GERI GELDI
   #main-body'ye verdigim overflow-x: clip, sag taraftaki Siparis
   Ozeti kartinin sticky'sini olduruyordu: overflow degeri "visible"
   disinda olan HER ust eleman (clip dahil) position: sticky'yi
   kirar. Kirpma artik sadece html uzerinde.
   ================================================================ */
#main-body { overflow-x: visible !important; }

/* ================================================================
   v99 (2) — Fraud / IP uyarisi tek paragraf olsun
   Kutu flex'ti; metin, IP ve ") Kayit Altindasiniz." ayri flex
   ogeleri olup sutunlara bolunuyordu. Blok + float ikon ile
   normal paragraf gibi akiyor.
   ================================================================ */
.fraud-notice,
#fraudLabel,
.checkout-fraud-notice,
.recording-notice,
.alert:has(> .fa-lock),
.alert:has(> i.fa-lock) {
    display: block !important;
    padding: 16px 20px !important;
    line-height: 1.65 !important;
    overflow: hidden !important;
}

.fraud-notice > .fa-lock,
.fraud-notice i.fa-lock,
#fraudLabel .fa-lock,
#fraudLabel i.fa-lock,
.recording-notice i.fa-lock,
.alert > .fa-lock,
.alert > i.fa-lock {
    float: left !important;
    margin: 2px 16px 4px 0 !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    color: #8B5A2B !important;
    align-self: auto !important;
}

.fraud-notice strong,
#fraudLabel strong,
.recording-notice strong,
.alert:has(> .fa-lock) strong {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

@media (max-width: 767px) {
    .fraud-notice,
    #fraudLabel,
    .checkout-fraud-notice,
    .recording-notice,
    .alert:has(> .fa-lock),
    .alert:has(> i.fa-lock) {
        padding: 14px 16px !important;
    }
    .fraud-notice > .fa-lock,
    #fraudLabel .fa-lock,
    .alert > .fa-lock {
        font-size: 20px !important;
        margin: 1px 12px 2px 0 !important;
    }
    /* Mobilde IPv6 sigmazsa kirilsin */
    .fraud-notice strong,
    #fraudLabel strong,
    .alert:has(> .fa-lock) strong {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}

/* ================================================================
   v99 (3) — Sepet tablosundaki "x" (urun sil) sag kenara yapisikti
   ================================================================ */
#order-standard_cart .cart-items td:last-child,
#order-standard_cart table td:last-child,
#order-standard_cart .prod-remove,
#order-standard_cart td .prod-remove {
    padding-right: 18px !important;
}

#order-standard_cart .prod-remove,
#order-standard_cart a[href*="remove"],
#order-standard_cart .fa-times,
#order-standard_cart .fal.fa-times,
#order-standard_cart .fas.fa-times {
    color: var(--ac-muted, #94A3B8) !important;
    transition: var(--ac-transition, all .18s ease) !important;
}
#order-standard_cart .prod-remove:hover,
#order-standard_cart a[href*="remove"]:hover {
    color: var(--ac-danger, #EF4444) !important;
}

/* ================================================================
   v99 (4) — Hesap menusu (Giris / Kayit / Sifremi Unuttum)
   ================================================================ */
#Secondary_Navbar-Account .dropdown-menu,
.navbar .dropdown-menu,
#main-menu .dropdown-menu,
.ac-account-menu {
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    border-radius: var(--ac-radius-lg, 14px) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .12) !important;
    padding: 8px !important;
    margin-top: 8px !important;
    min-width: 220px !important;
    background: #fff !important;
    overflow: hidden !important;
}

#Secondary_Navbar-Account .dropdown-menu .dropdown-item,
.navbar .dropdown-menu .dropdown-item,
#main-menu .dropdown-menu .dropdown-item,
.ac-account-menu .dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 14px !important;
    border-radius: var(--ac-radius, 10px) !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    color: var(--ac-text, #1E293B) !important;
    white-space: nowrap !important;
    transition: var(--ac-transition, all .18s ease) !important;
}

#Secondary_Navbar-Account .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:hover,
#main-menu .dropdown-menu .dropdown-item:hover,
.ac-account-menu .dropdown-item:hover {
    background: var(--ac-primary-bg, #EFF6FF) !important;
    color: var(--ac-primary, #2563EB) !important;
}

/* Menu ikonlari JS ile ekleniyor */
.ac-menu-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    flex-shrink: 0 !important;
    border-radius: 9px !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
    color: var(--ac-primary, #2563EB) !important;
    font-size: 13px !important;
}
.dropdown-item:hover > .ac-menu-ico {
    background: var(--ac-primary, #2563EB) !important;
    color: #fff !important;
}

#Secondary_Navbar-Account .dropdown-menu .dropdown-divider,
.navbar .dropdown-menu .dropdown-divider,
.ac-account-menu .dropdown-divider {
    margin: 6px 8px !important;
    border-top-color: var(--ac-border, #E2E8F0) !important;
}

/* ================================================================
   v100 (1) — STICKY'NIN ASIL SEBEBI: body { overflow-x: hidden }
   Dosyanin basindaki reset body'ye overflow-x: hidden veriyor.
   Bu body'yi kaydirma konteyneri yapiyor ve icindeki her
   position: sticky olu kaliyor. Yatay tasma korumasi html'de
   duruyor, body serbest birakildi. ELLEME.
   ================================================================ */
html { overflow-x: clip !important; }
body,
body.primary-bg-color,
html body {
    overflow-x: visible !important;
}
#main-body { overflow-x: visible !important; }

/* Siparis ozeti sticky (masaustu) */
@media (min-width: 992px) {
    #order-standard_cart:has(#frmConfigureProduct) .secondary-cart-sidebar,
    #order-standard_cart #scrollingPanelContainer {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 20px !important;
        align-self: flex-start !important;
    }
    /* Sticky'nin calismasi icin satirin gerilmemesi lazim */
    #order-standard_cart .row:has(.secondary-cart-sidebar) {
        align-items: flex-start !important;
    }
}

/* ================================================================
   v100 (2) — Sepetteki "x" hala sag kenara yapisikti
   ================================================================ */
#order-standard_cart .fa-times,
#order-standard_cart .fa-remove,
#order-standard_cart a[href*="remove"] .fa-times {
    margin-right: 14px !important;
}
#order-standard_cart td:last-child,
#order-standard_cart th:last-child {
    padding-right: 20px !important;
}

/* ================================================================
   v100 (3) — Hesap menusu: cift ikon ve bosluk duzeltmesi
   Stil sadece <a> ogelerine; <li class="dropdown-item"> varsa
   kendi dolgusu sifirlanir.
   ================================================================ */
.dropdown-menu li.dropdown-item {
    padding: 0 !important;
    background: transparent !important;
}

.dropdown-menu a.dropdown-item,
.dropdown-menu li > a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 14px !important;
    border-radius: var(--ac-radius, 10px) !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    color: var(--ac-text, #1E293B) !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    transition: var(--ac-transition, all .18s ease) !important;
}

.dropdown-menu a.dropdown-item:hover,
.dropdown-menu li > a:hover {
    background: var(--ac-primary-bg, #EFF6FF) !important;
    color: var(--ac-primary, #2563EB) !important;
}

.dropdown-menu a:hover > .ac-menu-ico {
    background: var(--ac-primary, #2563EB) !important;
    color: #fff !important;
}

/* ================================================================
   v118 — Sidebar & Panel Butonları (Hepsini Öde / Bakiye Ekleyin)
   Sidebar genişliği dar olduğu için (250-300px) yan yana sığmaz.
   Masaüstü ve mobilde her iki buton da alt alta, %100 genişlikte,
   merkezlenmiş ve temiz bir dikey boşlukla (gap: 8px) durur.
   ================================================================ */
.sidebar .card-footer,
.sidebar .panel-footer,
.card-sidebar .card-footer,
.card-sidebar .panel-footer,
.sidebar .card .card-footer,
.sidebar .panel .panel-footer,
.panel-footer:has(.ac-btn-row-item),
.card-footer:has(.ac-btn-row-item),
.ac-btn-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
    padding: 14px 16px !important;
}

.sidebar .card-footer::before,
.sidebar .card-footer::after,
.sidebar .panel-footer::before,
.sidebar .panel-footer::after,
.ac-btn-row::before,
.ac-btn-row::after {
    display: none !important;
}

/* Float ve margin sıfırlama (sağa kayma/merdiven basamağı sorununu kökten çözer) */
.sidebar .card-footer > .float-right,
.sidebar .card-footer > .pull-right,
.sidebar .panel-footer > .float-right,
.sidebar .panel-footer > .pull-right,
.card-footer:has(.ac-btn-row-item) > .float-right,
.card-footer:has(.ac-btn-row-item) > .pull-right,
.ac-btn-row > .float-right,
.ac-btn-row > .pull-right,
.ac-btn-row > div {
    float: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    display: block !important;
}

.sidebar .card-footer .btn,
.sidebar .panel-footer .btn,
.sidebar .card .card-body .btn,
.card-sidebar .card-footer .btn,
.card-sidebar .panel-footer .btn,
.ac-btn-row .btn,
.ac-btn-row-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: var(--ac-radius, 8px) !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    float: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Birincil buton (Hepsini Öde) */
.sidebar .card-footer .btn-primary,
.sidebar .card-footer .btn-success,
.ac-btn-row .btn-primary,
.ac-btn-row .btn-success {
    background: var(--ac-primary, #2563EB) !important;
    border-color: var(--ac-primary, #2563EB) !important;
    color: #FFFFFF !important;
}
.sidebar .card-footer .btn-primary:hover,
.sidebar .card-footer .btn-success:hover,
.ac-btn-row .btn-primary:hover,
.ac-btn-row .btn-success:hover {
    background: var(--ac-primary-dark, #1D4ED8) !important;
    border-color: var(--ac-primary-dark, #1D4ED8) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}

/* İkincil buton (Bakiye Ekleyin / Varsayılan) */
.sidebar .card-footer .btn-default,
.sidebar .card-footer .btn-secondary,
.ac-btn-row .btn-default,
.ac-btn-row .btn-secondary {
    background: #FFFFFF !important;
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    color: var(--ac-dark, #0F172A) !important;
}
.sidebar .card-footer .btn-default:hover,
.sidebar .card-footer .btn-secondary:hover,
.ac-btn-row .btn-default:hover,
.ac-btn-row .btn-secondary:hover {
    background: var(--ac-bg, #F8FAFC) !important;
    border-color: var(--ac-border-hover, #CBD5E1) !important;
    color: var(--ac-primary, #2563EB) !important;
    transform: translateY(-1px) !important;
}

/* ================================================================================
   v107 — DiVMo (besystems) MODUL ARAYUZU
   Modul dosyalarina hic dokunulmuyor. Tum stil body.ac-divmo altinda
   (footer.tpl'deki v107 script'i sinifi ekliyor). Modul guncellenirse
   bu blok islevsiz kalir, hicbir sey bozulmaz.

   Modulun bemain.css'indeki temel sorunlar:
   1) .becol-N sabit yuzde, mobil karsiligi yok -> mobilde kartlar
      %25'te kalip basliklar kesiliyordu.
   2) .btn / .m-3 / .btable jenerik isimler Bootstrap ile cakisiyor;
      bu yuzden .btn'e sadece .becard icinde dokunuyoruz.
   ================================================================================ */

/* ---------- 1) MOBIL GRID ---------- */
@media (max-width: 991px) {
    body.ac-divmo .berow {
        margin-left: -6px !important;
        margin-right: -6px !important;
    }
    body.ac-divmo .berow > [class*="becol-"] {
        width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-bottom: 12px !important;
        min-width: 0 !important;
    }
    body.ac-divmo .berow > .ac-be-metric,
    body.ac-divmo .berow > .ac-be-card:has(> .ac-be-tile) {
        width: 50% !important;
        flex: 0 0 50% !important;
    }
}
@media (max-width: 400px) {
    body.ac-divmo .berow > .ac-be-metric,
    body.ac-divmo .berow > .ac-be-card:has(> .ac-be-tile) {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

body.ac-divmo [class*="becol-"],
body.ac-divmo .becard,
body.ac-divmo .beinfobox {
    min-width: 0 !important;
    max-width: 100% !important;
}


/* ---------- 2) KARTLAR ---------- */
body.ac-divmo .becard {
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    border-radius: var(--ac-radius-lg, 14px) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04) !important;
    background: #fff !important;
    overflow: hidden !important;
    height: 100% !important;
    transition: var(--ac-transition, all .18s ease) !important;
}
body.ac-divmo .becard:hover {
    box-shadow: 0 6px 18px rgba(15, 23, 42, .07) !important;
}
body.ac-divmo .becard .becard-header {
    background: var(--ac-surface, #F8FAFC) !important;
    border-bottom: 1px solid var(--ac-border, #E2E8F0) !important;
    padding: 14px 18px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: var(--ac-heading, #0F172A) !important;
    border-radius: 0 !important;
    gap: 10px !important;
}
body.ac-divmo .becard .becard-content:not(.no-p) { padding: 18px !important; }

/* ---------- 3) METRIK KARTLARI (CPU / RAM / DISK / OS / Uptime) ----------
   Bunlar .beinfobox degil, basliklı .becard. JS .ac-be-tile ile
   isaretliyor; baslik cizgisini kaldirip tek parca kutu yapiyoruz. */
body.ac-divmo .ac-be-tile {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: #fff !important;
}
body.ac-divmo .ac-be-tile .becard-header {
    background: transparent !important;
    border-bottom: 0 !important;
    padding: 16px 18px 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;
    color: var(--ac-muted, #94A3B8) !important;
    justify-content: flex-start !important;
    gap: 9px !important;
}
body.ac-divmo .ac-be-tile .becard-content:not(.no-p) {
    padding: 4px 18px 16px !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    color: var(--ac-heading, #0F172A) !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
}

/* FA ile degistirilen ikonlar */
body.ac-divmo .ac-be-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    flex-shrink: 0 !important;
    border-radius: 9px !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
    color: var(--ac-primary, #2563EB) !important;
    font-size: 13px !important;
}

/* ---------- 4) BEINFOBOX (varsa) ---------- */
body.ac-divmo .beinfobox {
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    border-radius: var(--ac-radius-lg, 14px) !important;
    box-shadow: none !important;
    padding: 16px !important;
    height: 100% !important;
}
body.ac-divmo .beinfobox .name {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin-bottom: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;
    color: var(--ac-muted, #94A3B8) !important;
}
body.ac-divmo .beinfobox .value {
    font-size: 21px !important;
    font-weight: 700 !important;
    color: var(--ac-heading, #0F172A) !important;
}

/* ---------- 5) ETIKET / DEGER SATIRLARI ---------- */
body.ac-divmo .ac-be-kv {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 11px 0 !important;
    border-bottom: 1px solid #F1F5F9 !important;
    margin: 0 !important;
}
body.ac-divmo .ac-be-kv:last-child { border-bottom: 0 !important; }

body.ac-divmo .ac-be-kv > [class*="col-"] {
    width: auto !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.ac-divmo .ac-be-kv > [class*="col-"]:first-child {
    color: var(--ac-muted, #64748B) !important;
    font-size: 13.5px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
/* Deger: IP gibi degerler ortadan kirilmasin, kopyala ikonu yanda kalsin */
body.ac-divmo .ac-be-kv > [class*="col-"]:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    text-align: right !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    color: var(--ac-text, #1E293B) !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}
body.ac-divmo .ac-be-kv img[src*="copy"],
body.ac-divmo .becard img[src*="copy"] {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    opacity: .45 !important;
    transition: var(--ac-transition, all .18s ease) !important;
}
body.ac-divmo img[src*="copy"]:hover { opacity: 1 !important; }

/* ---------- 6) FIYAT BLOGU (alt alta) ---------- */
body.ac-divmo .ac-be-price {
    display: block !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #F1F5F9 !important;
}
body.ac-divmo .ac-be-price > [class*="col-"] {
    width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    text-align: left !important;
}
body.ac-divmo .beaccounting .finance {
    display: block !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--ac-heading, #0F172A) !important;
    letter-spacing: -.5px !important;
    line-height: 1.2 !important;
}
body.ac-divmo .beaccounting .nextdue,
body.ac-divmo .ac-be-price > [class*="col-"]:last-child {
    font-size: 12.5px !important;
    color: var(--ac-muted, #94A3B8) !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
}

/* ---------- 7) SEKMELER ---------- */
body.ac-divmo .ac-be-tabs ul,
body.ac-divmo .becard-menu-list ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 4px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}
body.ac-divmo .ac-be-tabs ul::-webkit-scrollbar { display: none !important; }

body.ac-divmo .becard-menu-list ul li {
    flex-shrink: 0 !important;
    padding: 9px 15px !important;
    border-bottom: 0 !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: var(--ac-muted, #64748B) !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: var(--ac-transition, all .18s ease) !important;
}
body.ac-divmo .becard-menu-list ul li:hover {
    background: var(--ac-surface, #F1F5F9) !important;
    color: var(--ac-text, #1E293B) !important;
}
body.ac-divmo .becard-menu-list ul li.active {
    background: var(--ac-primary, #2563EB) !important;
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(37, 99, 235, .25) !important;
}
body.ac-divmo .becard-menu-list ul li.active a,
body.ac-divmo .becard-menu-list ul li.active * { color: #fff !important; }

/* ---------- 8) HALKA GRAFIKLER ---------- */
body.ac-divmo .besr_circle_chart {
    max-height: 140px !important;
    margin: 4px auto 12px !important;
}
body.ac-divmo .besr_circle_bg { stroke: #EEF2F7 !important; stroke-width: 3.2 !important; }
body.ac-divmo .besr_circle { stroke: var(--ac-primary, #2563EB) !important; stroke-width: 3.2 !important; }
body.ac-divmo .besr_circle_percentage { font-weight: 700 !important; fill: var(--ac-heading, #0F172A) !important; }

/* ---------- 9) ISLEM KARTLARI (Durdur / Yeniden Baslat / IP Entegre ...) ---------- */
body.ac-divmo .ac-be-card > .becard > .becard-content > a,
body.ac-divmo .becard > .becard-content > a:only-child {
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    font-weight: 600 !important;
    font-size: 14.5px !important;
    color: var(--ac-text, #1E293B) !important;
}
body.ac-divmo .becard-content > a img,
body.ac-divmo .becard-content > a svg {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    opacity: .6 !important;
}
body.ac-divmo .becard:has(> .becard-content > .ac-be-action):hover {
    border-color: var(--ac-primary, #2563EB) !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
}
body.ac-divmo .becard:has(> .becard-content > a:only-child):hover a { color: var(--ac-primary, #2563EB) !important; }

/* ---------- 10) BUTONLAR (sadece modul icinde) ---------- */
body.ac-divmo .becard .btn {
    border-radius: var(--ac-radius, 10px) !important;
    padding: 11px 16px !important;
    font-weight: 600 !important;
    gap: 9px !important;
    transition: var(--ac-transition, all .18s ease) !important;
}
body.ac-divmo .becard .btn i,
body.ac-divmo .becard .btn img { margin-right: 0 !important; }
body.ac-divmo .becard .btn-primary {
    background: var(--ac-primary, #2563EB) !important;
    border-color: var(--ac-primary, #2563EB) !important;
}
body.ac-divmo .becard .btn-primary:hover {
    background: var(--ac-primary-dark, #1D4ED8) !important;
    border-color: var(--ac-primary-dark, #1D4ED8) !important;
    transform: translateY(-1px) !important;
}

/* ---------- 11) FORMLAR ---------- */
body.ac-divmo .beform-control,
body.ac-divmo .beform-input-area input,
body.ac-divmo .beform-input-area select {
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    border-radius: var(--ac-radius, 10px) !important;
    padding: 11px 14px !important;
    font-size: 14.5px !important;
    width: 100% !important;
    max-width: 100% !important;
}
body.ac-divmo .beform-control:focus {
    border-color: var(--ac-primary, #2563EB) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
    outline: 0 !important;
}

/* ---------- 12) TABLOLAR ---------- */
body.ac-divmo .btable { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; }
body.ac-divmo .btable th {
    font-size: 11.5px !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;
    color: var(--ac-muted, #94A3B8) !important;
    font-weight: 700 !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid var(--ac-border, #E2E8F0) !important;
}
body.ac-divmo .btable td {
    padding: 13px 14px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    font-size: 14px !important;
}
@media (max-width: 767px) {
    body.ac-divmo .btable { display: block !important; overflow-x: auto !important; white-space: nowrap !important; }
}

/* ================================================================================
   v108 — "Kopyalandı" bildirimi + DiVMo son rotuslar
   ================================================================================ */

/* ---------- TOAST ---------- */
.ac-toast {
    position: fixed !important;
    left: 50% !important;
    bottom: 28px !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 20px !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    background: #0F172A !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .28) !important;
    pointer-events: none !important;
    opacity: 0;
    transform: translateX(-50%) translateY(14px);
    transition: opacity .2s ease, transform .2s ease;
}
.ac-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.ac-toast i {
    color: #4ADE80 !important;
    font-size: 15px !important;
}
@media (max-width: 575px) {
    .ac-toast {
        bottom: 20px !important;
        font-size: 13.5px !important;
        padding: 11px 18px !important;
    }
}

/* ---------- Buyuk degerli satirlar alt alta (IP Adresi vb.) ---------- */
body.ac-divmo .ac-be-kv-stack {
    display: block !important;
    padding: 12px 0 !important;
}
body.ac-divmo .ac-be-kv-stack > [class*="col-"] {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
}
body.ac-divmo .ac-be-kv-stack > [class*="col-"]:first-child {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;
    color: var(--ac-muted, #94A3B8) !important;
    margin-bottom: 6px !important;
}
body.ac-divmo .ac-be-kv-stack > [class*="col-"]:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--ac-heading, #0F172A) !important;
    letter-spacing: -.3px !important;
}

/* ---------- Kart icindeki etiket/deger tablolari ---------- */
body.ac-divmo .becard-content table:not(.btable) {
    width: 100% !important;
    border-collapse: collapse !important;
}
body.ac-divmo .becard-content table:not(.btable) td {
    padding: 10px 0 !important;
    border-bottom: 1px solid #F1F5F9 !important;
    font-size: 13.5px !important;
    vertical-align: middle !important;
}
body.ac-divmo .becard-content table:not(.btable) tr:last-child td { border-bottom: 0 !important; }
body.ac-divmo .becard-content table:not(.btable) td:first-child {
    color: var(--ac-muted, #64748B) !important;
    white-space: nowrap !important;
    padding-right: 14px !important;
}
body.ac-divmo .becard-content table:not(.btable) td:last-child {
    text-align: right !important;
    font-weight: 600 !important;
    color: var(--ac-text, #1E293B) !important;
}

/* ---------- Halka grafikler: degere gore renk ---------- */
body.ac-divmo .besr_circle_chart { max-height: 148px !important; }
body.ac-divmo .ac-gauge-ok .besr_circle   { stroke: var(--ac-primary, #2563EB) !important; }
body.ac-divmo .ac-gauge-warn .besr_circle { stroke: #F59E0B !important; }
body.ac-divmo .ac-gauge-crit .besr_circle { stroke: #EF4444 !important; }
body.ac-divmo .ac-gauge-warn .besr_circle_percentage { fill: #B45309 !important; }
body.ac-divmo .ac-gauge-crit .besr_circle_percentage { fill: #B91C1C !important; }
body.ac-divmo .besr_circle {
    stroke-linecap: round !important;
    transition: stroke .3s ease !important;
}

/* Grafik altindaki "276 MHZ / 5600 MHZ" satiri */
body.ac-divmo .besr_circle_chart + *,
body.ac-divmo .becard-content .berow-center + * {
    font-size: 13px !important;
    color: var(--ac-muted, #94A3B8) !important;
}

/* ---------- Metrik kartlari: hover ---------- */
body.ac-divmo .ac-be-tile:hover {
    border-color: #CBD5E1 !important;
    transform: translateY(-1px) !important;
}
body.ac-divmo .ac-be-tile:hover .ac-be-ico {
    background: var(--ac-primary, #2563EB) !important;
    color: #fff !important;
}
body.ac-divmo .ac-be-ico { transition: var(--ac-transition, all .18s ease) !important; }

/* ---------- Kart icerigi dikeyde yayilsin (bosluk dengesi) ---------- */
body.ac-divmo .becard { display: flex !important; flex-direction: column !important; }
body.ac-divmo .becard > .becard-content { flex: 1 1 auto !important; }

/* ================================================================================
   v109 — DiVMo son duzeltmeler (gercek HTML'e gore)
   Kaynak yapidan ogrendiklerimiz:
   - Bazi satirlar Bootstrap col-6 kullaniyor, becol-6 degil
   - Islem kartlarinda IP Entegre ve Disk Genislet ayni uptime.svg'yi kullaniyor
   - Grafik basliklari duz div.text-center
   ================================================================================ */

/* Etiket/deger satirlari: col-6 de dahil */
body.ac-divmo .becard-content .berow.ac-be-kv,
body.ac-divmo .becard-content .berow.ac-be-kv-stack {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body.ac-divmo .ac-be-kv > [class*="col-"],
body.ac-divmo .ac-be-kv-stack > [class*="col-"],
body.ac-divmo .ac-be-price > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Modulun .nextdue'su 12px yapiyordu, okunaksizdi */
body.ac-divmo .beaccounting .nextdue,
body.ac-divmo .ac-be-kv.nextdue,
body.ac-divmo .ac-be-kv-stack.nextdue {
    font-size: 13.5px !important;
}

/* Kart icindeki ayrac */
body.ac-divmo .becard-content hr {
    border: 0 !important;
    border-top: 1px solid var(--ac-border, #E2E8F0) !important;
    margin: 14px 0 !important;
    opacity: 1 !important;
}

/* Alt alta satirlarda deger buyuk ve kopyala ikonu yaninda */
body.ac-divmo .ac-be-kv-stack .betext-primary-open,
body.ac-divmo .ac-be-kv-stack .text-lg {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--ac-heading, #0F172A) !important;
    letter-spacing: -.2px !important;
}
body.ac-divmo .ac-be-kv-stack > [class*="col-"]:first-child .betext-primary,
body.ac-divmo .ac-be-kv-stack > [class*="col-"]:first-child span {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;
    color: var(--ac-muted, #94A3B8) !important;
}

/* Kopyala baglantisi (modul: a.beCopyText) */
body.ac-divmo .beCopyText {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    margin-left: 6px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    background: var(--ac-surface, #F1F5F9) !important;
    color: var(--ac-muted, #94A3B8) !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
    transition: var(--ac-transition, all .18s ease) !important;
    text-decoration: none !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}
body.ac-divmo .beCopyText:hover {
    background: var(--ac-primary-bg, #EFF6FF) !important;
    border-color: #BFDBFE !important;
    color: var(--ac-primary, #2563EB) !important;
}

/* Modulun cizgileri saga kaymis hatali copy.svg ikonunu gizle */
body.ac-divmo .beCopyText img,
body.ac-divmo .ac-be-kv img[src*="copy"],
body.ac-divmo .becard img[src*="copy"] {
    display: none !important;
}

/* CSS Mask fallback: JS calismasa dahi aninda kusursuz, simetrik kopyalama ikonu */
body.ac-divmo .beCopyText:not(:has(.ac-be-copy-ico))::after {
    content: '' !important;
    width: 14px !important;
    height: 14px !important;
    display: block !important;
    background-color: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* Vektor SVG ikonu: Tam ortalanmis, net, 14x14px, simetrik ve dengeli cizgiler */
body.ac-divmo .ac-be-copy-ico {
    width: 14px !important;
    height: 14px !important;
    display: block !important;
    margin: 0 auto !important;
    color: inherit !important;
    stroke: currentColor !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
    transition: transform .18s ease, color .18s ease, stroke .18s ease !important;
}

body.ac-divmo .beCopyText:hover .ac-be-copy-ico {
    color: var(--ac-primary, #2563EB) !important;
    stroke: var(--ac-primary, #2563EB) !important;
    transform: scale(1.06) !important;
}

/* ---------- Islem kartlari ---------- */
body.ac-divmo .ac-be-action {
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    width: 100% !important;
    font-weight: 600 !important;
    font-size: 14.5px !important;
    color: var(--ac-text, #1E293B) !important;
}
body.ac-divmo .ac-be-action .ml-1 { margin-left: 0 !important; }
body.ac-divmo .becard:has(> .becard-content > .ac-be-action) { cursor: pointer !important; }
body.ac-divmo .becard:has(> .becard-content > .ac-be-action):hover {
    border-color: var(--ac-primary, #2563EB) !important;
    background: var(--ac-primary-bg, #EFF6FF) !important;
}
body.ac-divmo .becard:has(> .becard-content > .ac-be-action):hover .ac-be-action { color: var(--ac-primary, #2563EB) !important; }
body.ac-divmo .becard:has(> .becard-content > .ac-be-action):hover .ac-be-ico {
    background: var(--ac-primary, #2563EB) !important;
    color: #fff !important;
}

/* ---------- Kullanim grafikleri ---------- */
body.ac-divmo .ac-be-gauge { text-align: center !important; }
body.ac-divmo .ac-be-gauge-title {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    color: var(--ac-muted, #94A3B8) !important;
    margin-bottom: 2px !important;
}
body.ac-divmo .ac-be-gauge-sub {
    font-size: 12.5px !important;
    color: var(--ac-muted, #94A3B8) !important;
    font-weight: 500 !important;
}
body.ac-divmo .besr_circle_percentage {
    font-size: 8px !important;
    font-weight: 700 !important;
}

/* Modulun JS'i stroke'u satir ici stille yaziyor; !important ile eziyoruz */
body.ac-divmo .ac-gauge-ok .besr_circle   { stroke: var(--ac-primary, #2563EB) !important; }
body.ac-divmo .ac-gauge-warn .besr_circle { stroke: #F59E0B !important; }
body.ac-divmo .ac-gauge-crit .besr_circle { stroke: #EF4444 !important; }

/* ---------- Sekmeler: modul <a><span> kullaniyor ---------- */
body.ac-divmo .becard-menu-list ul li a {
    display: block !important;
    color: inherit !important;
}
body.ac-divmo .becard-menu-list ul li a span { color: inherit !important; }

/* ---------- Metrik kartlarindaki deger span'i ---------- */
body.ac-divmo .ac-be-tile .becard-content .betext-primary,
body.ac-divmo .ac-be-tile .becard-content .text-sm {
    font-size: 21px !important;
    font-weight: 700 !important;
    color: var(--ac-heading, #0F172A) !important;
}
body.ac-divmo .ac-be-tile .becard-content { text-align: left !important; }
body.ac-divmo .ac-be-tile .becard-title.berow-stack {
    justify-content: flex-start !important;
    gap: 9px !important;
}

/* ================================================================================
   v110 — DiVMo: dis sarmalayici, bosluklar ve olcekler
   Modulun tamami <div class="becard px-2 py-3"> ile sarili. Bu bir kart
   degil, kapsayici. Kart stili verilince her seyin etrafina cerceve
   ciziyordu; :has(...):hover kurallari da icerideki tum ikonlari
   birden maviye boyuyordu. Artik duz birakiliyor.
   ================================================================================ */
body.ac-divmo .becard.ac-be-wrap {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
}
body.ac-divmo .becard.ac-be-wrap:hover {
    box-shadow: none !important;
    border-color: transparent !important;
    background: transparent !important;
}

/* Sutun aralari: sadece ust seviye satirlarda bosluk */
body.ac-divmo .ac-be-wrap > .berow > [class*="becol-"],
body.ac-divmo .becard-content > .berow > [class*="becol-"] {
    margin-bottom: 14px !important;
}
body.ac-divmo .ac-be-kv,
body.ac-divmo .ac-be-kv-stack,
body.ac-divmo .ac-be-price {
    margin-bottom: 0 !important;
}
body.ac-divmo .ac-be-kv > [class*="col-"],
body.ac-divmo .ac-be-kv-stack > [class*="col-"],
body.ac-divmo .ac-be-price > [class*="col-"] {
    margin-bottom: 0 !important;
    max-width: none !important;
}

/* Alt alta satirlar: daha derli toplu */
body.ac-divmo .ac-be-kv-stack {
    padding: 9px 0 !important;
    border-bottom: 1px solid #F1F5F9 !important;
}
body.ac-divmo .ac-be-kv-stack:last-child { border-bottom: 0 !important; }
body.ac-divmo .ac-be-kv-stack > [class*="col-"]:first-child { margin-bottom: 3px !important; }
body.ac-divmo .ac-be-kv-stack .betext-primary-open,
body.ac-divmo .ac-be-kv-stack .text-lg {
    font-size: 17px !important;
}
/* Modulun mt-1 / mt-3 / my-2 bosluklarini kv satirlarinda sifirla */
body.ac-divmo .ac-be-kv-stack.mt-1,
body.ac-divmo .ac-be-kv-stack.mt-3,
body.ac-divmo .ac-be-kv-stack.my-2,
body.ac-divmo .ac-be-kv.mt-1,
body.ac-divmo .ac-be-kv.mt-3 {
    margin-top: 0 !important;
}

/* Yan yana satirlarda deger tek satirda kalsin */
body.ac-divmo .ac-be-kv > [class*="col-"]:last-child {
    flex: 1 1 auto !important;
    white-space: normal !important;
}

/* Grafik yuzdesi cok buyumustu (36 birimlik viewBox olceklenyor) */
body.ac-divmo .besr_circle_percentage { font-size: 6px !important; }

/* Ikon kutusu biraz kucuk ve yumusak */
body.ac-divmo .ac-be-ico {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
}
body.ac-divmo .ac-be-action .ac-be-ico {
    width: 34px !important;
    height: 34px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
}

/* Islem karti baglanti rengi (modul a{color} veriyordu) */
body.ac-divmo .ac-be-action { color: var(--ac-text, #1E293B) !important; }

/* ================================================================================
   v111 — DiVMo cila
   ================================================================================ */

/* ---------- Kartlar esit yukseklikte ama icerik dikeyde ortali ----------
   Yan yana kartlar esitlenince kisa olanin alti bos kaliyordu. */
body.ac-divmo .becard:not(.ac-be-wrap):not(.ac-be-tile) > .becard-content:not(.no-p) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
/* Grafik, sekme ve form iceren kartlarda ortalama yapma */
body.ac-divmo .becard > .becard-content:has(.besr_percent),
body.ac-divmo .becard > .becard-content:has(.becard-menu-list),
body.ac-divmo .becard > .becard-content:has(form),
body.ac-divmo .becard > .becard-content:has(.btable) {
    display: block !important;
}

/* Ic satirlarin dikeyde esit dagilmasi */
body.ac-divmo .becard-content > .berow:only-child > [class*="becol-"]:only-child {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100% !important;
}

/* ---------- Bos sifre ipucu ---------- */
body.ac-divmo .ac-be-hint {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 6px 12px !important;
    border-radius: var(--ac-radius-full, 999px) !important;
    background: var(--ac-surface, #F1F5F9) !important;
    color: var(--ac-muted, #64748B) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
body.ac-divmo .ac-be-hint i {
    color: var(--ac-primary, #2563EB) !important;
    font-size: 12px !important;
}
body.ac-divmo .ac-be-empty .beCopyText { display: none !important; }

/* ---------- NET halkasi: yuzde degil hiz ---------- */
body.ac-divmo .ac-gauge-rate .besr_circle {
    stroke: #14B8A6 !important;
}
body.ac-divmo .ac-gauge-rate.ac-gauge-warn .besr_circle {
    stroke: #F59E0B !important;
}
body.ac-divmo .ac-gauge-rate.ac-gauge-crit .besr_circle {
    stroke: #EF4444 !important;
}
body.ac-divmo .ac-gauge-rate .besr_circle_percentage {
    font-size: 4.6px !important;
    fill: #0F766E !important;
    font-weight: 700 !important;
}
body.ac-divmo .ac-gauge-rate.ac-gauge-warn .besr_circle_percentage {
    fill: #B45309 !important;
}
body.ac-divmo .ac-gauge-rate.ac-gauge-crit .besr_circle_percentage {
    fill: #B91C1C !important;
}

/* ---------- Halkalar: yumusak gecis ---------- */
body.ac-divmo .besr_circle {
    stroke-width: 3.4 !important;
    stroke-linecap: round !important;
    transition: stroke .35s ease, stroke-dasharray .35s ease !important;
}
body.ac-divmo .besr_circle_bg { stroke-width: 3.4 !important; }
body.ac-divmo .ac-be-gauge {
    padding: 6px 4px 2px !important;
}

/* ---------- Sekmeler: aktif durum + kapsayici ---------- */
body.ac-divmo .becard-menu-list {
    padding: 2px !important;
}
body.ac-divmo .becard-menu-list ul li {
    position: relative !important;
}
body.ac-divmo .becard-menu-list ul li.active {
    background: var(--ac-primary, #2563EB) !important;
    color: #fff !important;
    box-shadow: 0 3px 12px rgba(37, 99, 235, .28) !important;
}
body.ac-divmo .becard-menu-list ul li.active a,
body.ac-divmo .becard-menu-list ul li.active a span,
body.ac-divmo .becard-menu-list ul li.active * {
    color: #fff !important;
}
body.ac-divmo .becard-menu-list ul li:not(.active):hover {
    background: var(--ac-primary-bg, #EFF6FF) !important;
    color: var(--ac-primary, #2563EB) !important;
}
body.ac-divmo .becard-menu-list ul li:not(.active):hover a,
body.ac-divmo .becard-menu-list ul li:not(.active):hover span {
    color: var(--ac-primary, #2563EB) !important;
}

/* ---------- Kart hover: hafif yukselme ---------- */
body.ac-divmo .becard:not(.ac-be-wrap) {
    transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease !important;
}
body.ac-divmo .becard:not(.ac-be-wrap):hover {
    transform: translateY(-2px) !important;
}

/* ---------- Baslik ve deger tipografisi ---------- */
body.ac-divmo .becard-title {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: var(--ac-heading, #0F172A) !important;
    letter-spacing: -.2px !important;
}
body.ac-divmo .ac-be-tile .becard-title {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .4px !important;
    color: var(--ac-muted, #94A3B8) !important;
}
body.ac-divmo .text-success { color: #059669 !important; font-weight: 600 !important; }

/* Islem kartlarina hafif ok ipucu (gercek <i>, CSS content degil) */
body.ac-divmo .ac-be-arrow {
    margin-left: auto !important;
    font-size: 11px !important;
    color: var(--ac-primary, #2563EB) !important;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .18s ease, transform .18s ease;
}
body.ac-divmo .becard:has(> .becard-content > .ac-be-action):hover .ac-be-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* Mobilde hover efektlerini kapat (dokunmatikte takiliyor) */
@media (hover: none) {
    body.ac-divmo .becard:not(.ac-be-wrap):hover { transform: none !important; }
    body.ac-divmo .ac-be-arrow { display: none !important; }
}

/* ================================================================================
   v115 — Masaustunde ust satirdaki bosluk
   Iki deneme yanlis cikti, notu birakiyorum:
     v113: kartlari esnettim -> sisip yayvan durdular
     v114: align-content: space-between -> iki satir uclara itildi,
           aralarinda devasa bosluk kaldi
   Dogrusu: kartlar dogal boyutunda kalir, izgara blok halinde
   dikeyde ORTALANIR (align-content: center). Sadece masaustu.
   ================================================================================ */
@media (min-width: 992px) {
    body.ac-divmo .ac-be-wrap > .berow {
        align-items: stretch !important;
    }
    body.ac-divmo .ac-be-wrap > .berow > [class*="becol-"] {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Ic izgara kalan yuksekligi kaplar, bosluk satir aralarina gider */
    body.ac-divmo .ac-be-wrap > .berow > [class*="becol-"] > .berow {
        flex: 1 1 auto !important;
        align-content: center !important;
        margin-bottom: 0 !important;
    }

    /* Kartlar dogal boyutunda kalsin, esnemesin */
    body.ac-divmo .ac-be-wrap > .berow > [class*="becol-"] > .berow > [class*="becol-"] {
        display: block !important;
    }
    body.ac-divmo .ac-be-tile {
        height: auto !important;
        min-height: 0 !important;
    }
    body.ac-divmo .ac-be-tile .becard-header { padding: 15px 18px 0 !important; }
    body.ac-divmo .ac-be-tile .becard-content:not(.no-p) { padding: 3px 18px 15px !important; }
}

/* ================================================================================
   v116 — DiVMo sayfasi: tema butonlari + kredi bakiyesi rozeti
   ================================================================================ */

/* ---- bemain.css govdede yukleniyor ve GLOBAL bir .btn tanimliyor:
   .btn { display: flex; width: fit-content; padding: 10px }
   Bu, sayfadaki tum Bootstrap butonlarini eziyordu. Flex olunca
   "1" ile "Notifications" arasindaki bosluk yok oluyor ve buton
   yukari kayiyordu. Modul disindaki alanlarda geri aliyoruz. ---- */
body.ac-divmo #header .btn,
body.ac-divmo .topbar .btn,
body.ac-divmo .navbar .btn,
body.ac-divmo .sidebar .btn,
body.ac-divmo #footer .btn,
body.ac-divmo .footer-section .btn,
body.ac-divmo .modal .btn,
body.ac-divmo .primary-content > .card .btn {
    display: inline-block !important;
    width: auto !important;
    justify-content: normal !important;
    align-items: normal !important;
}
body.ac-divmo #accountNotifications,
body.ac-divmo .topbar .btn {
    padding: 6px 12px !important;
    line-height: 1.5 !important;
}
body.ac-divmo .topbar .cart-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* ---- Kredi bakiyesi rozeti ---- */
.ac-credit,
#header.header .topbar .ac-credit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 14px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    line-height: 38px !important;
    box-sizing: border-box !important;
    border-radius: 9px !important;
    border: 1px solid #CBD5E1 !important;
    background: #FFFFFF !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
    color: #1E293B !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.18s ease !important;
}
.ac-credit:hover,
#header.header .topbar .ac-credit:hover {
    border-color: #94A3B8 !important;
    background: #F1F5F9 !important;
    color: #0F172A !important;
    text-decoration: none !important;
}
.ac-credit i {
    font-size: 14px !important;
    color: var(--ac-primary, #2563EB) !important;
}
.ac-credit-label {
    color: var(--ac-muted, #64748B) !important;
    font-weight: 500 !important;
}
.ac-credit:hover .ac-credit-label { color: var(--ac-primary, #2563EB) !important; }
.ac-credit-val {
    color: #059669 !important;
    font-weight: 700 !important;
}

/* Bildirim butonu zil ve sayi stili */
#accountNotifications .fa-bell {
    font-size: 13.5px !important;
}
#accountNotifications .text-warning {
    color: #F59E0B !important;
}

/* Dar ekranda "Bakiye" yazisini gizle, tutar kalsin - Buton boyutu topbar ile ayni (34px) */
@media (max-width: 767px) {
    .ac-credit-item { margin-left: 0 !important; }
    .ac-credit,
    #header.header .topbar .ac-credit {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        box-sizing: border-box !important;
        padding: 0 10px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        gap: 5px !important;
        line-height: 34px !important;
        border: 1px solid #CBD5E1 !important;
        background: #FFFFFF !important;
    }
    .ac-credit-label { display: none !important; }
}

/* ================================================================================
   v117 — Hizmetler ve Alan Adları Müşteri/Proje Kategorileme Sistemi ("Bütünleşik Hub")
   (Örn: Bayilerin "Drapp Tekstil" gibi müşterilerine ait varlıkları gruplaması)
   ================================================================================ */

/* ---- Satır İçi Kategori Etiketi (In-Row Category Badge) ---- */
.ac-svc-title-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
    vertical-align: middle !important;
    margin-bottom: 6px !important;
}
.ac-dom-title-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
    vertical-align: middle !important;
    margin-bottom: 3px !important;
}
.ac-dom-title-row a {
    font-weight: 600 !important;
    color: var(--ac-primary, #2563EB) !important;
}
.ac-cat-tag-container {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin-left: 4px;
}
.ac-cat-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 3px 9px !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    border: 1px solid var(--cat-color, #2563EB) !important;
    background: rgba(37, 99, 235, 0.08) !important;
    color: var(--cat-color, #2563EB) !important;
    cursor: pointer !important;
    transition: all .16s ease !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}
.ac-cat-tag:hover {
    background: var(--cat-color, #2563EB) !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2) !important;
}
.ac-cat-tag:hover .ac-cat-dot {
    background: #fff !important;
}
.ac-cat-tag-empty {
    border: 1px dashed #CBD5E1 !important;
    background: #F8FAFC !important;
    color: #64748B !important;
}
.ac-cat-tag-empty:hover {
    border-color: #2563EB !important;
    background: #EFF6FF !important;
    color: #2563EB !important;
    border-style: solid !important;
}
.ac-cat-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    transition: background .16s;
}
.ac-cat-arrow {
    font-size: 8.5px;
    opacity: 0.7;
    margin-left: 2px;
}

/* ---- Kategori Filtre Çubuğu (Category Pill Bar) ---- */
.ac-cat-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}
.ac-cat-bar-scroll {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: 2px 0;
}
.ac-cat-bar-scroll::-webkit-scrollbar {
    display: none;
}
.ac-cat-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex: 0 0 auto !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 999px !important;
    padding: 6px 13px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: all .18s ease !important;
}
.ac-cat-pill:hover {
    background: #EFF6FF !important;
    border-color: #3B82F6 !important;
    color: #2563EB !important;
}
.ac-cat-pill.active {
    background: #2563EB !important;
    border-color: #2563EB !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25) !important;
}
.ac-cat-pill.active .ac-cat-dot {
    background: #fff !important;
}
.ac-cat-pill.active .ac-pill-count {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #fff !important;
}
.ac-pill-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border-radius: 999px;
    background: #E2E8F0;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
}

/* Eylemler */
.ac-cat-bar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.ac-btn-hub {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: linear-gradient(135deg, #0F172A 0%, #1E3A5F 50%, #2563EB 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 7px 13px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2) !important;
    white-space: nowrap !important;
}
.ac-btn-hub:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
    color: #fff !important;
}
.ac-btn-manage {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    border: 1px solid #E2E8F0 !important;
    background: #fff !important;
    color: #64748B !important;
    cursor: pointer !important;
    transition: all .18s !important;
}
.ac-btn-manage:hover {
    border-color: #2563EB !important;
    color: #2563EB !important;
    background: #EFF6FF !important;
}

/* Filtre Bildirim Şeridi */
.ac-cat-filter-notice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-left: 4px solid #2563EB;
    border-radius: 8px;
    padding: 9px 15px;
    margin-bottom: 14px;
    font-size: 13.5px;
    animation: acPopFade .2s ease;
}
.ac-notice-content {
    display: flex;
    align-items: center;
    gap: 9px;
}
.ac-notice-badge {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}
.ac-notice-btn {
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 5px 12px !important;
}

/* ---- Hızlı Atama Popover (Quick Assign Dropdown) ---- */
.ac-cat-popover {
    position: absolute;
    z-index: 1060;
    width: 285px;
    background: #fff;
    border: 1px solid #CBD5E1;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
    font-size: 13px;
    color: #1E293B;
    animation: acPopFade .15s ease-out;
    padding: 0;
    overflow: hidden;
}
@keyframes acPopFade {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
.ac-pop-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 14px 7px;
    border-bottom: 1px solid #F1F5F9;
    background: #F8FAFC;
}
.ac-pop-title {
    font-weight: 700;
    font-size: 13px;
    color: #0F172A;
    display: flex;
    align-items: center;
    gap: 6px;
}
.ac-pop-close {
    background: none;
    border: none;
    font-size: 18px;
    color: #94A3B8;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}
.ac-pop-close:hover { color: #0F172A; }
.ac-pop-sub {
    padding: 6px 14px;
    font-size: 11.5px;
    color: #64748B;
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ac-pop-body {
    padding: 10px 14px 14px;
}
.ac-pop-list {
    max-height: 160px;
    overflow-y: auto;
    margin-bottom: 10px;
}
.ac-pop-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 2px;
    transition: background .12s;
    font-size: 12.5px;
}
.ac-pop-item:hover {
    background: #F1F5F9;
}
.ac-pop-item.selected {
    background: #EFF6FF;
    font-weight: 600;
    color: #2563EB;
}
.ac-pop-item input[type="radio"] {
    margin: 0;
    cursor: pointer;
}
.ac-pop-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.ac-pop-name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ac-pop-sync-box {
    background: #EFF6FF;
    border: 1px solid #DBEAFE;
    border-radius: 6px;
    padding: 8px 10px;
    margin-bottom: 10px;
    font-size: 11.5px;
    color: #1E40AF;
}
.ac-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 0;
    cursor: pointer;
    line-height: 1.35;
}
.ac-checkbox-label input[type="checkbox"] {
    margin-top: 2px;
}
.ac-pop-create {
    border-top: 1px solid #E2E8F0;
    padding-top: 9px;
}
.ac-create-toggle {
    font-size: 12px;
    font-weight: 600;
    color: #2563EB;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ac-create-toggle:hover { text-decoration: underline; }
.ac-create-form {
    margin-top: 8px;
}
.ac-input-sm {
    width: 100%;
    border: 1px solid #CBD5E1;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 12px;
    margin-bottom: 8px;
    outline: none;
}
.ac-input-sm:focus {
    border-color: #2563EB;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}
.ac-color-swatches {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.ac-color-swatch {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    cursor: pointer;
    transition: transform .12s;
    border: 2px solid transparent;
}
.ac-color-swatch:hover { transform: scale(1.2); }
.ac-color-swatch.selected {
    border-color: #0F172A;
    transform: scale(1.15);
}
.ac-btn-sm {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    border: none !important;
    text-decoration: none !important;
}
.ac-btn-xs {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    border-radius: 5px !important;
    padding: 4px 8px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    border: none !important;
    text-decoration: none !important;
}
.ac-btn-primary { background: #2563EB !important; color: #fff !important; }
.ac-btn-primary:hover { background: #1D4ED8 !important; color: #fff !important; }
.ac-btn-secondary { background: #E2E8F0 !important; color: #475569 !important; }
.ac-btn-secondary:hover { background: #CBD5E1 !important; color: #1E293B !important; }
.ac-btn-outline { background: #fff !important; border: 1px solid #CBD5E1 !important; color: #475569 !important; }
.ac-btn-outline:hover { border-color: #2563EB !important; color: #2563EB !important; background: #EFF6FF !important; }
.ac-btn-danger { background: #EF4444 !important; color: #fff !important; }
.ac-btn-danger:hover { background: #DC2626 !important; color: #fff !important; }

/* ---- Bütünleşik Modal (Unified Hub Modal) ---- */
.ac-cat-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow-y: auto;
    animation: acPopFade .2s ease;
}
.ac-modal-dialog {
    background: #fff;
    border-radius: 16px;
    width: 100%;
    max-width: 600px;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.22);
    overflow: hidden;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    margin: auto;
}
.ac-modal-lg {
    max-width: 980px !important;
}
.ac-modal-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
}
.ac-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    border-bottom: 1px solid #E2E8F0;
    background: #F8FAFC;
    flex-shrink: 0;
}
.ac-modal-title {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: #0F172A;
}
.ac-modal-subtitle {
    margin: 3px 0 0;
    font-size: 12.5px;
    color: #64748B;
}
.ac-modal-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #94A3B8;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}
.ac-modal-close:hover { color: #0F172A; }
.ac-modal-body {
    padding: 20px 24px;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(90vh - 120px);
}
.ac-modal-body::-webkit-scrollbar {
    width: 6px;
}
.ac-modal-body::-webkit-scrollbar-track {
    background: #F1F5F9;
    border-radius: 4px;
}
.ac-modal-body::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 4px;
}
.ac-modal-body::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}
.ac-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 24px;
    border-top: 1px solid #E2E8F0;
    background: #F8FAFC;
    flex-shrink: 0;
}

/* ---- Şık Kategori Oluşturma Modalı (Premium Create Category Modal) ---- */
.ac-create-cat-dialog {
    max-width: 490px !important;
    border-radius: 18px !important;
}
.ac-create-header-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
}
.ac-create-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #EFF6FF;
    color: #2563EB;
    border: 1px solid #DBEAFE;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    flex-shrink: 0;
}
.ac-create-field {
    margin-bottom: 18px;
}
.ac-create-field:last-child {
    margin-bottom: 0;
}
.ac-create-label {
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 7px;
    letter-spacing: 0.2px;
}
.ac-create-label span {
    font-weight: 400;
    color: #94A3B8;
    font-size: 11.5px;
}
.ac-create-input {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid #CBD5E1;
    border-radius: 10px;
    font-size: 14px;
    color: #0F172A;
    background: #fff;
    outline: none;
    transition: all .2s ease;
    box-sizing: border-box;
}
.ac-create-input:focus {
    border-color: #2563EB;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
.ac-palette-picker {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 4px;
}
.ac-palette-color {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all .18s cubic-bezier(.4, 0, .2, 1);
    position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ac-palette-color:hover {
    transform: scale(1.12);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.ac-palette-color.selected {
    transform: scale(1.14);
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--swatch-color, #2563EB);
}
.ac-palette-color.selected i {
    color: #fff;
    font-size: 12px;
}

/* Hub Başlık & Sekmeler */
.ac-hub-title-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
}
.ac-hub-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #EFF6FF;
    color: #2563EB;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    flex-shrink: 0;
}
.ac-hub-cat-selector {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
    border-bottom: 1px solid #E2E8F0;
    padding-bottom: 12px;
}
.ac-hub-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
}
.ac-hub-tabs::-webkit-scrollbar { display: none; }
.ac-hub-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    border-radius: 8px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all .16s ease;
    white-space: nowrap;
}
.ac-hub-tab:hover {
    background: #EFF6FF;
    border-color: #93C5FD;
    color: #2563EB;
}
.ac-hub-tab.active {
    background: #0F172A;
    border-color: #0F172A;
    color: #fff;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.2);
}
.ac-hub-tab.active .ac-tab-badge {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}
.ac-tab-badge {
    padding: 1px 6px;
    border-radius: 999px;
    background: #E2E8F0;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
}

/* Hub Özet Kartı */
.ac-hub-summary-card {
    background: #fff;
    border: 1px solid #E2E8F0;
    border-top: 4px solid #2563EB;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 22px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}
.ac-hub-summary-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}
.ac-hub-cat-info {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.ac-cat-color-badge {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    display: inline-block;
}
.ac-hub-current-title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: #0F172A;
}
.ac-hub-cat-note {
    font-size: 12.5px;
    color: #64748B;
    background: #F1F5F9;
    padding: 3px 9px;
    border-radius: 6px;
}
.ac-hub-kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}
.ac-hub-kpi-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
}
.ac-kpi-icon {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}
.ac-kpi-val {
    font-size: 20px;
    font-weight: 800;
    color: #0F172A;
    line-height: 1.1;
}
.ac-kpi-lbl {
    font-size: 12px;
    font-weight: 500;
    color: #64748B;
}

/* Hub Bölüm Başlıkları & Tablolar */
.ac-hub-sec-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.ac-hub-sec-header h5 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #0F172A;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ac-hub-table {
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 13px;
}
.ac-hub-table thead th {
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
    color: #475569;
    font-weight: 600;
    padding: 10px 14px;
    font-size: 12px;
}
.ac-hub-table tbody td {
    padding: 11px 14px;
    vertical-align: middle;
    border-bottom: 1px solid #F1F5F9;
}
.ac-hub-table tbody tr:last-child td { border-bottom: none; }
.ac-hub-empty-box {
    text-align: center;
    padding: 28px 16px;
    background: #F8FAFC;
    border: 1px dashed #CBD5E1;
    border-radius: 10px;
    color: #64748B;
}
.ac-hub-empty-box i {
    font-size: 28px;
    color: #94A3B8;
    margin-bottom: 8px;
    display: block;
}
.ac-hub-empty-box p { margin: 0; font-size: 13px; }

/* Hub Açılır Bağlama Menüsü */
.ac-hub-dropdown-menu {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 4px;
    background: #fff;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.15);
    z-index: 100;
    min-width: 240px;
    max-height: 200px;
    overflow-y: auto;
    padding: 4px 0;
}
.ac-hub-drop-item {
    padding: 8px 12px;
    font-size: 12.5px;
    cursor: pointer;
    transition: background .12s;
    border-bottom: 1px solid #F8FAFC;
}
.ac-hub-drop-item:hover {
    background: #EFF6FF;
    color: #2563EB;
}
.ac-hub-drop-empty {
    padding: 12px;
    text-align: center;
    font-size: 12px;
    color: #94A3B8;
}

/* Yönetim Modalı Kartları */
.ac-manage-create-box {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 14px;
}
.ac-manage-list {
    max-height: 220px;
    overflow-y: auto;
}
.ac-manage-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    margin-bottom: 6px;
    background: #fff;
}

/* Mobil Uyumluluk */
@media (max-width: 767px) {
    .ac-cat-bar {
        flex-direction: column;
        align-items: stretch;
    }
    .ac-cat-bar-actions {
        justify-content: space-between;
        margin-top: 4px;
    }
    .ac-hub-summary-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .ac-modal-dialog {
        max-height: 95vh;
        border-radius: 12px;
    }
    .ac-hub-table thead {
        display: none;
    }
    .ac-hub-table tbody td {
        display: block;
        padding: 6px 12px;
    }
    .ac-hub-table tbody td.text-right {
        text-align: left !important;
        margin-top: 4px;
        padding-bottom: 12px;
    }
}

/* ================================================================================
   v121 — Sayfa Başına Dön (Scroll to Top) Butonu (aydincloud.com stili)
   ================================================================================ */
.ac-scroll-to-top {
    position: fixed !important;
    bottom: 26px !important;
    right: 26px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: #2563EB !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35), 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    cursor: pointer !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(16px) scale(0.9) !important;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
    outline: none !important;
}

.ac-scroll-to-top.show {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

.ac-scroll-to-top:hover {
    background: #1D4ED8 !important;
    box-shadow: 0 10px 28px rgba(29, 78, 216, 0.45), 0 4px 10px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-3px) scale(1.04) !important;
    color: #FFFFFF !important;
}

.ac-scroll-to-top:active {
    transform: translateY(0) scale(0.96) !important;
}

@media (max-width: 767px) {
    .ac-scroll-to-top {
        bottom: 18px !important;
        right: 18px !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 10px !important;
        font-size: 14px !important;
    }
}

/* ================================================================================
   v122 — Bakiye Ekleme Ekranı (Add Funds) Canlı, Modern ve Sıfır Kaymalı Tasarım
   ================================================================================ */
.ac-addfunds-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    margin-bottom: 30px !important;
}

/* Hero / Başlık Kartı */
.ac-addfunds-hero {
    background: linear-gradient(135deg, #EFF6FF 0%, #FFFFFF 100%) !important;
    border: 1px solid #DBEAFE !important;
    border-radius: 14px !important;
    padding: 20px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.05) !important;
    box-sizing: border-box !important;
}

.ac-addfunds-hero-left {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex: 1 1 300px !important;
}

.ac-addfunds-hero-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 12px !important;
    background: #2563EB !important;
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25) !important;
}

.ac-addfunds-hero-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.2 !important;
}

.ac-addfunds-hero-sub {
    font-size: 13px !important;
    color: #64748B !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.ac-addfunds-hero-balance {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    background: #FFFFFF !important;
    border: 1px solid #BFDBFE !important;
    padding: 8px 16px !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(37, 99, 235, 0.08) !important;
}

.ac-addfunds-bal-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #64748B !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.ac-addfunds-bal-val {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #059669 !important;
    line-height: 1.2 !important;
}

/* 3'lü Limit Stat Kartları Grid */
.ac-addfunds-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.ac-addfunds-stat-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    box-sizing: border-box !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

.ac-addfunds-stat-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08) !important;
}

.ac-addfunds-stat-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
}

.ac-addfunds-stat-min .ac-addfunds-stat-icon {
    background: #ECFDF5 !important;
    color: #059669 !important;
}

.ac-addfunds-stat-max .ac-addfunds-stat-icon {
    background: #EFF6FF !important;
    color: #2563EB !important;
}

.ac-addfunds-stat-cap .ac-addfunds-stat-icon {
    background: #EEF2FF !important;
    color: #4F46E5 !important;
}

.ac-addfunds-stat-info {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

.ac-addfunds-stat-label {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #64748B !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
}

.ac-addfunds-stat-val {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

/* Form Kartı */
.ac-addfunds-form-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.ac-addfunds-form-header {
    background: #F8FAFC !important;
    border-bottom: 1px solid #E2E8F0 !important;
    padding: 16px 22px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.ac-addfunds-form-header-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 9px !important;
    background: #EFF6FF !important;
    color: #2563EB !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
}

.ac-addfunds-form-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.ac-addfunds-form-sub {
    font-size: 12px !important;
    color: #64748B !important;
}

.ac-addfunds-form {
    padding: 24px 22px !important;
    box-sizing: border-box !important;
}

.ac-addfunds-form-group {
    margin-bottom: 20px !important;
}

.ac-addfunds-form-label {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Büyük Para Inputu */
.ac-amount-input-wrap {
    display: flex !important;
    align-items: center !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.ac-amount-input-wrap:focus-within {
    border-color: #2563EB !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

.ac-amount-prefix {
    width: 48px !important;
    height: 50px !important;
    min-width: 48px !important;
    background: #F8FAFC !important;
    border-right: 1.5px solid #E2E8F0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2563EB !important;
}

.ac-amount-input {
    border: none !important;
    box-shadow: none !important;
    height: 50px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    padding: 0 16px !important;
    background: transparent !important;
}

.ac-amount-input:focus {
    box-shadow: none !important;
    outline: none !important;
}

/* Hızlı Tutar Butonları */
.ac-quick-amounts {
    margin-top: 10px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.ac-quick-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #64748B !important;
    margin-right: 2px !important;
}

.ac-quick-btns {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.ac-quick-btn {
    border: 1px solid #CBD5E1 !important;
    background: #F8FAFC !important;
    color: #334155 !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    line-height: 1.2 !important;
}

.ac-quick-btn:hover {
    background: #EFF6FF !important;
    border-color: #93C5FD !important;
    color: #2563EB !important;
}

.ac-quick-btn.active {
    background: #2563EB !important;
    border-color: #2563EB !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important;
}

/* Select kutusu */
.ac-select-wrap {
    position: relative !important;
    width: 100% !important;
}

.ac-payment-select {
    height: 48px !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    padding: 0 40px 0 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0F172A !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
}

.ac-payment-select:focus {
    border-color: #2563EB !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
    outline: none !important;
}

.ac-select-arrow {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: #64748B !important;
    font-size: 13px !important;
}

/* Submit Butonu */
.ac-submit-wrap {
    margin-top: 24px !important;
}

.ac-btn-submit {
    height: 48px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%) !important;
    border: none !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3) !important;
    transition: all 0.18s ease !important;
    cursor: pointer !important;
}

.ac-btn-submit:hover {
    background: linear-gradient(135deg, #1D4ED8 0%, #1E40AF 100%) !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4) !important;
    transform: translateY(-1px) !important;
    color: #FFFFFF !important;
}

/* Bilgilendirme Notu */
.ac-addfunds-notice {
    margin-top: 18px !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-size: 12.5px !important;
    color: #475569 !important;
    line-height: 1.5 !important;
}

.ac-notice-ico {
    color: #2563EB !important;
    font-size: 15px !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
}

/* MOBİL UYUMLULUK: Sıfır Taşma, Mükemmel Hiza */
@media (max-width: 768px) {
    .ac-addfunds-hero {
        padding: 16px !important;
    }
    .ac-addfunds-hero-left {
        gap: 12px !important;
    }
    .ac-addfunds-hero-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        font-size: 18px !important;
    }
    .ac-addfunds-hero-title {
        font-size: 16px !important;
    }
    .ac-addfunds-hero-balance {
        width: 100% !important;
        align-items: center !important;
        flex-direction: row !important;
        justify-content: space-between !important;
    }
    .ac-addfunds-stats-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    .ac-addfunds-stat-card {
        padding: 12px 14px !important;
    }
    .ac-addfunds-form {
        padding: 18px 16px !important;
    }
    .ac-quick-amounts {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .ac-quick-btns {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
    }
    .ac-quick-btn {
        text-align: center !important;
        padding: 7px 4px !important;
    }
}

/* ================================================================================
   v124 — Ödeme Ekranı (Checkout) Kredi Bakiyesi Kartı (#applyCreditContainer)
   ================================================================================ */
#applyCreditContainer,
.apply-credit-container {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin: 18px 0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
    box-sizing: border-box !important;
}

#applyCreditContainer p,
.apply-credit-container p {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

#applyCreditContainer .ac-credit-highlight,
.apply-credit-container .ac-credit-highlight {
    background: #ECFDF5 !important;
    color: #059669 !important;
    border: 1px solid #A7F3D0 !important;
    padding: 2px 10px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    display: inline-block !important;
}

#applyCreditContainer label.radio,
.apply-credit-container label.radio {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    color: #334155 !important;
    line-height: 1.4 !important;
    transition: all 0.15s ease !important;
}

#applyCreditContainer label.radio:hover,
.apply-credit-container label.radio:hover {
    border-color: #93C5FD !important;
    background: #F0F7FF !important;
}

#applyCreditContainer label.radio:has(input[type="radio"]:checked),
.apply-credit-container label.radio:has(input[type="radio"]:checked) {
    border-color: #2563EB !important;
    background: #F8FAFC !important;
    box-shadow: 0 1px 4px rgba(37, 99, 235, 0.08) !important;
}

/* Radio butonu özel ve kusursuz yuvarlak (Asla kırpılmaz, soluk kalmaz) */
#applyCreditContainer label.radio input[type="radio"],
.apply-credit-container label.radio input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    border: 2px solid #94A3B8 !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0 !important;
    outline: none !important;
    transition: all 0.15s ease !important;
    box-sizing: border-box !important;
}

#applyCreditContainer label.radio:hover input[type="radio"],
.apply-credit-container label.radio:hover input[type="radio"] {
    border-color: #2563EB !important;
}

#applyCreditContainer label.radio input[type="radio"]:checked,
.apply-credit-container label.radio input[type="radio"]:checked {
    border-color: #2563EB !important;
    background: #2563EB !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

/* Seçili olduğunda net beyaz tik işareti */
#applyCreditContainer label.radio input[type="radio"]:checked::after,
.apply-credit-container label.radio input[type="radio"]:checked::after {
    content: "" !important;
    position: absolute !important;
    top: 45% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
    width: 5px !important;
    height: 9px !important;
    border: solid #FFFFFF !important;
    border-width: 0 2px 2px 0 !important;
    display: block !important;
}

#applyCreditContainer label.radio strong,
.apply-credit-container label.radio strong {
    color: #0F172A !important;
    font-weight: 700 !important;
}

#applyCreditContainer label.radio em,
.apply-credit-container label.radio em {
    color: #059669 !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    margin-left: 4px !important;
}

/* ================================================================================
   v134 — Telefon Alanı Seçim Sınırı (Seçim Alanı + Ok) Hizalaması ve Genişletmesi
   ================================================================================ */
.intl-tel-input,
.iti {
    display: block !important;
    width: 100% !important;
    position: relative !important;
}

.intl-tel-input .flag-container,
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container,
.iti .iti__flag-container,
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: auto !important;
    max-width: none !important;
    z-index: 5 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}

/* Seçme sınırı (selected-flag): Genişlik kısıtı (70px/78px) kaldırıldı;
   bayrak, +90, boşluk ve açılır menü okunun TAMAMINI içine alacak şekilde genişler.
   Ok sınırın içinde kalır; oka veya yanına tıklandığında menü anında ve zahmetsizce açılır. */
.intl-tel-input .selected-flag,
.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag,
.intl-tel-input.separate-dial-code.allow-dropdown .selected-flag,
.intl-tel-input[class*="iti-sdc"] .selected-flag,
.intl-tel-input.separate-dial-code[class*="iti-sdc"] .selected-flag,
.intl-tel-input.separate-dial-code.allow-dropdown[class*="iti-sdc"] .selected-flag,
.intl-tel-input [class*="selected-flag"],
.iti .iti__selected-flag,
.iti--allow-dropdown .iti__selected-flag,
.iti--separate-dial-code .iti__selected-flag,
.iti[class*="iti-sdc"] .iti__selected-flag,
.iti [class*="selected-flag"] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;
    padding: 0 14px 0 14px !important;
    background: transparent !important;
    cursor: pointer !important;
    border-radius: var(--ac-radius, 8px) 0 0 var(--ac-radius, 8px) !important;
    box-sizing: border-box !important;
    user-select: none !important;
    transition: background-color 0.15s ease, box-shadow 0.15s ease !important;
}

.intl-tel-input .selected-flag:hover,
.iti .iti__selected-flag:hover {
    background-color: rgba(15, 23, 42, 0.04) !important;
}

.intl-tel-input .selected-flag:focus,
.intl-tel-input .selected-flag:focus-visible,
.iti .iti__selected-flag:focus,
.iti .iti__selected-flag:focus-visible {
    outline: none !important;
    box-shadow: inset 0 0 0 1.5px #3B82F6 !important;
    border-radius: var(--ac-radius, 8px) 0 0 var(--ac-radius, 8px) !important;
}

.intl-tel-input .selected-flag .iti-flag,
.iti .iti__selected-flag .iti__flag {
    position: static !important;
    margin-right: 7px !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
}

.intl-tel-input .selected-flag .selected-dial-code,
.iti .iti__selected-flag .iti__selected-dial-code {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    margin-left: 0 !important;
    margin-right: 5px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.intl-tel-input .selected-flag .arrow,
.intl-tel-input .selected-flag .iti-arrow,
.intl-tel-input .arrow,
.intl-tel-input .iti-arrow,
.iti .iti__selected-flag .arrow,
.iti .iti__selected-flag .iti__arrow,
.iti .iti__selected-flag .iti-arrow,
.iti .iti__arrow {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 3.5px solid transparent !important;
    border-right: 3.5px solid transparent !important;
    border-top: 4.5px solid #64748B !important;
    border-bottom: 0 !important;
    transition: transform 0.2s ease, border-top-color 0.2s ease !important;
    pointer-events: none !important;
}

.intl-tel-input .selected-flag:hover .arrow,
.intl-tel-input .selected-flag:hover .iti-arrow,
.iti .iti__selected-flag:hover .arrow,
.iti .iti__selected-flag:hover .iti__arrow {
    border-top-color: #1E293B !important;
}

.intl-tel-input.open .selected-flag .arrow,
.intl-tel-input.open .selected-flag .iti-arrow,
.iti.iti--open .iti__selected-flag .iti__arrow {
    transform: rotate(180deg) !important;
}

/* Telefon inputlarına bayrak, ülke kodu ve ok için sol boşluk (ASLA ÇAKIŞMAZ) */
.intl-tel-input > input,
.intl-tel-input > input[type="text"],
.intl-tel-input > input[type="tel"],
.intl-tel-input .form-control,
.iti > input,
.iti > input[type="text"],
.iti > input[type="tel"],
.iti .form-control,
input[name*="[Phone]"],
input[name*="[phone]"],
input[name*="phonenumber"],
input[class*="customwhois"][name*="Phone"],
input[class*="customwhois"][name*="phone"],
#frmDomainContactModification input[name*="Phone"],
#frmDomainContactModification input[name*="phone"],
#inputPhone {
    padding-left: 106px !important;
    text-indent: 0 !important;
    background-image: none !important;
    box-sizing: border-box !important;
}

/* Custom WHOIS normal inputları (İsim, Soyisim, Firma, Adres, Şehir vb.) normal sol boşluk alır */
#frmDomainContactModification input:not([name*="Phone"]):not([name*="phone"]):not([type="tel"]),
#frmDomainContactModification select,
input[class*="customwhois"]:not([name*="Phone"]):not([name*="phone"]):not([type="tel"]),
select[class*="customwhois"] {
    padding-left: 14px !important;
    text-indent: 0 !important;
}

/* 3, 4 ve 5 basamaklı arama kodları (örneğin +355, +1242) için daha geniş boşluk */
.intl-tel-input.iti-sdc-3 > input,
.intl-tel-input.iti-sdc-3 .form-control,
.iti.iti--separate-dial-code.iti-sdc-3 > input,
.iti.iti--separate-dial-code.iti-sdc-3 .form-control {
    padding-left: 114px !important;
}

.intl-tel-input.iti-sdc-4 > input,
.intl-tel-input.iti-sdc-4 .form-control,
.iti.iti--separate-dial-code.iti-sdc-4 > input,
.iti.iti--separate-dial-code.iti-sdc-4 .form-control {
    padding-left: 122px !important;
}

.intl-tel-input.iti-sdc-5 > input,
.intl-tel-input.iti-sdc-5 .form-control,
.iti.iti--separate-dial-code.iti-sdc-5 > input,
.iti.iti--separate-dial-code.iti-sdc-5 .form-control {
    padding-left: 130px !important;
}

/* Ülke seçim listesi açılır menüsü */
.intl-tel-input .country-list,
.iti .iti__country-list {
    z-index: 1050 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.15) !important;
    border: 1px solid #CBD5E1 !important;
    background: #FFFFFF !important;
    max-height: 220px !important;
}

.intl-tel-input .country-list .country,
.iti .iti__country-list .iti__country {
    padding: 8px 12px !important;
    font-size: 13.5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.intl-tel-input .country-list .country:hover,
.iti .iti__country-list .iti__country:hover,
.intl-tel-input .country-list .country.highlight,
.iti .iti__country-list .iti__country--highlight {
    background-color: #EFF6FF !important;
    color: #1D4ED8 !important;
}

/* ================================================================================
   v130-v139 — DiyoVM VDS Şifre & Format Ekranı Form Düzeni (Masaüstü & Mobil)
   ================================================================================ */

/* Şifre ve Giriş Kutuları: Flex-wrap ile label üstte, input ve buton yan yana */
body.ac-divmo .ac-be-pw-group,
body.ac-divmo .beform-input-area:has(.btn),
body.ac-divmo form .input-group:has(.btn) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
}

/* Label her zaman ilk sırada tam genişlik (%100) kaplar, üstte kalır */
body.ac-divmo .ac-be-pw-group > label,
body.ac-divmo .ac-be-pw-group > .beform-label,
body.ac-divmo .beform-input-area > label,
body.ac-divmo form .input-group:has(.btn) > label {
    flex: 0 0 100% !important;
    width: 100% !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--ac-heading, #0F172A) !important;
    margin: 0 0 4px 0 !important;
    text-align: left !important;
}

/* Şifre / Metin Giriş Kutusu: Kalan boşluğu tam doldurur */
body.ac-divmo .ac-be-pw-group > input,
body.ac-divmo .ac-be-pw-group > .form-control,
body.ac-divmo .beform-input-area > input,
body.ac-divmo form .input-group:has(.btn) > input,
body.ac-divmo form .input-group:has(.btn) > .form-control {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
    border-radius: var(--ac-radius, 10px) !important;
    margin: 0 !important;
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    padding: 11px 14px !important;
    font-size: 14.5px !important;
    box-sizing: border-box !important;
}

/* "Rastgele Şifre Oluştur" Butonu: Taşma ve kırpılma olmadan net ve şık */
body.ac-divmo .ac-be-pw-btn,
body.ac-divmo .ac-be-pw-group > .btn,
body.ac-divmo .ac-be-pw-group > button,
body.ac-divmo .beform-input-area > .btn,
body.ac-divmo .beform-input-area > button,
body.ac-divmo form .input-group:has(.btn) .btn {
    border-radius: var(--ac-radius, 10px) !important;
    margin: 0 !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 10px 22px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    background: var(--ac-primary, #2563EB) !important;
    border: 1px solid var(--ac-primary, #2563EB) !important;
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

body.ac-divmo .ac-be-pw-btn:hover,
body.ac-divmo .ac-be-pw-group > .btn:hover,
body.ac-divmo .ac-be-pw-group > button:hover,
body.ac-divmo .beform-input-area > .btn:hover,
body.ac-divmo form .input-group:has(.btn) .btn:hover {
    background: var(--ac-primary-dark, #1D4ED8) !important;
    border-color: var(--ac-primary-dark, #1D4ED8) !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Format Onay Kutusu (Checkbox) */
body.ac-divmo form label:has(input[type="checkbox"]),
body.ac-divmo form .form-check,
body.ac-divmo form div:has(> input[type="checkbox"]) {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 18px 0 16px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: var(--ac-text, #1E293B) !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
}

body.ac-divmo form input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 12px 0 0 !important;
    accent-color: var(--ac-primary, #2563EB) !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* Format Kalan Hak Uyarısı */
body.ac-divmo .ac-be-format-notice {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 18px !important;
    border-radius: var(--ac-radius, 10px) !important;
    background: #EFF6FF !important;
    border: 1px solid #BFDBFE !important;
    color: #1E40AF !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    margin: 14px 0 24px !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
    cursor: default !important;
    user-select: text !important;
    width: fit-content !important;
    max-width: 100% !important;
}
body.ac-divmo .ac-be-format-notice::before {
    content: '' !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%232563EB'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center center / contain !important;
}

/* Eğer checkbox label'ı içindeyse alt satıra geç ve tıklama stilini ayır */
body.ac-divmo form label:has(input[type="checkbox"]) {
    flex-wrap: wrap !important;
}
body.ac-divmo form label:has(input[type="checkbox"]) .ac-be-format-notice {
    flex-basis: 100% !important;
    margin-top: 14px !important;
}

/* Çift sarmalama durumunda iç elemanın kutu ve ikonunu sıfırla */
body.ac-divmo .ac-be-format-notice .ac-be-format-notice {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
}
body.ac-divmo .ac-be-format-notice .ac-be-format-notice::before {
    display: none !important;
}

/* "Format At" Butonu */
body.ac-divmo .ac-be-format-btn,
body.ac-divmo form input[type="submit"][value*="Format"],
body.ac-divmo form button[type="submit"][value*="Format"] {
    background: var(--ac-primary, #2563EB) !important;
    border: 1px solid var(--ac-primary, #2563EB) !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 12px 36px !important;
    border-radius: var(--ac-radius, 10px) !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 10px !important;
}

body.ac-divmo .ac-be-format-btn:hover,
body.ac-divmo form input[type="submit"][value*="Format"]:hover,
body.ac-divmo form button[type="submit"][value*="Format"]:hover {
    background: var(--ac-primary-dark, #1D4ED8) !important;
    border-color: var(--ac-primary-dark, #1D4ED8) !important;
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* Mobilde (<= 767px): Kolon şeklinde alt alta al */
@media (max-width: 767px) {
    body.ac-divmo .ac-be-pw-group,
    body.ac-divmo .beform-input-area:has(.btn),
    body.ac-divmo form .input-group:has(.btn) {
        flex-direction: column !important;
        gap: 10px !important;
    }

    body.ac-divmo .ac-be-pw-group > input,
    body.ac-divmo .ac-be-pw-group > .form-control,
    body.ac-divmo .beform-input-area > input,
    body.ac-divmo form .input-group:has(.btn) > input,
    body.ac-divmo form .input-group:has(.btn) > .form-control {
        width: 100% !important;
    }

    body.ac-divmo .ac-be-pw-btn,
    body.ac-divmo .ac-be-pw-group > .btn,
    body.ac-divmo .ac-be-pw-group > button,
    body.ac-divmo .beform-input-area > .btn,
    body.ac-divmo .beform-input-area > button,
    body.ac-divmo form .input-group:has(.btn) .btn,
    body.ac-divmo .ac-be-format-btn {
        width: 100% !important;
        margin-top: 2px !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

/* ================================================================================
   v130 — 2) Kullanıcı Yönetimi (users) & Tehlike / Erişimi Kaldır Butonları
   ================================================================================ */
.btn-danger,
a.btn-danger,
button.btn-danger,
.ac-btn-remove-user {
    background: #EF4444 !important;
    border: 1px solid #DC2626 !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    border-radius: var(--ac-radius, 8px) !important;
    padding: 7px 14px !important;
    font-size: 13px !important;
    box-shadow: 0 1px 2px rgba(239, 68, 68, 0.15) !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-decoration: none !important;
}

.btn-danger:hover:not(:disabled):not(.disabled),
a.btn-danger:hover:not(:disabled):not(.disabled),
button.btn-danger:hover:not(:disabled):not(.disabled),
.ac-btn-remove-user:hover:not(:disabled):not(.disabled) {
    background: #DC2626 !important;
    border-color: #B91C1C !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.25) !important;
}

/* Kullanıcı yönetiminde hesap sahibi gibi devre dışı bırakılmış kaldır butonu */
.btn-danger:disabled,
.btn-danger.disabled,
a.btn-danger.disabled,
a.btn-danger[disabled],
button.btn-danger:disabled,
.ac-btn-remove-user.disabled,
.ac-btn-remove-user:disabled {
    background: #FEE2E2 !important;
    border: 1px solid #FECACA !important;
    color: #EF4444 !important;
    opacity: 0.7 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Tablo içindeki aksiyon butonları arasındaki boşluk */
.table td .btn + .btn {
    margin-left: 8px !important;
}

/* ================================================================================
   v130 — 3) Şifre Oluştur Butonu Hover & Görünürlük Düzeltmesi
   ================================================================================ */
.generate-password,
button[data-targetfields],
.btn-generate-password,
.ac-btn-gen-pw,
#formChangePassword .generate-password,
#formChangePassword .btn-default,
form .generate-password {
    background: #FFFFFF !important;
    border: 1.5px solid var(--ac-border, #E2E8F0) !important;
    color: var(--ac-dark, #0F172A) !important;
    font-weight: 600 !important;
    border-radius: var(--ac-radius, 10px) !important;
    padding: 9px 18px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.generate-password:hover,
.generate-password:focus,
button[data-targetfields]:hover,
button[data-targetfields]:focus,
.btn-generate-password:hover,
.ac-btn-gen-pw:hover,
#formChangePassword .generate-password:hover,
#formChangePassword .btn-default:hover,
form .generate-password:hover {
    background: var(--ac-primary, #2563EB) !important;
    border-color: var(--ac-primary, #2563EB) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.25) !important;
    transform: translateY(-1px) !important;
}

/* ================================================================================
   v131 — Sorumlular ve Alt Hesaplar (contacts) "Git" Butonu & Form Butonları Hover
   ================================================================================ */
form[action*="contacts"] input[type="submit"],
form[action*="contacts"] .btn-default,
form[action*="contacts"] .btn,
form:has(#inputContactId) .btn,
form:has(#inputContactId) input[type="submit"],
input[type="submit"][value*="Git"],
input[type="submit"][value*="git"],
input[type="submit"][value*="Go"],
button[type="submit"][value*="Git"],
.ac-btn-contacts-go {
    background: #FFFFFF !important;
    border: 1.5px solid var(--ac-border, #E2E8F0) !important;
    color: var(--ac-dark, #0F172A) !important;
    font-weight: 600 !important;
    border-radius: var(--ac-radius, 10px) !important;
    padding: 8px 20px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

form[action*="contacts"] input[type="submit"]:hover,
form[action*="contacts"] input[type="submit"]:focus,
form[action*="contacts"] .btn-default:hover,
form[action*="contacts"] .btn-default:focus,
form[action*="contacts"] .btn:hover,
form:has(#inputContactId) .btn:hover,
form:has(#inputContactId) .btn:focus,
form:has(#inputContactId) input[type="submit"]:hover,
form:has(#inputContactId) input[type="submit"]:focus,
input[type="submit"][value*="Git"]:hover,
input[type="submit"][value*="Git"]:focus,
input[type="submit"][value*="git"]:hover,
input[type="submit"][value*="Go"]:hover,
button[type="submit"][value*="Git"]:hover,
.ac-btn-contacts-go:hover,
.ac-btn-contacts-go:focus {
    background: var(--ac-primary, #2563EB) !important;
    border-color: var(--ac-primary, #2563EB) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.25) !important;
    transform: translateY(-1px) !important;
}

/* ================================================================================
   v132 — 404 Sayfa Bulunamadı (Page Not Found) Tasarımı
   ================================================================================ */
.ac-404-container {
    padding: 30px 15px 50px;
    max-width: 860px;
    margin: 0 auto;
}

.ac-404-card {
    background: #FFFFFF !important;
    border: 1px solid var(--ac-border, #E2E8F0) !important;
    border-radius: 20px !important;
    padding: 48px 36px 40px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.02) !important;
}

/* 404 Hero & Görsel Rakamlar */
.ac-404-hero {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ac-404-num-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.ac-404-digit {
    font-size: 88px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -2px !important;
    color: #1E3A5F !important;
    background: linear-gradient(135deg, #1E40AF 0%, #2563EB 50%, #3B82F6 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.ac-404-circle-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF !important;
    font-size: 30px !important;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.35);
    animation: ac-float 3s ease-in-out infinite;
}

@keyframes ac-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.ac-404-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #FEF3C7;
    color: #B45309;
    border: 1px solid #FDE68A;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2px;
}

/* Başlık ve Açıklama */
.ac-404-title {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: var(--ac-heading, #0F172A) !important;
    margin-bottom: 12px !important;
    letter-spacing: -.3px !important;
}

.ac-404-desc {
    font-size: 15px !important;
    color: var(--ac-text-light, #64748B) !important;
    line-height: 1.65 !important;
    max-width: 580px !important;
    margin: 0 auto 32px !important;
}

/* Ana Eylem Butonları */
.ac-404-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.ac-404-btn {
    padding: 12px 28px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 14.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all .2s ease !important;
}

.ac-404-btn-primary {
    background: var(--ac-primary, #2563EB) !important;
    border: 1.5px solid var(--ac-primary, #2563EB) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25) !important;
}

.ac-404-btn-primary:hover {
    background: var(--ac-primary-dark, #1D4ED8) !important;
    border-color: var(--ac-primary-dark, #1D4ED8) !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35) !important;
    transform: translateY(-2px) !important;
}

.ac-404-btn-secondary {
    background: #FFFFFF !important;
    border: 1.5px solid var(--ac-border, #CBD5E1) !important;
    color: var(--ac-dark, #0F172A) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
}

.ac-404-btn-secondary:hover {
    background: var(--ac-primary-bg, #EFF6FF) !important;
    border-color: var(--ac-primary, #2563EB) !important;
    color: var(--ac-primary, #2563EB) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important;
}

/* Hızlı Kısayol Kartları */
.ac-404-shortcuts {
    border-top: 1px solid var(--ac-border, #E2E8F0);
    padding-top: 32px;
    text-align: left;
}

.ac-404-shortcuts-head {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--ac-muted, #94A3B8);
    margin-bottom: 16px;
    text-align: center;
}

.ac-404-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.ac-404-card-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all .2s ease !important;
}

.ac-404-card-item:hover {
    background: #FFFFFF !important;
    border-color: var(--ac-primary, #2563EB) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1) !important;
    transform: translateY(-2px) !important;
}

.ac-404-item-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--ac-primary-bg, #EFF6FF);
    color: var(--ac-primary, #2563EB);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    transition: all .2s ease;
}

.ac-404-card-item:hover .ac-404-item-icon {
    background: var(--ac-primary, #2563EB);
    color: #FFFFFF;
}

.ac-404-item-info {
    display: flex;
    flex-direction: column;
    text-align: left;
    flex: 1;
}

.ac-404-item-info strong {
    font-size: 14px;
    color: var(--ac-dark, #0F172A);
    font-weight: 600;
}

.ac-404-item-info small {
    font-size: 12px;
    color: var(--ac-muted, #94A3B8);
}

.ac-404-item-arrow {
    color: #CBD5E1;
    font-size: 13px;
    transition: all .2s ease;
}

.ac-404-card-item:hover .ac-404-item-arrow {
    color: var(--ac-primary, #2563EB);
    transform: translateX(3px);
}

/* Mobil Uyumluluk */
@media (max-width: 767px) {
    .ac-404-card {
        padding: 32px 20px 28px !important;
        border-radius: 16px !important;
    }

    .ac-404-digit {
        font-size: 64px !important;
    }

    .ac-404-circle-icon {
        width: 56px;
        height: 56px;
        font-size: 22px !important;
    }

    .ac-404-title {
        font-size: 22px !important;
    }

    .ac-404-grid {
        grid-template-columns: 1fr;
    }

    .ac-404-actions {
        flex-direction: column;
        width: 100%;
    }

    .ac-404-btn {
        width: 100% !important;
    }
}

/* ================================================================================
   v135 — Domain Register (Alan Adı Kayıt): Mobil Yatay Taşma Düzeltmesi & 
          "Paketlere Göz At" Promosyon Kartı Renkleri & Kategori Rozetleri
   ================================================================================ */

/* ── 1. "Paketlere Göz At" & Domain Alt Promosyon Kartları Modernizasyonu ── */
#order-standard_cart .domain-promo-box {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 24px 26px !important;
    margin: 20px 0 32px !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05) !important;
    position: relative !important;
    transition: box-shadow 0.2s ease, border-color 0.2s ease !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    contain: layout paint !important;
}

#order-standard_cart .domain-promo-box:hover {
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.09) !important;
    border-color: #93C5FD !important;
}

#order-standard_cart .domain-promo-box h3 {
    color: #0F172A !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

/* İkonlar: Sunucu (Server) ve Dünya (Globe) ikonları şık AydınCloud mavisi */
#order-standard_cart .domain-promo-box i.fa-server,
#order-standard_cart .domain-promo-box i.fa-globe,
#order-standard_cart .domain-promo-box i {
    color: #2563EB !important;
    opacity: 0.9 !important;
    float: right !important;
    margin: 0 0 16px 16px !important;
    transition: opacity 0.2s ease, color 0.2s ease !important;
}

#order-standard_cart .domain-promo-box:hover i {
    opacity: 1 !important;
    color: #1D4ED8 !important;
}

/* Kart alt başlığı ("İhtiyacınıza en uygun hosting paketini seçin") - sarı yerine mavi */
#order-standard_cart .domain-promo-box p.text-warning,
#order-standard_cart .domain-promo-box .text-warning,
#order-standard_cart .domain-promo-box p.text-primary,
#order-standard_cart .domain-promo-box .text-primary {
    color: #2563EB !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

#order-standard_cart .domain-promo-box > p:not(.font-bold):not(.small) {
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
}

/* "Paketlere gözat" butonu: Çirkin Bootstrap sarısı (#F59E0B) yerine AydınCloud canlı mavi CTA */
#order-standard_cart .domain-promo-box .btn.btn-warning,
#order-standard_cart .domain-promo-box a.btn-warning {
    background: #2563EB !important;
    border-color: #2563EB !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px 24px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25) !important;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
    display: inline-block !important;
    text-align: center !important;
    text-decoration: none !important;
}

#order-standard_cart .domain-promo-box .btn.btn-warning:hover,
#order-standard_cart .domain-promo-box a.btn-warning:hover,
#order-standard_cart .domain-promo-box .btn.btn-warning:focus,
#order-standard_cart .domain-promo-box a.btn-warning:focus {
    background: #1D4ED8 !important;
    border-color: #1D4ED8 !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35) !important;
}

/* "Alan adı transfer et" butonu ile %100 görsel uyum */
#order-standard_cart .domain-promo-box .btn.btn-primary,
#order-standard_cart .domain-promo-box a.btn-primary {
    background: #2563EB !important;
    border-color: #2563EB !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px 24px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25) !important;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
    display: inline-block !important;
    text-align: center !important;
    text-decoration: none !important;
}

#order-standard_cart .domain-promo-box .btn.btn-primary:hover,
#order-standard_cart .domain-promo-box a.btn-primary:hover {
    background: #1D4ED8 !important;
    border-color: #1D4ED8 !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35) !important;
}

/* ── 2. TLD Kategori Filtre Butonları (Pills) ── */
#order-standard_cart .tld-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 16px 0 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#order-standard_cart .tld-filters a.badge,
#order-standard_cart .tld-filters .badge-secondary {
    display: inline-flex !important;
    align-items: center !important;
    background: #475569 !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 14px !important;
    border-radius: 9999px !important;
    text-decoration: none !important;
    transition: background 0.2s ease, box-shadow 0.2s ease !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
}

#order-standard_cart .tld-filters a.badge:hover {
    background: #334155 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.15) !important;
}

#order-standard_cart .tld-filters a.badge.active,
#order-standard_cart .tld-filters a.badge.badge-success {
    background: #059669 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 10px rgba(5, 150, 105, 0.3) !important;
}

/* ── 3. Mobil Sağa Sola Kayma / Yatay Taşma Düzeltmesi (cart.php?a=add&domain=register) ── */
@media (max-width: 991px) {
    /* Genel viewport taşmasını engelle */
    body:has(#order-standard_cart),
    #order-standard_cart,
    #order-standard_cart .cart-body,
    #order-standard_cart .domain-pricing,
    #order-standard_cart .domain-checker-container,
    #order-standard_cart .featured-tlds-container,
    #order-standard_cart .bg-white {
        max-width: 100% !important;
        width: 100% !important;
        overflow-x: clip !important;
        box-sizing: border-box !important;
    }

    /* Bootstrap .row negatif margin (-15px) sıfırlama */
    #order-standard_cart .domain-pricing .row,
    #order-standard_cart .featured-tlds-container .row,
    #order-standard_cart .domain-promo-box-container .row,
    #order-standard_cart .bg-white .row,
    #order-standard_cart .tld-row .row,
    #order-standard_cart .tld-pricing-header .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }

    /* TLD tablosunda inner .row (.col-md-8 içindeki satır) taşmasını kesin kes */
    #order-standard_cart .tld-row .col-md-8,
    #order-standard_cart .tld-pricing-header .col-md-8 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    #order-standard_cart .tld-row .col-md-8 .row,
    #order-standard_cart .tld-pricing-header .col-md-8 .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Kategori filtreleri flex-wrap mobilde taşmasın */
    #order-standard_cart .tld-filters {
        gap: 6px !important;
        margin: 12px 0 18px !important;
    }

    #order-standard_cart .tld-filters a.badge {
        font-size: 12px !important;
        padding: 6px 12px !important;
    }

    /* Featured TLD kartları mobilde tam genişlik ve ortalı */
    #order-standard_cart .featured-tlds-container [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 12px !important;
    }

    #order-standard_cart .featured-tld {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px 0 !important;
        box-sizing: border-box !important;
    }

    /* Alt promosyon kutuları mobilde tam genişlik */
    #order-standard_cart .domain-promo-box {
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px 0 !important;
        box-sizing: border-box !important;
    }
}

/* ================================================================================
   v136 — Footer CTA Banner ("Sanal Dünyada Birinci Olun") Titreme & Açılıp-Kapanma Düzeltmesi
   ================================================================================ */

/* 1. Footer CTA kartını GPU katmanında izole et (repaint ve subpixel reflow çakışmasını kes) */
.footer-section .contact-section {
    isolation: isolate !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    will-change: auto !important;
}

/* 2. Cart ve sipariş sayfalarında alt promosyon kutuları ile footer CTA arasında sağlıklı mesafe bırak */
#order-standard_cart {
    margin-bottom: 24px !important;
    padding-bottom: 12px !important;
}

body:has(#order-standard_cart) .footer-section .contact-section,
#main-body:has(#order-standard_cart) + .footer-section .contact-section {
    margin-top: 24px !important;
}

/* 3. Butonlarda mouse gezinirken hover oscillation / sıçrama olmaması için */
#order-standard_cart a.btn,
#order-standard_cart button.btn {
    backface-visibility: hidden !important;
}


/* ================================================================================
   v138 — Metin2 Files & Oyun Özellikleri Bağımsız Kart (FreeBSD Altı, Destek Üstü)
   ================================================================================ */
.ac-files-standalone-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    order: -99990 !important;
    margin-bottom: 20px !important;
    animation: acFilesFadeIn 0.35s ease forwards !important;
}

#order-standard_cart #ac-files-info-card-col.ac-hidden,
#order-standard_cart .product-configurable-options > .row > #ac-files-info-card-col.ac-hidden,
#order-standard_cart [class*="col-"]#ac-files-info-card-col.ac-hidden,
.ac-files-standalone-col.ac-hidden {
    display: none !important;
}

.ac-files-card-box {
    background: #FFFFFF !important;
    border: 1px solid var(--ac-border-light, #E2E8F0) !important;
    border-radius: var(--ac-radius-lg, 12px) !important;
    padding: 16px 18px !important;
    margin-bottom: 0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden !important;
}

.ac-files-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: var(--ac-navy-soft, #1E3A5F) !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    margin: -16px -18px 16px -18px !important;
    padding: 13px 18px !important;
    border-radius: var(--ac-radius-lg, 12px) var(--ac-radius-lg, 12px) 0 0 !important;
}

.ac-files-card-header .ac-fch-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.ac-files-card-header .ac-group-icon {
    color: var(--ac-primary-light, #60A5FA) !important;
    font-size: 16px !important;
}

.ac-files-card-header .ac-files-status-badge {
    background: rgba(16, 185, 129, 0.15) !important;
    border: 1px solid rgba(52, 211, 153, 0.35) !important;
    color: #A7F3D0 !important;
    padding: 4px 13px !important;
    border-radius: 9999px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.ac-files-card-header .ac-files-status-badge i {
    color: #34D399 !important;
}

.ac-files-info-box {
    background: #FFFFFF !important;
    border: 1.5px solid #DBEAFE !important;
    border-radius: 16px !important;
    padding: 22px 24px !important;
    margin-top: 18px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.08), 0 8px 10px -6px rgba(37, 99, 235, 0.04) !important;
    transition: all 0.3s ease !important;
    animation: acFilesFadeIn 0.35s ease forwards !important;
}

@keyframes acFilesFadeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.ac-files-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    margin-bottom: 18px !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
}

.ac-files-status-badge {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.ac-files-title-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.ac-files-icon {
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%) !important;
    border: 1px solid #BFDBFE !important;
    color: #2563EB !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}

.ac-files-titles h4 {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    letter-spacing: -0.01em !important;
}

.ac-files-titles p {
    margin: 3px 0 0 0 !important;
    font-size: 13px !important;
    color: #64748B !important;
}

.ac-files-status-badge {
    background: #ECFDF5 !important;
    border: 1px solid #A7F3D0 !important;
    color: #047857 !important;
    padding: 6px 14px !important;
    border-radius: 9999px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.ac-files-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
    margin-bottom: 16px !important;
}

.ac-files-col {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 16px 18px !important;
}

.ac-files-col-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1E293B !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

.ac-files-col-header i {
    color: #2563EB !important;
    font-size: 15px !important;
}

.ac-file-item {
    margin-bottom: 10px !important;
}

.ac-file-item:last-child {
    margin-bottom: 0 !important;
}

.ac-fi-label {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #64748B !important;
    margin-bottom: 2px !important;
}

.ac-fi-val {
    font-size: 13px !important;
    color: #1E293B !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

.ac-fi-code-row {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.ac-files-col code {
    background: #0F172A !important;
    color: #38BDF8 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-weight: 600 !important;
}

.ac-fi-hint {
    font-size: 11.5px !important;
    color: #64748B !important;
}

.ac-files-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 14px !important;
    border-top: 1px solid #F1F5F9 !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.ac-files-credit {
    font-size: 13px !important;
    color: #475569 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    line-height: 1.5 !important;
}

.ac-files-credit span {
    display: inline !important;
}

.ac-files-ver .badge {
    background: #EFF6FF !important;
    border: 1px solid #BFDBFE !important;
    color: #1D4ED8 !important;
    padding: 5px 12px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* ================================================================================
   v137 — Alan Adı Yenileme Sayfası Modernizasyon (cart.php?gid=renewals)
   ================================================================================ */

/* Başlık ve arama kutusu alanı */
#order-standard_cart .header-lined {
    border-bottom: 2px solid #F1F5F9 !important;
    margin-bottom: 24px !important;
    padding-bottom: 12px !important;
}

#order-standard_cart .header-lined h1 {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    letter-spacing: -0.02em !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

/* Arama kutusu */
#order-standard_cart .header-lined .pull-right,
#order-standard_cart .header-lined .float-right {
    float: none !important;
    margin: 0 !important;
}

#order-standard_cart #domainRenewalFilter,
#order-standard_cart input.domain-renewals-filter {
    height: 44px !important;
    width: 280px !important;
    max-width: 100% !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 12px !important;
    padding: 0 16px 0 40px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #0F172A !important;
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 14px center !important;
    background-size: 16px 16px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart #domainRenewalFilter:focus,
#order-standard_cart input.domain-renewals-filter:focus {
    border-color: #2563EB !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
    outline: none !important;
}

/* Alan Adı Yenileme Kartları - kartın üstündeki default çizgiyi kaldır */
#order-standard_cart .domain-renewals,
.domain-renewals,
#domainRenewals,
#order-standard_cart .secondary-cart-body {
    border-top: none !important;
    border-bottom: none !important;
    border: none !important;
    background: transparent !important;
}

#order-standard_cart .domain-renewals {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
    margin-top: 6px !important;
}

#order-standard_cart .domain-renewal {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin-bottom: 0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
}

#order-standard_cart .domain-renewal:hover {
    border-color: #BFDBFE !important;
    box-shadow: 0 12px 24px -4px rgba(37, 99, 235, 0.1), 0 4px 6px -2px rgba(37, 99, 235, 0.05) !important;
    transform: translateY(-2px) !important;
}

/* Alan Adı Başlığı ve Globe İkonu */
#order-standard_cart .domain-renewal h3 {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 8px 0 !important;
    letter-spacing: -0.01em !important;
}

#order-standard_cart .domain-renewal .ac-renew-ico {
    width: 38px !important;
    height: 38px !important;
    background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%) !important;
    border: 1px solid #BFDBFE !important;
    color: #2563EB !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    flex-shrink: 0 !important;
}

/* Bitiş Tarihi Bilgisi - Dünyanın (globe ikonu) tam dikey merkez hizasında */
#order-standard_cart .domain-renewal p {
    font-size: 13.5px !important;
    color: #64748B !important;
    margin: 0 0 16px 0 !important;
    padding-left: 11px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

#order-standard_cart .domain-renewal p strong {
    color: #1E293B !important;
}

/* Durum Rozetleri (Pill Badges) */
#order-standard_cart .domain-renewal .pull-right,
#order-standard_cart .domain-renewal .float-right {
    margin-bottom: 8px !important;
}

#order-standard_cart .domain-renewal .label {
    border-radius: 9999px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
}

#order-standard_cart .domain-renewal .label-success {
    background: #ECFDF5 !important;
    border: 1px solid #A7F3D0 !important;
    color: #047857 !important;
}

#order-standard_cart .domain-renewal .label-warning {
    background: #FFFBEB !important;
    border: 1px solid #FDE68A !important;
    color: #B45309 !important;
}

#order-standard_cart .domain-renewal .label-danger {
    background: #FEF2F2 !important;
    border: 1px solid #FECACA !important;
    color: #B91C1C !important;
}

#order-standard_cart .domain-renewal .label-info {
    background: #EFF6FF !important;
    border: 1px solid #BFDBFE !important;
    color: #1D4ED8 !important;
}

#order-standard_cart .domain-renewal .label-grey,
#order-standard_cart .domain-renewal .label-default {
    background: #F1F5F9 !important;
    border: 1px solid #CBD5E1 !important;
    color: #475569 !important;
}

/* Yenileme Dönemleri Seçim Formu - içeri çekilmiş ferah alan */
#order-standard_cart .domain-renewal form.form-horizontal {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 16px 26px !important;
    margin: 16px 0 !important;
}

#order-standard_cart .domain-renewal form.form-horizontal .form-group {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    margin-bottom: 0 !important;
}

#order-standard_cart .domain-renewal form.form-horizontal .form-group > [class*="col-"] {
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

#order-standard_cart .domain-renewal label.control-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    padding-top: 0 !important;
    padding-left: 6px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

#order-standard_cart .domain-renewal select.select-renewal-pricing {
    height: 44px !important;
    line-height: 44px !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 10px !important;
    background-color: #FFFFFF !important;
    color: #0F172A !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 38px 0 14px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232563EB'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px 16px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .domain-renewal select.select-renewal-pricing:focus {
    border-color: #2563EB !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
    outline: none !important;
}

/* "Sepete Ekle" Butonu - Titreme / kaybolma yapmayan stabil hover */
#order-standard_cart .domain-renewal .text-right {
    margin-top: 14px !important;
}

#order-standard_cart .domain-renewal .btn-add-renewal-to-cart,
#order-standard_cart .domain-renewal button[id^="renewDomain"] {
    background: #2563EB !important;
    background-color: #2563EB !important;
    border: 1px solid #1D4ED8 !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    padding: 10px 24px !important;
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2) !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transform: none !important;
    -webkit-transform: none !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

#order-standard_cart .domain-renewal .btn-add-renewal-to-cart:hover,
#order-standard_cart .domain-renewal button[id^="renewDomain"]:hover {
    background: #1D4ED8 !important;
    background-color: #1D4ED8 !important;
    border-color: #1E40AF !important;
    color: #FFFFFF !important;
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
}

#order-standard_cart .domain-renewal .btn-add-renewal-to-cart:active,
#order-standard_cart .domain-renewal button[id^="renewDomain"]:active {
    background: #1E40AF !important;
    background-color: #1E40AF !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* Sepete Eklendi Durumu */
#order-standard_cart .domain-renewal .btn-add-renewal-to-cart.btn-success,
#order-standard_cart .domain-renewal .btn-add-renewal-to-cart:has(.added:not([style*="none"])) {
    background: #059669 !important;
    background-color: #059669 !important;
    border-color: #047857 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 4px rgba(5, 150, 105, 0.25) !important;
}



/* "Sepeti Görüntüle" Butonu - Titreme / kaybolma yapmayan stabil hover */
#order-standard_cart #btnGoToCart,
#order-standard_cart a.btn-primary.btn-lg[href*="cart.php?a=view"] {
    width: 100% !important;
    background: #2563EB !important;
    background-color: #2563EB !important;
    border: 1px solid #1D4ED8 !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 13px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2) !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
    text-decoration: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

#order-standard_cart #btnGoToCart:hover,
#order-standard_cart a.btn-primary.btn-lg[href*="cart.php?a=view"]:hover {
    background: #1D4ED8 !important;
    background-color: #1D4ED8 !important;
    border-color: #1E40AF !important;
    color: #FFFFFF !important;
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
}

/* ================================================================================
   v137 — Mobil Optimizasyon (Domain Renewal & Cart Mobil Uyumu)
   ================================================================================ */
@media (max-width: 991px) {
    #order-standard_cart .secondary-cart-body {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #order-standard_cart .secondary-cart-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 24px !important;
    }
}

@media (max-width: 767px) {
    #order-standard_cart .header-lined h1 {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    #order-standard_cart .header-lined .pull-right,
    #order-standard_cart .header-lined .float-right {
        width: 100% !important;
        float: none !important;
        margin-top: 8px !important;
    }

    #order-standard_cart #domainRenewalFilter,
    #order-standard_cart input.domain-renewals-filter {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #order-standard_cart .domain-renewal {
        padding: 18px 16px !important;
        border-radius: 14px !important;
    }

    #order-standard_cart .domain-renewal .pull-right,
    #order-standard_cart .domain-renewal .float-right {
        float: none !important;
        margin-bottom: 10px !important;
        display: inline-block !important;
    }

    #order-standard_cart .domain-renewal h3 {
        font-size: 17px !important;
        word-break: break-word !important;
    }

    #order-standard_cart .domain-renewal p {
        padding-left: 11px !important; /* Mobilde de dünyanın altına tam dikey eksende hizalı */
        font-size: 13px !important;
        margin: 0 0 14px 0 !important;
    }

    #order-standard_cart .domain-renewal form.form-horizontal {
        padding: 12px 14px !important;
    }

    #order-standard_cart .domain-renewal form.form-horizontal .form-group {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    #order-standard_cart .domain-renewal label.control-label {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 4px !important;
    }

    #order-standard_cart .domain-renewal .col-sm-6,
    #order-standard_cart .domain-renewal .col-md-5 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #order-standard_cart .domain-renewal select.select-renewal-pricing {
        width: 100% !important;
        max-width: 100% !important;
    }

    #order-standard_cart .domain-renewal .text-right {
        text-align: center !important;
        margin-top: 14px !important;
    }

    #order-standard_cart .domain-renewal .btn-add-renewal-to-cart,
    #order-standard_cart .domain-renewal button[id^="renewDomain"] {
        width: 100% !important;
        display: block !important;
        padding: 12px 20px !important;
        font-size: 15px !important;
    }

    /* ── Metin2 Files & Oyun Özellikleri Mobil Optimizasyonu ── */
    .ac-files-standalone-col {
        margin-bottom: 16px !important;
    }

    .ac-files-card-box {
        padding: 14px !important;
        border-radius: 12px !important;
    }

    .ac-files-card-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        margin: -14px -14px 14px -14px !important;
        padding: 13px 14px !important;
    }

    .ac-files-card-header .ac-fch-title {
        font-size: 13.5px !important;
        line-height: 1.4 !important;
        gap: 8px !important;
    }

    .ac-files-card-header .ac-group-icon {
        font-size: 15px !important;
    }

    .ac-files-card-header .ac-files-status-badge {
        align-self: flex-start !important;
        font-size: 11.5px !important;
        padding: 3px 10px !important;
    }

    .ac-files-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-bottom: 12px !important;
    }

    .ac-files-col {
        padding: 14px !important;
        border-radius: 10px !important;
    }

    .ac-files-col-header {
        font-size: 13.5px !important;
        margin-bottom: 10px !important;
        padding-bottom: 7px !important;
    }

    .ac-file-item {
        margin-bottom: 10px !important;
    }

    .ac-fi-label {
        font-size: 11.5px !important;
    }

    .ac-fi-val {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
    }

    .ac-fi-code-row {
        gap: 6px !important;
    }

    .ac-files-col code {
        font-size: 11.5px !important;
        padding: 3px 7px !important;
        word-break: break-all !important;
        max-width: 100% !important;
    }

    .ac-files-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        padding-top: 10px !important;
    }

    .ac-files-credit {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .ac-files-ver .badge {
        font-size: 11px !important;
    }
}