/* Nezrin Client Area v1.0.0 — WHMCS 8.12.1 / Twenty-One child theme */
:root {
  --nz-ink: #14213d;
  --nz-navy: #071a3d;
  --nz-footer: #04142e;
  --nz-blue: #1467ef;
  --nz-blue-dark: #0a51c5;
  --nz-cyan: #70d9ff;
  --nz-muted: #64748b;
  --nz-line: #e4ebf5;
  --nz-soft: #f4f7fb;
  --nz-white: #fff;
  --nz-success: #078b69;
  --nz-warning: #dd7317;
  --nz-danger: #d64255;
  --nz-radius-sm: 9px;
  --nz-radius: 16px;
  --nz-radius-lg: 22px;
  --nz-shadow: 0 18px 42px rgba(6, 26, 61, .125);
  --nz-shadow-sm: 0 9px 20px rgba(7, 26, 61, .086);
}

html { scroll-behavior: smooth; }
body {
  color: var(--nz-ink);
  background: var(--nz-soft);
  font-family: Manrope, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--nz-blue); transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; }
a:hover { color: var(--nz-blue-dark); text-decoration: none; }
h1, h2, h3, h4, h5, h6, .card-title, .panel-title {
  color: var(--nz-ink);
  font-family: "Space Grotesk", Manrope, sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
}
:focus-visible { outline: 3px solid rgba(20, 103, 239, .34); outline-offset: 2px; }

/* Utility/top bar and primary navigation */
.master-breadcrumb, .top-nav, .navbar-light, header.header, .header-lined {
  border-color: var(--nz-line) !important;
}
.top-nav, .header-lined { background: #fff; }
.navbar, .navbar-light, header.header {
  min-height: 82px;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 3px 15px rgba(6,26,61,.047);
  backdrop-filter: blur(12px);
}
.navbar-brand img, .logo-img { width: auto; max-width: 178px; max-height: 52px; object-fit: contain; }
.navbar-light .navbar-nav .nav-link, .main-navbar-wrapper .navbar-nav .nav-link {
  color: var(--nz-ink) !important;
  font-size: .94rem;
  font-weight: 700;
  border-radius: var(--nz-radius-sm);
  padding: .7rem .85rem;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link,
.main-navbar-wrapper .navbar-nav .nav-link:hover { color: var(--nz-blue) !important; background: #eef5ff; }
.dropdown-menu {
  border: 1px solid var(--nz-line);
  border-radius: 14px;
  box-shadow: var(--nz-shadow);
  padding: .55rem;
}
.dropdown-item { border-radius: 8px; color: var(--nz-ink); font-weight: 600; padding: .55rem .75rem; }
.dropdown-item:hover, .dropdown-item:focus { color: var(--nz-blue); background: #eef5ff; }

/* Page frame, breadcrumb and sidebar */
.main-content { padding-top: 2rem; padding-bottom: 3.5rem; }
.breadcrumb { background: transparent; padding-left: 0; font-size: .85rem; }
.breadcrumb-item, .breadcrumb-item a { color: var(--nz-muted); }
.breadcrumb-item.active { color: var(--nz-ink); font-weight: 700; }
.header-lined { margin: 0 0 1.5rem; padding: 1.3rem 0; }
.header-lined h1 { font-size: clamp(1.75rem, 3vw, 2.6rem); margin: 0; }
.header-lined .breadcrumb { margin-bottom: 0; }
.sidebar .card, .sidebar .panel, .sidebar .list-group { overflow: hidden; }
.sidebar .card-header, .sidebar .panel-heading {
  background: var(--nz-navy);
  color: #fff;
  border: 0;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
}
.sidebar .list-group-item { border-color: var(--nz-line); color: #40506c; font-weight: 600; }
.sidebar .list-group-item:hover, .sidebar .list-group-item.active { color: var(--nz-blue); background: #eef5ff; border-color: #d7e6ff; }

/* Cards and dashboard tiles */
.card, .panel, .list-group, .well, .domain-renewal, .product-status,
.client-home-panels .panel, .tiles .tile, .ticket-reply, .view-ticket .posted-by {
  background: #fff;
  border: 1px solid var(--nz-line);
  border-radius: var(--nz-radius);
  box-shadow: 0 12px 28px rgba(16,84,163,.047);
}
.card-header, .panel-heading { background: #fff; border-bottom: 1px solid var(--nz-line); }
.card-footer, .panel-footer { background: #f9fbfe; border-top: 1px solid var(--nz-line); }
.client-home-panels .panel > .panel-heading, .client-home-panels .card-header { padding: 1.1rem 1.25rem; }
.client-home-panels .panel > .panel-heading,
.client-home-panels .card > .card-header.bg-primary,
.client-home-panels .card > .card-header.bg-primary.card-header-pills {
  color: #fff !important;
  background: var(--nz-navy) !important;
  border-color: var(--nz-navy) !important;
}
.client-home-panels .panel > .panel-heading .panel-title,
.client-home-panels .panel > .panel-heading .panel-title a,
.client-home-panels .panel > .panel-heading a,
.client-home-panels .panel > .panel-heading i,
.client-home-panels .panel > .panel-heading .fas,
.client-home-panels .panel > .panel-heading .far,
.client-home-panels .card > .card-header.bg-primary,
.client-home-panels .card > .card-header.bg-primary a,
.client-home-panels .card > .card-header.bg-primary i {
  color: #fff !important;
  opacity: 1 !important;
}
.client-home-panels .card > .card-header:not(.bg-primary):not(.card-header-pills) {
  color: var(--nz-ink) !important;
  background: #fff !important;
}
.client-home-panels .card > .card-header:not(.bg-primary):not(.card-header-pills) .card-title,
.client-home-panels .card > .card-header:not(.bg-primary):not(.card-header-pills) a {
  color: var(--nz-ink) !important;
}
.tiles .tile, .client-home-panels .card { transition: transform .2s ease, box-shadow .2s ease; }
.tiles .tile:hover, .client-home-panels .card:hover { transform: translateY(-3px); box-shadow: var(--nz-shadow-sm); }
.tiles .tile .icon, .tiles .tile .stat { color: var(--nz-blue); }
.tiles .tile .stat { font-family: "Space Grotesk", sans-serif; font-weight: 700; }

/* Buttons */
.btn { border-radius: var(--nz-radius-sm); font-weight: 800; letter-spacing: -.01em; padding: .65rem 1rem; box-shadow: none; }
.btn-sm { padding: .42rem .72rem; }
.btn-lg { padding: .85rem 1.25rem; border-radius: 11px; }
.btn-primary, .btn-success, input[type="submit"].btn-primary {
  color: #fff;
  border-color: var(--nz-blue);
  background: linear-gradient(135deg, var(--nz-blue), #1072e8);
  box-shadow: 0 10px 20px rgba(20,103,239,.17);
}
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus {
  color: #fff; border-color: var(--nz-blue-dark); background: var(--nz-blue-dark); transform: translateY(-1px);
}
.btn-outline-primary, .btn-default { color: var(--nz-blue); border-color: #c9dbff; background: #fff; }
.btn-outline-primary:hover, .btn-default:hover { color: #fff; border-color: var(--nz-blue); background: var(--nz-blue); }
.btn-danger { background: var(--nz-danger); border-color: var(--nz-danger); }

/* Forms: login/register/account/support/order */
label, .form-check-label { color: #40506c; font-weight: 700; }
.form-control, .custom-select, select.form-control, .input-group-text {
  min-height: 44px;
  border-color: #d7e1ef;
  border-radius: var(--nz-radius-sm);
  color: var(--nz-ink);
  background-color: #fff;
}
.form-control:focus, .custom-select:focus {
  border-color: var(--nz-blue);
  box-shadow: 0 0 0 .2rem rgba(20,103,239,.13);
}
.input-group > .form-control:not(:last-child) { border-radius: 9px 0 0 9px; }
.input-group > .input-group-append > .btn { border-radius: 0 9px 9px 0; }
.logincontainer, .login-container, .registration-form, #registration {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.logincontainer, .login-container .card, .registration-form, #registration .card {
  border-radius: var(--nz-radius-lg);
  box-shadow: var(--nz-shadow);
}
.logincontainer::before, .login-container::before {
  content: "Güvenli Müşteri Paneli";
  display: block;
  color: var(--nz-blue);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: .5rem;
}
.password-strength-meter { border-radius: 99px; overflow: hidden; }
.sub-heading span { color: var(--nz-ink); background: var(--nz-soft); font-family: "Space Grotesk", sans-serif; font-weight: 700; }

/* Tables, invoices, products, services, domains and tickets */
.table-responsive { border-radius: var(--nz-radius); box-shadow: 0 12px 28px rgba(16,84,163,.047); }
.table { margin-bottom: 0; background: #fff; }
.table thead th {
  color: #40506c;
  background: #f5f8fc;
  border-top: 0;
  border-bottom: 1px solid var(--nz-line);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}
.table td { border-color: #edf1f7; vertical-align: middle; }
.table-hover tbody tr:hover { background: #f8fbff; }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select { border: 1px solid #d7e1ef; border-radius: 8px; }
.badge, .label { border-radius: 999px; font-weight: 800; padding: .42em .72em; }
.badge-success, .label-success, .status-active, .status-paid, .status-answered { color: #067456 !important; background: #e7f8f3 !important; }
.badge-warning, .label-warning, .status-pending, .status-unpaid, .status-customer-reply { color: #a9550d !important; background: #fff2e5 !important; }
.badge-danger, .label-danger, .status-overdue, .status-cancelled, .status-closed { color: #b6283c !important; background: #feecef !important; }
.product-details, .domain-details, .invoice-summary, .ticket-reply { overflow: hidden; }
.ticket-reply .date, .ticket-reply .user { color: var(--nz-muted); }
.ticket-reply.staff { border-left: 4px solid var(--nz-blue); }

/* Order form/cart selectors shared by Standard Cart and modern order forms */
#order-standard_cart, #order-modern { color: var(--nz-ink); font-family: Manrope, Arial, sans-serif; }
#order-standard_cart .cart-sidebar, #order-standard_cart .product, #order-standard_cart .summary-container,
#order-modern .product, #order-modern .order-summary {
  border: 1px solid var(--nz-line) !important;
  border-radius: var(--nz-radius) !important;
  box-shadow: 0 12px 28px rgba(16,84,163,.047);
}
#order-standard_cart .cart-sidebar .sidebar-menu-item.active,
#order-standard_cart .cart-sidebar .sidebar-menu-item:hover { color: var(--nz-blue); background: #eef5ff; }
#order-standard_cart .product .header, #order-modern .product .product-title,
#order-standard_cart .summary-container .subtotal { color: var(--nz-ink); font-family: "Space Grotesk", sans-serif; }
#order-standard_cart .product .price, #order-modern .product .price { color: var(--nz-blue); font-weight: 800; }
#order-standard_cart .view-cart-items-header, #order-standard_cart .empty-cart .btn { background: var(--nz-navy); }
#order-standard_cart .order-summary, #order-modern .order-summary { background: #fff; }
#order-standard_cart .order-summary .total-due-today { color: var(--nz-blue); }

/* Alerts, pagination and modal */
.alert { border: 0; border-left: 4px solid; border-radius: 11px; }
.alert-info { color: #075a82; background: #effcff; border-left-color: #13c5ff; }
.alert-success { color: #067456; background: #e7f8f3; border-left-color: var(--nz-success); }
.alert-warning { color: #9d510f; background: #fff4e9; border-left-color: var(--nz-warning); }
.alert-danger { color: #ad2639; background: #feedef; border-left-color: var(--nz-danger); }
.page-link { color: var(--nz-blue); border-color: var(--nz-line); }
.page-item.active .page-link { background: var(--nz-blue); border-color: var(--nz-blue); }
.modal-content { border: 0; border-radius: var(--nz-radius); box-shadow: 0 20px 60px rgba(6,26,61,.25); }

/* Footer aligned with nezrin.net */
footer.footer, .footer { color: #bac8df; background: var(--nz-footer) !important; border: 0; }
footer.footer a, .footer a { color: #dce7f8; }
footer.footer a:hover, .footer a:hover { color: var(--nz-cyan); }
footer.footer h4, footer.footer h5, .footer h4, .footer h5 { color: #fff; }
.footer .copyright { color: #8fa4c5; border-top-color: rgba(228,235,245,.13); }

/* Responsive and reduced motion */
@media (max-width: 991.98px) {
  .navbar, .navbar-light, header.header { min-height: 70px; }
  .navbar-collapse { margin-top: .7rem; padding: .7rem; border: 1px solid var(--nz-line); border-radius: 14px; background: #fff; box-shadow: var(--nz-shadow-sm); }
  .main-content { padding-top: 1.25rem; }
  .sidebar { margin-bottom: 1.5rem; }
  .header-lined h1 { font-size: 2rem; }
}
@media (max-width: 767.98px) {
  body { font-size: 14px; }
  .container { padding-left: 16px; padding-right: 16px; }
  .header-lined { padding: 1rem 0; }
  .header-lined h1 { font-size: 1.7rem; }
  .card-body, .panel-body { padding: 1rem; }
  .btn { min-height: 42px; }
  .btn-block-sm { display: block; width: 100%; }
  .table-responsive { border: 1px solid var(--nz-line); }
  #order-standard_cart .summary-container { margin-top: 1rem; }
}
@media (max-width: 420px) {
  .navbar-brand img, .logo-img { max-width: 145px; }
  .tiles .tile { min-height: 112px; }
  .logincontainer, .registration-form { padding-left: .25rem; padding-right: .25rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* v1.1 — nezrin.net header.php / footer.php compatible site shell */
body > .top-nav, body > header.header, body > .header, body > .main-navbar-wrapper,
body > nav.navbar, body > footer.footer, body > .footer:not(.nz-site-footer) { display: none !important; }
.nz-wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.nz-skip { position: fixed; left: 12px; top: -80px; z-index: 9999; padding: 10px 16px; color: #fff; background: var(--nz-blue); border-radius: 8px; }
.nz-skip:focus { top: 12px; color: #fff; }
.nz-topbar { color: #c9dbff; background: var(--nz-navy); font-size: 12px; }
.nz-topbar-inner { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.nz-topbar a { color: #fff; font-weight: 700; }
.nz-datacenter a { margin-left: 9px; color: var(--nz-cyan); }
.nz-toplinks { display: flex; align-items: center; gap: 20px; }
.nz-header { position: relative; z-index: 1050; color: var(--nz-ink); background: rgba(255,255,255,.97); border-bottom: 1px solid var(--nz-line); box-shadow: 0 3px 15px rgba(6,26,61,.047); backdrop-filter: blur(12px); }
.nz-header-inner { min-height: 93px; display: flex; align-items: center; gap: 28px; }
.nz-logo { flex: 0 0 auto; }
.nz-logo img { display: block; width: 178px; height: 62px; object-fit: contain; }
.nz-mainnav { display: flex; align-items: stretch; justify-content: center; gap: 4px; margin-left: auto; }
.nz-mainnav > a, .nz-navgroup > button { min-height: 48px; display: flex; align-items: center; padding: 0 12px; color: var(--nz-ink); background: transparent; border: 0; border-radius: 9px; font: 700 14px Manrope, sans-serif; cursor: pointer; }
.nz-mainnav > a:hover, .nz-navgroup > button:hover, .nz-navgroup.is-open > button { color: var(--nz-blue); background: #eef5ff; }
.nz-navgroup { position: relative; display: flex; }
.nz-navgroup button span { margin-left: 6px; font-size: 12px; }
.nz-navdrop { position: absolute; top: calc(100% + 8px); left: 0; min-width: 210px; display: none; padding: 8px; background: #fff; border: 1px solid var(--nz-line); border-radius: 14px; box-shadow: var(--nz-shadow); }
.nz-navgroup:hover .nz-navdrop, .nz-navgroup:focus-within .nz-navdrop, .nz-navgroup.is-open .nz-navdrop { display: grid; }
.nz-navdrop a { padding: 10px 12px; color: var(--nz-ink); border-radius: 8px; font-size: 13px; font-weight: 700; }
.nz-navdrop a:hover { color: var(--nz-blue); background: #eef5ff; }
.nz-client-actions { display: flex; align-items: center; gap: 8px; }
.nz-client-actions a { padding: 10px 14px; border-radius: 9px; font-weight: 800; white-space: nowrap; }
.nz-client-home, .nz-client-login { color: #fff; background: var(--nz-blue); }
.nz-client-home:hover, .nz-client-login:hover { color: #fff; background: var(--nz-blue-dark); }
.nz-client-logout, .nz-client-register { color: var(--nz-blue); border: 1px solid #c9dbff; }
.nz-menu-toggle { display: none; align-items: center; justify-content: center; flex-direction: column; width: 48px; height: 44px; margin-left: auto; background: #f4f7fb; border: 1px solid var(--nz-line); border-radius: 9px; }
.nz-menu-toggle span { width: 20px; height: 2px; margin: 2px 0; background: var(--nz-ink); }
.nz-menu-toggle b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.nz-site-footer { position: relative; z-index: 10; padding: 64px 0 0; color: #bac8df; background: var(--nz-footer); }
.nz-site-footer a { color: #dce7f8; }
.nz-site-footer a:hover { color: var(--nz-cyan); }
.nz-footer-grid { display: grid; grid-template-columns: 1.45fr .8fr .9fr 1.1fr; gap: 54px; padding-bottom: 42px; }
.nz-footer-grid h3 { margin: 0 0 18px; color: #fff; font: 700 16px "Space Grotesk", sans-serif; }
.nz-footer-grid > div:not(.nz-footer-brand) > a { display: block; margin: 0 0 9px; font-size: 13px; }
.nz-footer-grid p { color: #bac8df; font-size: 13px; line-height: 1.75; }
.nz-footer-brand img { width: 180px; height: 80px; object-fit: contain; filter: brightness(0) invert(1); }
.nz-footer-brand p { max-width: 290px; margin: 10px 0 16px; }
.nz-legal { padding: 24px 0 28px; border-top: 1px solid rgba(228,235,245,.13); color: #8fa4c5; font-size: 11px; }
.nz-legal strong { display: block; max-width: 850px; margin-bottom: 20px; color: #bac8df; line-height: 1.6; }
.nz-legal > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.nz-legal nav { display: flex; gap: 14px; }
.nz-whatsapp { position: fixed; right: 18px; bottom: 18px; z-index: 1060; padding: 11px 15px; color: #fff !important; background: #078b69; border-radius: 999px; box-shadow: var(--nz-shadow-sm); font-size: 12px; font-weight: 800; }
@media (max-width: 991.98px) {
  .nz-header-inner { min-height: 74px; }
  .nz-menu-toggle { display: flex; }
  .nz-mainnav { position: absolute; top: calc(100% + 1px); left: 20px; right: 20px; display: none; align-items: stretch; flex-direction: column; padding: 10px; background: #fff; border: 1px solid var(--nz-line); border-radius: 14px; box-shadow: var(--nz-shadow); }
  .nz-mainnav.is-open { display: flex; }
  .nz-mainnav > a, .nz-navgroup > button { width: 100%; justify-content: space-between; }
  .nz-navgroup { display: block; }
  .nz-navdrop { position: static; box-shadow: none; margin: 0 8px 8px; }
  .nz-client-actions { margin-left: 0; }
  .nz-footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
}
@media (max-width: 767.98px) {
  .nz-topbar-inner { justify-content: center; }
  .nz-datacenter, .nz-toplinks a:not(:last-child), .nz-client-logout, .nz-client-register { display: none; }
  .nz-logo img { width: 145px; height: 55px; }
  .nz-client-actions a { padding: 9px 11px; font-size: 12px; }
  .nz-footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .nz-legal > div, .nz-legal nav { align-items: flex-start; flex-direction: column; }
}

/* --- YENİ EKLENENLER: Başlık Ortalaması & Ürün Kartlarına Plesk Logosu --- */
.products-heading, .header-lined, h1.text-center, .content-heading, div > h1:first-child, .main-content h1 {
    text-align: center !important;
    width: 100%;
}

.order-standard-cart .products .product, 
#order-standard_cart .product {
    position: relative;
    padding-left: 110px !important;
}

.order-standard-cart .products .product::before,
#order-standard_cart .product::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    background-color: #ffffff;
    background-image: url('../img/plesk-logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--nz-line);
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

/* --- KESİN VE KUSURSUZ GÖRÜNÜRLÜK ÇÖZÜMLERİ --- */

/* 1. Sol menüdeki (sidebar) koyu zeminli başlıklar ve ikonlar BEYAZ olsun */
.sidebar .card-header,
.sidebar .card-header h3.card-title,
.sidebar .card-header h3.card-title i,
.sidebar .card-header h3.card-title div,
.sidebar .panel-heading,
.sidebar .panel-heading h3 {
    color: #ffffff !important;
}

/* 2. Ana sayfadaki beyaz zeminli kart başlıkları KOYU renk olsun */
.card-header:not(.sidebar .card-header),
.card-header:not(.sidebar .card-header) h3.card-title,
.card-header:not(.sidebar .card-header) h3.card-title i {
    color: var(--nz-ink) !important;
}

/* 3. Kart başlıklarındaki ve widget içindeki özel mavi butonların görünürlük garantisi */
.card-header .btn, 
.panel-heading .btn,
.card-header a.btn, 
.panel-heading a.btn,
.btn.bg-color-blue,
a.bg-color-blue {
    color: #ffffff !important;
    background-color: var(--nz-blue) !important;
    border-color: var(--nz-blue) !important;
}

.card-header .btn i, 
.panel-heading .btn i,
.btn.bg-color-blue i,
a.bg-color-blue i {
    color: #ffffff !important;
}

/* 4. Tüm panel ve kart içerisindeki metinlerin görünürlük garantisi */
.card-body, .panel-body, .clientareahome-panel, .panel, .card {
    color: var(--nz-ink) !important;
}

.card-body p, .card-body span, .card-body div, .card-body small,
.panel-body p, .panel-body span, .panel-body div, .panel-body small,
.clientareahome-panel p, .clientareahome-panel span, .clientareahome-panel div, .clientareahome-panel small,
.text-muted {
    color: var(--nz-ink) !important;
}

.card-body a, .panel-body a {
    color: var(--nz-blue) !important;
}
/* WHMCS sepet sayfasındaki sol kategoriler menüsünü ve alt öğelerini sürekli açık tutar */
body.nezrin-page-cart .card:has(:contains("Kategoriler")) .card-body,
body.nezrin-page-cart .panel:has(:contains("Kategoriler")) .panel-body,
body.nezrin-page-cart .list-group,
body.nezrin-page-cart div[id*="categories"],
body.nezrin-page-cart .collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
}

/* Sepet ve Sipariş sayfasında Kategoriler kutusunu daima açık tutar */
div[menuitemname="Categories"] .collapsable-card-body {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
}

/* Ok simgesini de açık durumuna (yukarı ok) sabitler */
div[menuitemname="Categories"] .card-minimise {
    transform: rotate(0deg) !important;
}
/* VDS sipariş sayfasında kart ikonunu vds logosu ile değiştirir */
body[class*="store"] .product::before,
.nezrin-page-store .product::before,
.cart-body a[href*="vds-sunucu"] ~ * .product::before,
div[id*="product"]:has(a[href*="vds-sunucu"])::before {
    background-image: url('../img/vsd-logo.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/* VDS ürün kartı logo düzeltmesi */
.nezrin-theme div[id^="product"]:has(a[href*="vds"])::before,
.nezrin-theme .product.is-vds-product::before,
.nezrin-theme div[id*="product5"]::before,
.nezrin-theme div[id*="product6"]::before,
.nezrin-theme div[id*="product7"]::before,
.nezrin-theme div[id*="product8"]::before {
    background-image: url('https://ferhost.com/app/templates/nezrin/img/vds-logo.png') !important;
    background-size: 70% auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/* VDS Kart Özelliklerini Kompakt ve Minik Yapma */
.vds-features-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  list-style: none;
  padding: 0 !important;
  margin: 8px 0 0 0 !important;
  max-width: 170px;
}

.vds-features-mini li {
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: #556987;
  background: #f1f5f9;
  border-radius: 4px;
  padding: 2px 5px !important;
  white-space: nowrap;
}

.vds-features-mini li strong {
  color: var(--nz-ink);
  font-weight: 700;
}