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

:root {
    --hh-blue: #2563eb;
    --hh-blue-dark: #1d4ed8;
    --hh-navy: #0f172a;
    --hh-slate: #475569;
    --hh-border: #dbe5f2;
    --hh-bg: #f4f7fb;
    --hh-card: #ffffff;
}

html { min-height: 100%; }
body.hh-client-portal {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--hh-bg) !important;
    color: #263348;
    font-family: Urbanist, "Open Sans", sans-serif;
    font-size: 14px;
}

.hh-portal-header {
    position: relative;
    z-index: 1030;
    background: rgba(255,255,255,.97);
    border-bottom: 1px solid var(--hh-border);
    box-shadow: 0 8px 28px rgba(15,23,42,.055);
}
.hh-portal-accent { height: 4px; background: linear-gradient(90deg,#1e40af,#2563eb 55%,#22c5e5); }
.hh-header-inner { min-height: 76px; display: flex; align-items: center; gap: 26px; }
.hh-brand { display: inline-flex; align-items: center; min-width: 255px; text-decoration: none !important; }
.hh-brand img { width: auto; height: 42px; max-width: 176px; object-fit: contain; }
.hh-brand-divider { width: 1px; height: 28px; margin: 0 14px; background: #d9e2ef; }
.hh-brand-label { color: #64748b; font-size: 12px; font-weight: 700; white-space: nowrap; }
.hh-portal-nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.hh-portal-nav.collapse:not(.show) { display: flex; }
.hh-portal-nav > a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 11px; color: #475569; border-radius: 10px; font-size: 12px; font-weight: 700; text-decoration: none; transition: .2s ease; }
.hh-portal-nav > a:hover { color: var(--hh-blue-dark); background: #eff6ff; }
.hh-portal-nav > a i { color: #2563eb; font-size: 14px; }
.hh-header-inner { position: relative; }
.hh-products-menu { position: static; }
.hh-products-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 10px 11px; color: #475569; background: transparent; border: 0; border-radius: 10px; font-family: inherit; font-size: 12px; font-weight: 700; transition: .2s ease; }
.hh-products-toggle:hover,.hh-products-toggle:focus,.hh-products-menu.show .hh-products-toggle { color: var(--hh-blue-dark); background: #eff6ff; outline: 0; }
.hh-products-toggle i { color: #2563eb; font-size: 14px; }
.hh-products-dropdown { top: calc(100% - 4px) !important; left: 50% !important; width: min(1100px,calc(100vw - 40px)); margin-top: 0; padding: 13px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; transform: translateX(-50%) !important; border: 1px solid #dbe5f2; border-radius: 17px; box-shadow: 0 20px 55px rgba(15,23,42,.14); }
.hh-products-menu.show .hh-products-dropdown { display: grid; }
.hh-product-group { min-width: 0; padding: 7px; border: 1px solid transparent; border-radius: 13px; }
.hh-product-group-servers { background: linear-gradient(145deg,#f8fbff,#eff6ff); border-color: #dbeafe; }
.hh-product-group-domain { background: linear-gradient(145deg,#f8fffc,#effcf7); border-color: #d1fae5; }
.hh-product-group-other { background: linear-gradient(145deg,#fffdf8,#fff8eb); border-color: #fde7bd; }
.hh-product-group-title { min-height: 30px; padding: 0 8px 8px; display: flex; align-items: center; gap: 7px; color: #64748b; border-bottom: 1px solid #e6edf5; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hh-product-group-title i { color: #2563eb; font-size: 11px; }
.hh-products-dropdown .dropdown-item { display: flex; align-items: center; gap: 9px; padding: 9px 8px; border-radius: 10px; white-space: normal; }
.hh-products-dropdown .dropdown-item:hover { background: #eff6ff; }
.hh-products-dropdown .dropdown-item > i { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; color: #2563eb; background: #eff6ff; border-radius: 9px; }
.hh-products-dropdown .dropdown-item span { display: flex; flex-direction: column; line-height: 1.25; }
.hh-products-dropdown .dropdown-item strong { color: #1e293b; font-size: 12px; }
.hh-products-dropdown .dropdown-item small { margin-top: 3px; color: #94a3b8; font-size: 10px; }
.hh-header-actions { display: flex; align-items: center; gap: 9px; padding-left: 15px; border-left: 1px solid #e6edf5; }
.hh-icon-button { position: relative; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; color: #334155; background: #f8fafc; border: 1px solid #dce5ef; border-radius: 12px; text-decoration: none !important; }
.hh-icon-button:hover { color: #fff; background: var(--hh-blue); border-color: var(--hh-blue); }
.hh-count { position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; padding: 0 4px; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; border-radius: 20px; background: #ef4444; color: #fff; font-size: 9px; font-weight: 800; }
.hh-login-link { height: 42px; display: inline-flex; align-items: center; gap: 8px; color: #334155; padding: 0 11px; border-radius: 10px; font-size: 12px; font-weight: 700; text-decoration: none !important; }
.hh-login-link:hover { color: var(--hh-blue); background: #eff6ff; }
.hh-register-link { height: 42px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: 11px; color: #fff !important; background: linear-gradient(135deg,#2563eb,#1d4ed8); box-shadow: 0 8px 20px rgba(37,99,235,.22); font-size: 12px; font-weight: 800; text-decoration: none !important; }
.hh-account-button { display: flex; align-items: center; gap: 9px; padding: 5px 10px 5px 6px; color: #334155; background: #fff; border: 1px solid #dce5ef; border-radius: 12px; }
.hh-account-avatar { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(135deg,#3b82f6,#1d4ed8); border-radius: 9px; }
.hh-account-copy { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.05; }
.hh-account-copy small { color: #94a3b8; font-size: 9px; font-weight: 600; }
.hh-account-copy strong { max-width: 92px; overflow: hidden; color: #1e293b; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.hh-account-menu { margin-top: 10px; padding: 8px; border: 1px solid #dce5ef; border-radius: 13px; box-shadow: 0 18px 44px rgba(15,23,42,.13); }
.hh-account-menu .dropdown-item { padding: 9px 12px; border-radius: 8px; font-size: 12px; font-weight: 600; }
.hh-account-menu .dropdown-item i { width: 20px; color: #2563eb; }
.hh-mobile-toggle { display: none; width: 42px; height: 42px; margin-left: auto; color: #1e293b; background: #f8fafc; border: 1px solid #dce5ef; border-radius: 11px; }

.hh-alert-strip { color: #1e3a8a; background: #eff6ff; border-bottom: 1px solid #bfdbfe; font-size: 12px; }
.hh-alert-strip .container { min-height: 38px; display: flex; align-items: center; gap: 8px; }
.hh-alert-strip a { margin-left: auto; color: #1d4ed8; font-weight: 700; }
.hh-breadcrumb { background: transparent !important; border: 0 !important; }
.hh-breadcrumb .breadcrumb { margin: 16px 0 0; padding: 0; background: transparent; font-size: 11px; }
.hh-breadcrumb a { color: #64748b; }

.hh-main-body { flex: 1 0 auto; padding: 30px 0 52px; }
.hh-main-body .primary-content > h1:first-child,
.hh-main-body .primary-content > .header-lined h1 { color: #0f172a; font-size: 25px; font-weight: 800; letter-spacing: -.025em; }
.hh-main-body .card,
.hh-main-body .panel,
.hh-main-body .list-group { border-color: var(--hh-border); border-radius: 15px; box-shadow: 0 8px 28px rgba(15,23,42,.045); }
.hh-main-body .card-header { background: #f8fafc; border-color: var(--hh-border); font-weight: 700; }
.hh-main-body .card-footer { background: #f8fafc; border-color: var(--hh-border); }
.hh-main-body .btn { min-height: 40px; border-radius: 9px; font-size: 12px; font-weight: 700; }
.hh-main-body .btn-sm { min-height: 32px; }
.hh-main-body .btn-primary { background: linear-gradient(135deg,#2563eb,#1d4ed8); border-color: #2563eb; box-shadow: 0 7px 18px rgba(37,99,235,.18); }
.hh-main-body .btn-primary:hover { background: #1d4ed8; border-color: #1d4ed8; }
.hh-main-body .form-control { min-height: 44px; border-color: #cfdbe9; border-radius: 9px; font-size: 13px; }
.hh-main-body .form-control:focus { border-color: #60a5fa; box-shadow: 0 0 0 3px rgba(37,99,235,.11); }
.hh-main-body .input-group-text { border-color: #cfdbe9; background: #f8fafc; }
.hh-sidebar .card { overflow: hidden; }
.hh-sidebar .card-header { padding: 13px 16px; color: #0f172a; background: #f8fafc; font-size: 12px; font-weight: 800; }
.hh-sidebar .card-header .card-title { width: 100%; display: flex; align-items: center; gap: 6px; }
.hh-sidebar .card-header .card-minimise { margin-left: auto; float: none !important; flex: 0 0 auto; }
.hh-sidebar .list-group-item { padding: 11px 15px; color: #475569; border-color: #edf2f7; font-size: 12px; }
.hh-sidebar .list-group-item.active { color: #1d4ed8; background: #eff6ff; border-color: #bfdbfe; }
.client-home-cards .card-header { color: #fff; background: linear-gradient(135deg,#1e3a8a,#2563eb); }

/* WHMCS sipariş formu kendi CSS dosyasını daha sonra yüklediği için
   marka renklerini burada bilinçli olarak güçlü seçicilerle sabitliyoruz. */
#order-standard_cart { color: #334155; font-family: Urbanist, "Open Sans", sans-serif; }
#order-standard_cart h1.font-size-36 { color: #0f172a; font-size: 28px !important; font-weight: 800; letter-spacing: -.03em; }
#order-standard_cart .view-cart-items { overflow: hidden; border-color: #bfdbfe !important; border-radius: 14px !important; }
#order-standard_cart .view-cart-items-header { padding: 13px 16px !important; color: #fff !important; background: linear-gradient(135deg,#1e40af,#2563eb) !important; border-radius: 12px 12px 0 0 !important; font-size: 12px; font-weight: 700; }
#order-standard_cart .view-cart-items .item { border-color: #e2e8f0 !important; }
#order-standard_cart .order-summary { border-color: #bfdbfe !important; border-radius: 14px !important; box-shadow: 0 12px 34px rgba(15,23,42,.07); }
#order-standard_cart .order-summary h2 { color: #fff !important; background: linear-gradient(135deg,#1e40af,#2563eb) !important; border-radius: 12px 12px 0 0 !important; font-size: 20px !important; font-weight: 800; }
#order-standard_cart .summary-container { color: #334155 !important; background: #fff !important; border-color: #bfdbfe !important; border-radius: 0 0 12px 12px !important; }
#order-standard_cart .btn-success,
#order-standard_cart .btn-checkout { color: #fff !important; background: linear-gradient(135deg,#2563eb,#1d4ed8) !important; border-color: #2563eb !important; box-shadow: 0 8px 20px rgba(37,99,235,.2); }
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-checkout:hover { background: #1d4ed8 !important; border-color: #1d4ed8 !important; }
#order-standard_cart .panel-sidebar { overflow: hidden; border: 1px solid #dbe5f2 !important; border-radius: 13px !important; box-shadow: 0 8px 25px rgba(15,23,42,.045) !important; }
#order-standard_cart .panel-sidebar > .panel-heading { color: #0f172a !important; background: #f8fafc !important; border-color: #dbe5f2 !important; }
#order-standard_cart .panel-sidebar .list-group-item { color: #475569 !important; border-color: #edf2f7 !important; font-size: 12px; }
#order-standard_cart .panel-sidebar .list-group-item.active,
#order-standard_cart .panel-sidebar a.list-group-item.active { color: #fff !important; background: #2563eb !important; border-color: #2563eb !important; }
#order-standard_cart .domain-selection-options .option { border-color: #dbe5f2 !important; border-radius: 13px !important; }
#order-standard_cart .domain-selection-options .option-selected { border-color: #60a5fa !important; background: #eff6ff !important; }
#order-standard_cart .product-info { border-color: #dbe5f2 !important; border-radius: 14px !important; }
#order-standard_cart .products .product { border-color: #dbe5f2 !important; border-radius: 14px !important; box-shadow: 0 8px 28px rgba(15,23,42,.045); }
#order-standard_cart .products .product header { color: #0f172a !important; background: #f8fafc !important; border-color: #dbe5f2 !important; font-weight: 800; }
#order-standard_cart .products .product .product-desc { color: #64748b; line-height: 1.6; }
#order-standard_cart .products .product .btn { min-height: 40px; padding-left: 18px; padding-right: 18px; }
#order-standard_cart .products .product .btn-success { color: #fff !important; background: linear-gradient(135deg,#2563eb,#1d4ed8) !important; border-color: #2563eb !important; }
#order-standard_cart .products .product .price { color: #1d4ed8 !important; font-weight: 800; }

.login-form .card { overflow: hidden; border: 1px solid var(--hh-border); box-shadow: 0 22px 65px rgba(15,23,42,.1); }
.login-form .card-body { padding-top: 42px !important; }
.login-form .h3 { color: #0f172a; font-size: 25px; font-weight: 800; letter-spacing: -.025em; }
.login-form .card-footer { padding-top: 18px; padding-bottom: 18px; }
.login-form #login { min-width: 128px; }

.hh-catalog { max-width: 1050px; margin: 4px auto 24px; }
.hh-catalog-heading { margin-bottom: 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.hh-catalog-heading .hh-eyebrow { color: #2563eb; }
.hh-catalog-heading h1 { margin: 0; color: #0f172a; font-size: 30px; font-weight: 800; letter-spacing: -.035em; }
.hh-catalog-heading p { max-width: 650px; margin: 8px 0 0; color: #64748b; line-height: 1.6; }
.hh-cart-shortcut { min-height: 44px; padding: 0 15px; display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; color: #1e40af; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 12px; font-size: 12px; font-weight: 800; text-decoration: none !important; }
.hh-cart-shortcut strong { min-width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #2563eb; border-radius: 20px; font-size: 10px; }
.hh-category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.hh-category-card { min-height: 118px; padding: 19px 20px; display: flex; align-items: center; gap: 15px; color: #334155; background: #fff; border: 1px solid #dbe5f2; border-radius: 17px; box-shadow: 0 9px 30px rgba(15,23,42,.045); text-decoration: none !important; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.hh-category-card:hover { transform: translateY(-3px); color: #1d4ed8; border-color: #93c5fd; box-shadow: 0 16px 38px rgba(37,99,235,.11); }
.hh-category-icon { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 48px; color: #2563eb; background: #eff6ff; border-radius: 14px; font-size: 19px; }
.hh-category-content { min-width: 0; display: flex; flex: 1; flex-direction: column; }
.hh-category-content strong { color: #0f172a; font-size: 16px; font-weight: 800; }
.hh-category-content small { margin-top: 6px; color: #64748b; font-size: 12px; line-height: 1.55; }
.hh-category-content em { margin-top: 7px; color: #2563eb; font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.hh-category-arrow { align-self: center; color: #94a3b8; font-size: 12px; transition: transform .2s ease; }
.hh-category-card:hover .hh-category-arrow { transform: translateX(3px); color: #2563eb; }
.hh-category-card-domain { background: linear-gradient(135deg,#f8fbff,#eff6ff); border-color: #bfdbfe; }
.hh-service-strip { max-width: 1050px; min-height: 66px; margin: 0 auto; padding: 15px 19px; display: flex; align-items: center; gap: 24px; color: #475569; background: #fff; border: 1px solid #dbe5f2; border-radius: 15px; box-shadow: 0 7px 24px rgba(15,23,42,.035); font-size: 11px; }
.hh-service-strip > span { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.hh-service-strip > span i { color: #2563eb; }
.hh-service-strip > a { margin-left: auto; color: #475569; text-decoration: none; }
.hh-service-strip > a strong { color: #1d4ed8; }

.hh-welcome-card { position: relative; overflow: hidden; max-width: 920px; margin: 8px auto 24px; padding: 42px; display: grid; grid-template-columns: 76px 1fr; gap: 27px; align-items: start; color: #fff; background: linear-gradient(125deg,#0f2d67,#1d4ed8 62%,#258ee9); border-radius: 22px; box-shadow: 0 24px 60px rgba(30,64,175,.22); }
.hh-welcome-card:after { content: ""; position: absolute; right: -80px; top: -120px; width: 300px; height: 300px; border: 50px solid rgba(255,255,255,.055); border-radius: 50%; }
.hh-welcome-icon { position: relative; z-index: 1; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); border-radius: 20px; font-size: 28px; }
.hh-welcome-card > div:last-child { position: relative; z-index: 1; }
.hh-eyebrow { display: block; margin: 2px 0 8px; color: #bfdbfe; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.hh-welcome-card h1 { margin: 0; color: #fff; font-size: 28px; font-weight: 800; letter-spacing: -.03em; }
.hh-welcome-card p { max-width: 600px; margin: 12px 0 22px; color: #dbeafe; line-height: 1.65; }
.hh-welcome-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.hh-welcome-actions .btn-primary { color: #1d4ed8; background: #fff; border-color: #fff; box-shadow: none; }
.hh-welcome-actions .btn-outline-primary { color: #fff; border-color: rgba(255,255,255,.45); }
.hh-welcome-actions .btn-outline-primary:hover { color: #1d4ed8; background: #fff; border-color: #fff; }
.hh-help-grid { max-width: 920px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.hh-help-grid > a { min-height: 94px; padding: 20px; display: flex; align-items: center; gap: 14px; color: #334155; background: #fff; border: 1px solid var(--hh-border); border-radius: 15px; box-shadow: 0 7px 24px rgba(15,23,42,.035); text-decoration: none; transition: .2s ease; }
.hh-help-grid > a:hover { transform: translateY(-2px); color: #1d4ed8; border-color: #93c5fd; box-shadow: 0 13px 30px rgba(37,99,235,.1); }
.hh-help-grid > a > i:first-child { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; color: #2563eb; background: #eff6ff; border-radius: 11px; font-size: 16px; }
.hh-help-grid span { min-width: 0; display: flex; flex: 1; flex-direction: column; }
.hh-help-grid strong { font-size: 12px; }
.hh-help-grid small { margin-top: 4px; color: #94a3b8; font-size: 10px; }
.hh-help-grid > a > i:last-child { color: #94a3b8; font-size: 11px; }

.hh-portal-footer { flex-shrink: 0; color: #94a3b8; background: #0f172a; border-top: 3px solid #1d4ed8; }
.hh-footer-inner { min-height: 92px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; }
.hh-footer-inner > div { display: flex; flex-direction: column; }
.hh-footer-inner strong { color: #fff; font-size: 13px; }
.hh-footer-inner span,.hh-footer-inner small { font-size: 10px; }
.hh-footer-inner nav { display: flex; justify-content: center; align-items: center; gap: 22px; }
.hh-footer-inner a,.hh-footer-inner button { color: #cbd5e1; background: none; border: 0; font-size: 10px; font-weight: 600; text-decoration: none; }
.hh-footer-inner a:hover,.hh-footer-inner button:hover { color: #60a5fa; }

@media (min-width: 1200px) {
    .hh-header-inner { gap: 12px; }
    .hh-brand { min-width: 218px; }
    .hh-brand-divider { margin-left: 10px; margin-right: 10px; }
    .hh-portal-nav > a,
    .hh-products-toggle { padding-left: 7px; padding-right: 7px; font-size: 10.5px; white-space: nowrap; }
    .hh-header-actions { gap: 6px; padding-left: 8px; }
    .hh-account-button { padding-right: 8px; }
}

@media (max-width: 1199.98px) {
    .hh-header-inner { flex-wrap: wrap; gap: 10px; padding-top: 13px; padding-bottom: 13px; }
    .hh-brand { min-width: 0; }
    .hh-mobile-toggle { display: block; }
    .hh-header-actions { border-left: 0; }
    .hh-portal-nav { order: 4; width: 100%; margin: 0; padding: 8px; flex-basis: 100%; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 13px; }
    .hh-portal-nav.collapse:not(.show) { display: none; }
    .hh-portal-nav.show { display: grid; grid-template-columns: repeat(4,1fr); }
    .hh-portal-nav > a { justify-content: center; }
    .hh-products-menu { position: relative; display: flex; }
    .hh-products-toggle { width: 100%; justify-content: center; }
    .hh-products-dropdown { top: 100% !important; left: 0 !important; width: min(720px,calc(100vw - 44px)); max-height: 72vh; overflow-y: auto; grid-template-columns: repeat(2,minmax(0,1fr)); transform: none !important; }
}
@media (max-width: 767.98px) {
    .hh-header-inner { min-height: 68px; }
    .hh-brand img { height: 36px; max-width: 145px; }
    .hh-brand-divider,.hh-brand-label,.hh-login-link span,.hh-register-link { display: none; }
    .hh-header-actions { margin-left: 0; padding-left: 0; }
    .hh-login-link { width: 42px; justify-content: center; padding: 0; border: 1px solid #dce5ef; }
    .hh-mobile-toggle { margin-left: auto; }
    .hh-portal-nav.show { grid-template-columns: repeat(2,1fr); }
    .hh-products-dropdown { width: calc(100vw - 44px); grid-template-columns: 1fr; }
    .hh-main-body { padding: 20px 0 36px; }
    .hh-catalog-heading { align-items: flex-start; }
    .hh-catalog-heading h1 { font-size: 25px; }
    .hh-category-grid { grid-template-columns: 1fr; }
    .hh-category-card { min-height: 132px; padding: 20px; }
    .hh-service-strip { align-items: flex-start; flex-wrap: wrap; gap: 12px 18px; }
    .hh-service-strip > a { width: 100%; margin-left: 0; }
    .hh-welcome-card { padding: 30px 24px; grid-template-columns: 1fr; gap: 17px; border-radius: 18px; }
    .hh-welcome-icon { width: 56px; height: 56px; border-radius: 16px; font-size: 22px; }
    .hh-welcome-card h1 { font-size: 23px; }
    .hh-help-grid { grid-template-columns: 1fr; }
    .hh-footer-inner { padding-top: 25px; padding-bottom: 25px; grid-template-columns: 1fr; text-align: center; gap: 15px; }
    .hh-footer-inner nav { flex-wrap: wrap; gap: 12px 18px; }
}

/* Service list filters: keep the selected state readable across WHMCS/Bootstrap skins. */
.hh-main-body .hh-sidebar .list-group-item.active,
.hh-main-body .hh-sidebar a.list-group-item.active,
.hh-main-body .hh-sidebar .list-group-item.active:hover,
.hh-main-body .hh-sidebar .list-group-item.active:focus {
    color: #fff !important;
    background: #2563eb !important;
    border-color: #2563eb !important;
}
.hh-main-body .hh-sidebar .list-group-item.active i,
.hh-main-body .hh-sidebar .list-group-item.active span:not(.badge) {
    color: #fff !important;
}
.hh-main-body .hh-sidebar .list-group-item.active .badge {
    color: #1d4ed8 !important;
    background: #fff !important;
    border-color: rgba(255,255,255,.75) !important;
}

/* Displayed catalogue prices are net; WHMCS adds tax in the cart. */
.hh-client-portal .hh-tax-disclosure {
    min-height: 34px;
    padding: 7px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #475569;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-size: 11px;
    line-height: 1.35;
    text-align: center;
}
.hh-client-portal .hh-tax-disclosure i { color: #2563eb; }
.hh-client-portal .hh-tax-disclosure strong { color: #0f172a; font-weight: 800; }

/* HostingHizmeti order flow: domain, configuration, cart and transfer. */
#order-standard_cart.hh-domain-choice-page,
#order-standard_cart.hh-product-config-page,
#order-standard_cart.hh-domain-register-page,
#order-standard_cart.hh-domain-transfer-page,
#order-standard_cart.hh-view-cart-page {
    --order-blue: #2563eb;
    --order-blue-dark: #1d4ed8;
    --order-navy: #0f172a;
    --order-muted: #64748b;
    --order-border: #dce6f2;
    --order-surface: #fff;
    --order-soft: #f5f8fd;
    color: var(--order-navy);
}
#order-standard_cart.hh-domain-choice-page .header-lined,
#order-standard_cart.hh-product-config-page .header-lined,
#order-standard_cart.hh-domain-register-page .header-lined,
#order-standard_cart.hh-domain-transfer-page .header-lined {
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
}
#order-standard_cart.hh-domain-choice-page .header-lined h1,
#order-standard_cart.hh-product-config-page .header-lined h1,
#order-standard_cart.hh-domain-register-page .header-lined h1,
#order-standard_cart.hh-domain-transfer-page .header-lined h1 {
    margin: 0;
    color: var(--order-navy);
    font-size: clamp(27px,3vw,38px) !important;
    font-weight: 850;
    letter-spacing: -.035em;
}
#order-standard_cart.hh-domain-choice-page .form-control,
#order-standard_cart.hh-product-config-page .form-control,
#order-standard_cart.hh-domain-register-page .form-control,
#order-standard_cart.hh-domain-transfer-page .form-control,
#order-standard_cart.hh-view-cart-page .form-control {
    min-height: 50px;
    color: #172033;
    background: #fff;
    border: 1px solid #cfdbea;
    border-radius: 11px;
    box-shadow: none;
    font-size: 13px;
}
#order-standard_cart.hh-domain-choice-page .form-control:focus,
#order-standard_cart.hh-product-config-page .form-control:focus,
#order-standard_cart.hh-domain-register-page .form-control:focus,
#order-standard_cart.hh-domain-transfer-page .form-control:focus,
#order-standard_cart.hh-view-cart-page .form-control:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(37,99,235,.1);
}
#order-standard_cart.hh-domain-choice-page .btn-primary,
#order-standard_cart.hh-product-config-page .btn-primary,
#order-standard_cart.hh-domain-register-page .btn-primary,
#order-standard_cart.hh-domain-transfer-page .btn-primary,
#order-standard_cart.hh-view-cart-page .btn-primary,
#order-standard_cart.hh-view-cart-page .btn-success {
    min-height: 46px;
    padding: 11px 20px;
    color: #fff !important;
    background: linear-gradient(135deg,var(--order-blue),var(--order-blue-dark)) !important;
    border: 0 !important;
    border-radius: 11px !important;
    box-shadow: 0 9px 20px rgba(37,99,235,.2);
    font-weight: 750;
}

/* Product domain selection */
#order-standard_cart.hh-domain-choice-page .domain-selection-options {
    margin-top: 22px;
    display: grid;
    gap: 12px;
}

/* Focused checkout flow: the header mega menu replaces the tall category sidebar. */
#order-standard_cart.hh-domain-choice-page > .row,
#order-standard_cart.hh-product-config-page > .row,
#order-standard_cart.hh-domain-register-page > .row,
#order-standard_cart.hh-domain-transfer-page > .row,
#order-standard_cart.hh-domain-config-page > .row,
#order-standard_cart.hh-view-cart-page > .row {
    display: block !important;
    margin: 0 !important;
}
#order-standard_cart.hh-domain-choice-page .cart-sidebar,
#order-standard_cart.hh-product-config-page .cart-sidebar,
#order-standard_cart.hh-domain-register-page .cart-sidebar,
#order-standard_cart.hh-domain-transfer-page .cart-sidebar,
#order-standard_cart.hh-domain-config-page .cart-sidebar,
#order-standard_cart.hh-view-cart-page .cart-sidebar { display: none !important; }
#order-standard_cart.hh-domain-choice-page .cart-body,
#order-standard_cart.hh-product-config-page .cart-body,
#order-standard_cart.hh-domain-register-page .cart-body,
#order-standard_cart.hh-domain-transfer-page .cart-body,
#order-standard_cart.hh-domain-config-page .cart-body,
#order-standard_cart.hh-view-cart-page .cart-body {
    width: min(100%,1080px) !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
}
#order-standard_cart.hh-domain-choice-page .domain-selection-options .option {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: var(--order-surface) !important;
    border: 1px solid var(--order-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 25px rgba(15,23,42,.04);
    transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
#order-standard_cart.hh-domain-choice-page .domain-selection-options .option:hover {
    transform: translateY(-1px);
    border-color: #9fc2ff !important;
    box-shadow: 0 13px 30px rgba(37,99,235,.08);
}
#order-standard_cart.hh-domain-choice-page .domain-selection-options .option > label {
    min-height: 58px;
    margin: 0 !important;
    padding: 16px 20px !important;
    display: flex !important;
    align-items: center;
    gap: 12px;
    color: #334155;
    background: #fff;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
}
#order-standard_cart.hh-domain-choice-page .domain-selection-options .option > label input[type="radio"] {
    width: 21px;
    height: 21px;
    margin: 0 !important;
    flex: 0 0 21px;
    accent-color: var(--order-blue);
}
#order-standard_cart.hh-domain-choice-page .domain-selection-options .option.option-selected,
#order-standard_cart.hh-domain-choice-page .domain-selection-options .option:has(input[type="radio"]:checked) {
    border-color: #77a7ff !important;
    box-shadow: 0 13px 32px rgba(37,99,235,.1);
}
#order-standard_cart.hh-domain-choice-page .domain-selection-options .option.option-selected > label,
#order-standard_cart.hh-domain-choice-page .domain-selection-options .option:has(input[type="radio"]:checked) > label {
    color: #123b99;
    background: linear-gradient(90deg,#eef5ff,#f8fbff);
}
#order-standard_cart.hh-domain-choice-page .domain-input-group {
    margin: 0 !important;
    padding: 12px 16px !important;
    background: #fbfdff;
    border-top: 1px solid #e6edf6;
}
#order-standard_cart.hh-domain-choice-page .domain-input-group > .row {
    margin: 0 !important;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    gap: 10px;
}
#order-standard_cart.hh-domain-choice-page .domain-input-group > .row > [class*="col-"] {
    padding: 0 !important;
}
#order-standard_cart.hh-domain-choice-page .domain-input-group > .row > .col-sm-8 { min-width: 0; margin-left: 0 !important; flex: 1 1 0; max-width: none; }
#order-standard_cart.hh-domain-choice-page .domain-input-group > .row > .col-sm-2 { flex: 0 0 130px; max-width: 130px; }
#order-standard_cart.hh-domain-choice-page .domain-input-group .domains-row { margin: 0 !important; }
#order-standard_cart.hh-domain-choice-page .domain-input-group .input-group-text {
    min-height: 50px;
    color: #64748b;
    background: #f1f5f9;
    border-color: #cfdbea;
    border-radius: 11px 0 0 11px;
    font-weight: 700;
}
#order-standard_cart.hh-domain-choice-page .domain-input-group .btn { width: 100%; min-height: 50px; }

/* Product configuration */
#order-standard_cart.hh-product-config-page .secondary-cart-body > p:first-child {
    margin: 0 0 20px;
    color: var(--order-muted);
    font-size: 13px;
}
#order-standard_cart.hh-product-config-page .product-info,
#order-standard_cart #frmConfigureProduct .product-info {
    margin: 0 0 22px !important;
    padding: 0 !important;
    overflow: hidden;
    background: #fff !important;
    border: 1px solid var(--order-border) !important;
    border-radius: 17px !important;
    box-shadow: 0 10px 30px rgba(15,23,42,.055);
}
#order-standard_cart.hh-product-config-page .product-info .product-title,
#order-standard_cart #frmConfigureProduct .product-info .product-title {
    margin: 0 !important;
    padding: 17px 20px !important;
    color: var(--order-navy) !important;
    background: linear-gradient(135deg,#edf5ff 0%,#e4efff 100%);
    border-bottom: 1px solid #ccdcf2;
    font-size: 18px !important;
    font-weight: 850;
}
#order-standard_cart.hh-product-config-page .product-info > p:not(.product-title),
#order-standard_cart #frmConfigureProduct .product-info > p:not(.product-title) { margin: 0 !important; padding: 10px 18px 18px; }
#order-standard_cart.hh-product-config-page .product-info .hh-product-description,
#order-standard_cart #frmConfigureProduct .product-info .hh-product-description { padding: 14px 18px 20px; }
#order-standard_cart.hh-product-config-page .product-info .hh-product-tagline { font-size: 12px; }
#order-standard_cart.hh-product-config-page .product-info .hh-product-features,
#order-standard_cart #frmConfigureProduct .product-info .hh-product-features {
    width: auto;
    margin: 0 18px 20px !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
}
#order-standard_cart.hh-product-config-page .product-info .hh-product-features li,
#order-standard_cart #frmConfigureProduct .product-info .hh-product-features li {
    min-height: 44px;
    padding: 7px 9px;
    font-size: 12px;
}

/* Domain choice result: result, suggestions and action remain in one card. */
#order-standard_cart.hh-domain-choice-page #DomainSearchResults {
    margin-top: 18px;
    padding: 16px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--order-border) !important;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(15,23,42,.05);
}
#order-standard_cart.hh-domain-choice-page #DomainSearchResults .primary-domain-header { padding: 10px 12px; background: #f8fafc; border-radius: 10px 10px 0 0; }
#order-standard_cart.hh-domain-choice-page #primaryLookupResult { padding: 15px; background: linear-gradient(135deg,#f7fff9,#f0fdf4); border: 1px solid #bbf7d0; border-radius: 12px; text-align: center; }
#order-standard_cart.hh-domain-choice-page #primaryLookupResult .headline { margin: 0 !important; }
#order-standard_cart.hh-domain-choice-page #primaryLookupResult .domain-price { margin-top: 5px; }
#order-standard_cart.hh-domain-choice-page .suggested-domains { margin-top: 12px; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 12px; }
#order-standard_cart.hh-domain-choice-page .domain-suggestions-warning { padding: 10px 12px; }
#order-standard_cart.hh-domain-choice-page .domain-suggestions-warning p { margin: 0; }
#order-standard_cart.hh-domain-choice-page .hh-domain-result-action { margin-top: 13px; padding-top: 13px; display: flex; justify-content: flex-end; border-top: 1px solid #e5ecf4; }
#order-standard_cart.hh-product-config-page .product-info .hh-product-features li:last-child:nth-child(odd),
#order-standard_cart #frmConfigureProduct .product-info .hh-product-features li:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}
#order-standard_cart.hh-product-config-page .field-container {
    margin: 0 0 18px !important;
    padding: 18px 20px !important;
    background: #fff;
    border: 1px solid var(--order-border);
    border-radius: 15px;
}
#order-standard_cart.hh-product-config-page .field-container label { color: #334155; font-size: 12px; font-weight: 750; }
#order-standard_cart.hh-product-config-page .field-container .select-inline { width: 100% !important; max-width: 420px; }
#order-standard_cart.hh-product-config-page .sub-heading {
    margin: 25px 0 14px !important;
    border: 0 !important;
    text-align: left !important;
}
#order-standard_cart.hh-product-config-page .sub-heading span {
    padding: 8px 13px !important;
    display: inline-flex;
    color: #1d4ed8 !important;
    background: #eaf2ff !important;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
}
#order-standard_cart #frmConfigureProduct .hh-config-options-card {
    margin: 24px 0 18px;
    padding: 0 20px 6px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d7e3f1 !important;
    border-radius: 17px;
    box-shadow: 0 10px 30px rgba(15,23,42,.055);
}
#order-standard_cart #frmConfigureProduct .hh-server-options-card {
    margin: 24px 0 18px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d7e3f1;
    border-radius: 17px;
    box-shadow: 0 10px 30px rgba(15,23,42,.055);
}
#order-standard_cart #frmConfigureProduct .hh-server-options-card > .sub-heading {
    height: auto !important;
    margin: 0 !important;
    padding: 15px 20px !important;
    background: linear-gradient(135deg,#edf5ff 0%,#e4efff 100%);
    border: 0 !important;
    border-bottom: 1px solid #ccdcf2 !important;
    text-align: left !important;
}
#order-standard_cart #frmConfigureProduct .hh-server-options-card > .sub-heading span {
    top: auto !important;
    padding: 0 !important;
    color: var(--order-navy) !important;
    background: transparent !important;
    border-radius: 0;
    font-size: 14px !important;
    font-weight: 800 !important;
}
#order-standard_cart #frmConfigureProduct .hh-server-options-body {
    padding: 18px 20px 3px;
}
#order-standard_cart #frmConfigureProduct .hh-server-options-card .form-group {
    margin-bottom: 15px;
}
#order-standard_cart #frmConfigureProduct .hh-server-options-card label {
    margin-bottom: 7px;
    color: #475569;
    font-size: 12px;
    font-weight: 650;
}
#order-standard_cart #frmConfigureProduct .hh-server-options-card .form-control {
    min-height: 50px;
    background: #fff;
    border-color: #cbd9ea;
    border-radius: 12px;
    box-shadow: none;
}
#order-standard_cart #frmConfigureProduct .hh-server-options-card .form-control:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
#order-standard_cart #frmConfigureProduct .hh-config-options-card > .sub-heading {
    height: auto !important;
    margin: 0 -20px 17px !important;
    padding: 15px 20px !important;
    background: linear-gradient(135deg,#f8fbff,#edf4ff);
    border-bottom: 1px solid #e2eaf5 !important;
    text-align: left !important;
}
#order-standard_cart #frmConfigureProduct .hh-config-options-card > .sub-heading span {
    padding: 0 !important;
    display: inline-flex;
    color: var(--order-navy) !important;
    background: transparent !important;
    border-radius: 0;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0;
}
#order-standard_cart #frmConfigureProduct .hh-config-options-card .product-configurable-options {
    margin: 0 !important;
}
#order-standard_cart #frmConfigureProduct .hh-config-options-card .form-group {
    margin-bottom: 15px;
}
#order-standard_cart #frmConfigureProduct .hh-config-options-card label {
    margin-bottom: 7px;
    color: #475569;
    font-size: 12px;
    font-weight: 650;
}
#order-standard_cart #frmConfigureProduct .hh-config-options-card .form-control {
    min-height: 50px;
    background-color: #fff;
    border-color: #cbd9ea;
    border-radius: 12px;
    box-shadow: none;
}
#order-standard_cart #frmConfigureProduct .hh-config-options-card .form-control:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
@media (max-width: 767px) {
    #order-standard_cart #frmConfigureProduct .hh-config-options-card {
        padding-right: 15px;
        padding-left: 15px;
    }
    #order-standard_cart #frmConfigureProduct .hh-config-options-card > .sub-heading {
        margin-right: -15px !important;
        margin-left: -15px !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    #order-standard_cart #frmConfigureProduct .hh-server-options-body {
        padding-right: 15px;
        padding-left: 15px;
    }
}
#order-standard_cart.hh-product-config-page .order-summary {
    overflow: hidden;
    background: #fff !important;
    border: 1px solid #cfe0f5 !important;
    border-radius: 17px !important;
    box-shadow: 0 14px 38px rgba(15,23,42,.09);
}
#order-standard_cart.hh-product-config-page .order-summary h2 {
    margin: 0 !important;
    padding: 17px 20px !important;
    color: #fff !important;
    background: linear-gradient(135deg,#1e40af,#2563eb) !important;
    font-size: 18px !important;
}

/* Domain search */
#order-standard_cart.hh-domain-register-page .cart-body > p {
    margin: 0 0 22px;
    color: var(--order-muted);
    font-size: 13px;
}
#order-standard_cart.hh-domain-register-page .domain-checker-container {
    margin: 0 0 30px !important;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 18px 42px rgba(30,64,175,.16);
}
#order-standard_cart.hh-domain-register-page .domain-checker-bg {
    min-height: 0;
    padding: 46px 28px !important;
    position: relative;
    background: linear-gradient(135deg,#173ea5 0%,#2563eb 55%,#60a5fa 100%) !important;
}
#order-standard_cart.hh-domain-register-page .domain-checker-bg:before,
#order-standard_cart.hh-domain-register-page .domain-checker-bg:after {
    content: "";
    position: absolute;
    pointer-events: none;
    border: 2px solid rgba(255,255,255,.12);
    border-radius: 50%;
}
#order-standard_cart.hh-domain-register-page .domain-checker-bg:before { width: 330px; height: 330px; right: -80px; top: -120px; }
#order-standard_cart.hh-domain-register-page .domain-checker-bg:after { width: 230px; height: 230px; right: -10px; bottom: -155px; }
#order-standard_cart.hh-domain-register-page .domain-checker-bg form { position: relative; z-index: 1; }
#order-standard_cart.hh-domain-register-page .domain-checker-bg .input-group-box {
    padding: 7px;
    display: flex;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 15px;
    box-shadow: 0 14px 32px rgba(15,23,42,.18);
}
#order-standard_cart.hh-domain-register-page .domain-checker-bg .input-group-box .form-control {
    height: 54px;
    border: 0;
    border-radius: 10px 0 0 10px;
    font-size: 15px;
}
#order-standard_cart.hh-domain-register-page .domain-checker-bg .input-group-box .btn {
    min-width: 120px;
    min-height: 54px;
    box-shadow: none;
}
#order-standard_cart.hh-domain-register-page .domain-checker-result-headline .domain-checker-invalid {
    max-width: 720px;
    margin: 22px auto 0 !important;
    padding: 14px 18px;
    color: #b42318 !important;
    background: #fff7f6;
    border: 1px solid #fecaca;
    border-radius: 12px;
    font-size: 14px !important;
    font-weight: 650;
    line-height: 1.55;
    text-align: left;
}
#order-standard_cart.hh-domain-register-page .domain-checker-result-headline .domain-checker-invalid i {
    margin-right: 7px;
}

/* Domain search result: clear availability, price and purchase hierarchy. */
#order-standard_cart.hh-domain-register-page #DomainSearchResults {
    margin-top: 26px;
    padding: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce6f2;
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(15,23,42,.065);
}
#order-standard_cart.hh-domain-register-page #DomainSearchResults .primary-domain-header {
    width: auto;
    margin: 0 0 12px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #1d4ed8;
    background: #edf4ff;
    border: 1px solid #d6e5ff;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}
#order-standard_cart.hh-domain-register-page #searchDomainInfo {
    margin: 0;
}
#order-standard_cart.hh-domain-register-page #primaryLookupSearching {
    margin: 0;
    padding: 32px 20px;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    font-size: 14px;
}
#order-standard_cart.hh-domain-register-page #primaryLookupResult {
    padding: 0;
    background: transparent;
    border: 0;
    text-align: left;
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-main {
    min-height: 112px;
    padding: 24px 25px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 18px 28px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg,#f2fff7 0%,#f8fffb 56%,#effcf5 100%);
    border: 1px solid #a7e9bf;
    border-radius: 15px;
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-main:before {
    content: "";
    width: 5px;
    position: absolute;
    inset: 0 auto 0 0;
    background: linear-gradient(180deg,#16a34a,#22c55e);
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-main:after {
    content: "";
    width: 180px;
    height: 180px;
    position: absolute;
    right: -75px;
    bottom: -115px;
    pointer-events: none;
    border: 1px solid rgba(34,197,94,.13);
    border-radius: 50%;
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-status {
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-status > p {
    margin: 0 !important;
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-status .domain-checker-available {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #166534 !important;
    font-size: 15px !important;
    line-height: 1.45;
    text-align: left;
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-status .domain-checker-available:before {
    content: "\f00c";
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #16a34a;
    border-radius: 13px;
    box-shadow: 0 8px 18px rgba(22,163,74,.20);
    font-family: "Font Awesome 6 Pro","Font Awesome 6 Free","Font Awesome 5 Free";
    font-size: 17px;
    font-weight: 900;
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-status .domain-checker-available strong {
    color: #14532d;
    font-size: 19px;
    font-weight: 850;
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-main .domain-price {
    margin: 0 !important;
    display: flex;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    gap: 16px;
    position: relative;
    z-index: 1;
    white-space: nowrap;
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-main .domain-price > .price {
    color: #0f172a;
    font-size: 21px;
    font-weight: 850;
    letter-spacing: -.02em;
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-main .btn-add-to-cart {
    min-width: 144px;
    min-height: 50px;
    padding: 12px 20px;
    border: 0;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(37,99,235,.22);
}
#order-standard_cart.hh-domain-register-page .hh-primary-result-main #idnLanguageSelector {
    margin: 0;
    grid-column: 1 / -1;
    grid-row: 2;
}
#order-standard_cart.hh-domain-register-page #primaryLookupResult > .domain-error {
    margin: 12px 0 0 !important;
    padding: 13px 15px;
    border-radius: 11px;
    text-align: left;
}
#order-standard_cart.hh-domain-register-page #DomainSearchResults .suggested-domains {
    margin-top: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce6f2;
    border-radius: 14px;
}
#order-standard_cart.hh-domain-register-page #DomainSearchResults .suggested-domains .panel-heading {
    padding: 14px 18px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

@media (max-width: 767px) {
    #order-standard_cart.hh-domain-register-page #DomainSearchResults {
        margin-top: 18px;
        padding: 14px;
        border-radius: 15px;
    }
    #order-standard_cart.hh-domain-register-page .hh-primary-result-main {
        padding: 20px 18px 18px;
        grid-template-columns: 1fr;
        gap: 16px;
    }
    #order-standard_cart.hh-domain-register-page .hh-primary-result-status,
    #order-standard_cart.hh-domain-register-page .hh-primary-result-main .domain-price,
    #order-standard_cart.hh-domain-register-page .hh-primary-result-main #idnLanguageSelector {
        grid-column: 1;
        grid-row: auto;
    }
    #order-standard_cart.hh-domain-register-page .hh-primary-result-main .domain-price {
        padding-top: 15px;
        justify-content: space-between;
        border-top: 1px solid #cdebd8;
    }
    #order-standard_cart.hh-domain-register-page .hh-primary-result-main .btn-add-to-cart {
        min-width: 132px;
    }
}
#order-standard_cart.hh-domain-register-page .default-captcha,
#order-standard_cart.hh-domain-transfer-page .default-captcha {
    width: min(430px,100%);
    margin: 18px auto 0 !important;
    padding: 15px 18px !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.13);
}
#order-standard_cart.hh-domain-register-page .default-captcha p,
#order-standard_cart.hh-domain-transfer-page .default-captcha p { margin: 0 0 9px; color: #64748b; font-size: 11px; }
#order-standard_cart.hh-domain-register-page .default-captcha > div,
#order-standard_cart.hh-domain-transfer-page .default-captcha > div { display: flex; justify-content: center; align-items: center; gap: 9px; }
#order-standard_cart.hh-domain-register-page .default-captcha img,
#order-standard_cart.hh-domain-transfer-page .default-captcha img { height: 40px; border-radius: 7px; }
#order-standard_cart.hh-domain-register-page .default-captcha .form-control,
#order-standard_cart.hh-domain-transfer-page .default-captcha .form-control { width: 110px; min-height: 40px; height: 40px; }
#order-standard_cart.hh-domain-register-page .domain-pricing > h4 { margin: 0 0 13px; color: var(--order-navy); font-size: 17px !important; font-weight: 800; }
#order-standard_cart.hh-domain-register-page .tld-filters { margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 7px; }
#order-standard_cart.hh-domain-register-page .tld-filters .badge {
    margin: 0 !important;
    padding: 8px 11px;
    color: #41516b;
    background: #fff !important;
    border: 1px solid #d8e3ef;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}
#order-standard_cart.hh-domain-register-page .tld-filters .badge.active,
#order-standard_cart.hh-domain-register-page .tld-filters .badge:hover { color: #fff; background: var(--order-blue) !important; border-color: var(--order-blue); }
#order-standard_cart.hh-domain-register-page .domain-pricing > .bg-white {
    overflow: hidden;
    border: 1px solid #dbe5f1;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(15,23,42,.04);
}
#order-standard_cart.hh-domain-register-page .tld-pricing-header {
    padding: 14px 0 !important;
    color: #334155;
    background: #eff5fd !important;
    border: 0 !important;
    font-size: 11px;
    font-weight: 800;
}
#order-standard_cart.hh-domain-register-page .tld-row {
    min-height: 62px;
    align-items: center;
    background: #fff !important;
    border-top: 1px solid #e9eff6 !important;
    font-size: 11px;
}
#order-standard_cart.hh-domain-register-page .tld-row:nth-child(odd) { background: #f9fbfe !important; }
#order-standard_cart.hh-domain-register-page .tld-row strong { color: #0f172a; font-size: 13px; }

/* Domain transfer */
#order-standard_cart.hh-domain-transfer-page .hh-transfer-intro {
    margin: 0 0 22px;
    color: var(--order-muted);
    font-size: 14px;
}
#order-standard_cart.hh-domain-transfer-page .panel,
#order-standard_cart.hh-domain-transfer-page .card {
    max-width: 680px;
    margin: 0 auto !important;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--order-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 42px rgba(15,23,42,.08);
}
#order-standard_cart.hh-domain-transfer-page .panel-heading,
#order-standard_cart.hh-domain-transfer-page .card-header {
    padding: 18px 22px !important;
    color: #173b82 !important;
    background: linear-gradient(135deg,#f5f9ff,#eaf2ff) !important;
    border-bottom: 1px solid #dbe6f3 !important;
    font-size: 21px !important;
    font-weight: 800;
}
#order-standard_cart.hh-domain-transfer-page .panel-body,
#order-standard_cart.hh-domain-transfer-page .card-body { padding: 22px !important; }
#order-standard_cart.hh-domain-transfer-page .form-group { margin-bottom: 18px; }
#order-standard_cart.hh-domain-transfer-page .form-group label { margin-bottom: 8px; color: #475569; font-size: 11px; font-weight: 750; }
#order-standard_cart.hh-domain-transfer-page .form-group label a { color: #2563eb; }
#order-standard_cart.hh-domain-transfer-page .panel-footer,
#order-standard_cart.hh-domain-transfer-page .card-footer { padding: 14px 20px !important; background: #f8fafc !important; border-top: 1px solid #e3ebf5 !important; }
#order-standard_cart.hh-domain-transfer-page .default-captcha { margin-top: 8px !important; background: #f8fafc !important; border-color: #dbe5f1 !important; box-shadow: none; }

/* Domain configuration */
#order-standard_cart.hh-domain-config-page .cart-body > form > p { margin: 0 0 16px; color: #64748b; }
#order-standard_cart.hh-domain-config-page .hh-domain-config-card {
    margin-bottom: 16px;
    padding: 18px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dbe5f1;
    border-radius: 17px;
    box-shadow: 0 10px 30px rgba(15,23,42,.05);
}
#order-standard_cart.hh-domain-config-page .hh-domain-config-card .sub-heading {
    height: auto !important;
    margin: -18px -18px 16px !important;
    padding: 14px 18px !important;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg,#f8fbff,#edf4ff);
    border: 0 !important;
    border-bottom: 1px solid #dfe8f4 !important;
    text-align: left !important;
}
#order-standard_cart.hh-domain-config-page .hh-domain-config-card .sub-heading span {
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #173b82 !important;
    background: transparent !important;
    font-size: 15px;
    font-weight: 800;
}
#order-standard_cart.hh-domain-config-page .hh-domain-config-card .sub-heading i {
    width: 29px;
    height: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 29px;
    color: #2563eb;
    background: #e7f0ff;
    border-radius: 9px;
    font-size: 12px;
}
#order-standard_cart.hh-domain-config-page .hh-domain-config-card > .row:not(.addon-products) { margin-bottom: 4px; }
#order-standard_cart.hh-domain-config-page .hh-domain-config-card .form-group { margin-bottom: 10px; padding: 10px 12px; background: #f8fafc; border: 1px solid #edf2f7; border-radius: 10px; }
#order-standard_cart.hh-domain-config-page .addon-products {
    margin: 4px 0 0 !important;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
    gap: 12px;
}
#order-standard_cart.hh-domain-config-page .addon-products > [class*="col-"] { width: auto; max-width: none; padding: 0 !important; }
#order-standard_cart.hh-domain-config-page .panel-addon {
    min-height: 190px;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dbe5f1 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.045);
}
#order-standard_cart.hh-domain-config-page .panel-addon .panel-body { min-height: 0; padding: 16px !important; flex: 1; color: #64748b; line-height: 1.55; text-align: left; }
#order-standard_cart.hh-domain-config-page .panel-addon .panel-body label { margin-bottom: 9px; display: flex; align-items: center; gap: 8px; color: #0f172a; font-weight: 800; }
#order-standard_cart.hh-domain-config-page .panel-addon input[type="checkbox"] { width: 19px; height: 19px; margin: 0; accent-color: #2563eb; }
#order-standard_cart.hh-domain-config-page .panel-addon .panel-price { padding: 8px 14px; color: #475569; background: #f8fafc; border-top: 1px solid #edf2f7; font-weight: 700; text-align: center; }
#order-standard_cart.hh-domain-config-page .panel-addon .panel-add { padding: 10px 14px; color: #fff; background: #2563eb; font-weight: 800; text-align: center; }
#order-standard_cart.hh-domain-config-page .panel-addon-selected { border-color: #60a5fa !important; box-shadow: 0 0 0 3px rgba(37,99,235,.08); }
#order-standard_cart.hh-domain-config-page form > .text-center { margin-top: 4px; }

@media (max-width: 991.98px) {
    #order-standard_cart.hh-domain-config-page .addon-products { grid-template-columns: 1fr; }
    #order-standard_cart.hh-domain-config-page .panel-addon { min-height: 0; }
}

/* Domain page call-to-action cards */
#order-standard_cart.hh-domain-register-page .hh-domain-promo-grid {
    margin-top: 10px;
    display: flex;
    align-items: stretch;
}
#order-standard_cart.hh-domain-register-page .hh-domain-promo-grid > [class*="col-"] { display: flex; }
#order-standard_cart.hh-domain-register-page .hh-domain-promo-card {
    width: 100%;
    min-height: 230px;
    padding: 24px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff !important;
    border: 1px solid #dce6f2 !important;
    border-radius: 17px !important;
    box-shadow: 0 12px 32px rgba(15,23,42,.06);
}
#order-standard_cart.hh-domain-register-page .hh-domain-promo-head {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
#order-standard_cart.hh-domain-register-page .hh-domain-promo-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef5ff;
    border: 1px solid #d8e7ff;
    border-radius: 13px;
    font-size: 21px;
}
#order-standard_cart.hh-domain-register-page .hh-domain-promo-head h3 {
    margin: 1px 0 5px !important;
    color: #0f172a;
    font-size: 19px !important;
    font-weight: 800;
    line-height: 1.25;
}
#order-standard_cart.hh-domain-register-page .hh-domain-promo-head p,
#order-standard_cart.hh-domain-register-page .hh-domain-promo-copy {
    margin: 0;
    color: #64748b !important;
    font-size: 12px;
    line-height: 1.6;
}
#order-standard_cart.hh-domain-register-page .hh-domain-promo-copy { margin: 16px 0 18px; }
#order-standard_cart.hh-domain-register-page .hh-domain-promo-card > .btn { margin-top: auto; }
#order-standard_cart.hh-domain-register-page .hh-domain-promo-note {
    margin: 14px 0 0;
    color: #7c8ba1;
    line-height: 1.5;
}

/* Support department selector */
.hh-support-departments {
    border: 1px solid #dce6f2 !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 34px rgba(15,23,42,.05);
}
.hh-support-departments .card-body { padding: 30px !important; }
.hh-support-departments .card-title { margin-bottom: 7px; color: #0f172a; font-size: 25px; font-weight: 800; }
.hh-support-departments .hh-support-grid {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 13px;
}
.hh-support-department {
    min-height: 92px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    color: #0f172a !important;
    background: #f8fbff;
    border: 1px solid #dce6f2;
    border-radius: 14px;
    text-decoration: none !important;
    transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.hh-support-department:hover {
    transform: translateY(-2px);
    border-color: #8fb7ff;
    box-shadow: 0 12px 26px rgba(37,99,235,.1);
}
.hh-support-department-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eaf2ff;
    border-radius: 12px;
}
.hh-support-department-copy { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.hh-support-department-copy strong { font-size: 16px; }
.hh-support-department-copy small { color: #64748b; font-size: 11px; line-height: 1.45; }
.hh-support-department-arrow { margin-left: auto; color: #8aa0bc; font-size: 12px; }

/* Basket promotion and summary */
#order-standard_cart.hh-view-cart-page .empty-cart { margin: 12px 0 18px; text-align: right; }
#order-standard_cart.hh-view-cart-page .empty-cart .btn {
    padding: 9px 13px;
    color: #b42318;
    background: #fff1f0;
    border: 1px solid #fecaca;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 750;
    text-decoration: none;
}
#order-standard_cart.hh-view-cart-page .view-cart-tabs {
    margin-top: 12px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--order-border) !important;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(15,23,42,.05);
}
#order-standard_cart.hh-view-cart-page .view-cart-tabs .nav-tabs { min-height: 0; padding: 0 12px; background: #f8fafc; border-bottom: 1px solid #e3ebf5; }
#order-standard_cart.hh-view-cart-page .view-cart-tabs .nav-link {
    padding: 8px 12px;
    color: #52627a;
    background: transparent;
    border: 0 !important;
    border-radius: 9px 9px 0 0;
    font-size: 11px;
    font-weight: 750;
}
#order-standard_cart.hh-view-cart-page .view-cart-tabs .nav-link.active { color: #1d4ed8; background: #fff; box-shadow: inset 0 3px #2563eb; }
#order-standard_cart.hh-view-cart-page .view-cart-tabs .tab-content { padding: 12px !important; }
#order-standard_cart.hh-view-cart-page .view-cart-tabs #applyPromo form {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
}
#order-standard_cart.hh-view-cart-page .view-cart-tabs #applyPromo .form-group { margin: 0; }
#order-standard_cart.hh-view-cart-page .view-cart-tabs #applyPromo .field-icon { height: 50px; display: flex; align-items: center; color: #94a3b8; }
#order-standard_cart.hh-view-cart-page .view-cart-tabs #applyPromo .btn {
    width: auto !important;
    min-width: 150px;
    min-height: 50px;
    color: #fff;
    background: #0f172a;
    border: 0;
    border-radius: 11px;
    font-weight: 750;
}
#order-standard_cart.hh-view-cart-page .order-summary {
    overflow: hidden;
    background: #fff !important;
    border: 1px solid #cadcf4 !important;
    border-radius: 17px !important;
    box-shadow: 0 14px 38px rgba(15,23,42,.08);
}
#order-standard_cart.hh-view-cart-page .order-summary h2 {
    margin: 0 !important;
    padding: 18px 20px !important;
    color: #fff !important;
    background: linear-gradient(135deg,#1e40af,#2563eb) !important;
    font-size: 19px !important;
}

@media (max-width: 767.98px) {
    #order-standard_cart.hh-domain-choice-page .domain-input-group > .row { display: block; }
    #order-standard_cart.hh-domain-choice-page .domain-input-group > .row > .col-sm-2 { max-width: none; margin-top: 10px; }
    #order-standard_cart.hh-domain-choice-page .domain-selection-options .option > label { padding: 14px 15px !important; align-items: flex-start; }
    #order-standard_cart.hh-domain-choice-page .domain-input-group { padding: 14px !important; }
    #order-standard_cart.hh-product-config-page .product-info .hh-product-features,
    #order-standard_cart #frmConfigureProduct .product-info .hh-product-features { grid-template-columns: 1fr; }
    #order-standard_cart.hh-domain-register-page .domain-checker-bg { min-height: 0; padding: 28px 14px !important; }
    #order-standard_cart.hh-domain-register-page .domain-checker-bg .input-group-box { display: block; }
    #order-standard_cart.hh-domain-register-page .domain-checker-bg .input-group-box .form-control { width: 100%; border-radius: 10px; }
    #order-standard_cart.hh-domain-register-page .domain-checker-bg .input-group-box .input-group-btn { display: block; width: 100%; margin-top: 7px; }
    #order-standard_cart.hh-domain-register-page .domain-checker-bg .input-group-box .btn { width: 100%; }
    #order-standard_cart.hh-domain-register-page .tld-pricing-header { display: none; }
    #order-standard_cart.hh-domain-register-page .tld-row { padding: 13px 8px; }
    #order-standard_cart.hh-domain-transfer-page .panel-body,
    #order-standard_cart.hh-domain-transfer-page .card-body { padding: 17px !important; }
    #order-standard_cart.hh-view-cart-page .view-cart-tabs #applyPromo form { grid-template-columns: 1fr; }
    #order-standard_cart.hh-view-cart-page .view-cart-tabs #applyPromo .btn { width: 100% !important; }
    #order-standard_cart.hh-domain-register-page .hh-domain-promo-grid { display: block; }
    #order-standard_cart.hh-domain-register-page .hh-domain-promo-grid > [class*="col-"] { display: block; margin-bottom: 14px; }
    #order-standard_cart.hh-domain-register-page .hh-domain-promo-card { min-height: 0; }
    .hh-support-departments .card-body { padding: 22px !important; }
    .hh-support-departments .hh-support-grid { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
    .hh-brand img { max-width: 125px; }
    .hh-icon-button,.hh-mobile-toggle,.hh-login-link { width: 38px; height: 38px; }
    .hh-catalog-heading { display: block; }
    .hh-cart-shortcut { margin-top: 14px; }
    .hh-category-card { padding: 17px; gap: 13px; }
    .hh-category-icon { width: 42px; height: 42px; flex-basis: 42px; }
}

/* Product catalog cards: complete, scannable feature lists. */
#order-standard_cart .products .row-eq-height { align-items: stretch; }
#order-standard_cart .products .row-eq-height > [class*="col-"] { display: flex; }
#order-standard_cart .products .product {
    position: relative;
    width: 100%;
    min-height: 0;
    margin-bottom: 22px !important;
    padding: 0 !important;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    flex-direction: column;
    background: #fff;
    border: 1px solid #dbe5f2 !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 32px rgba(15,23,42,.055) !important;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#order-standard_cart .products .product:hover {
    transform: translateY(-3px);
    border-color: #93c5fd !important;
    box-shadow: 0 18px 42px rgba(37,99,235,.12) !important;
}
#order-standard_cart .products .product header {
    margin: 0 !important;
    padding: 17px 20px !important;
    background: linear-gradient(135deg,#f8fbff,#f1f6ff) !important;
    border: 0 !important;
    border-bottom: 1px solid #e4ecf6 !important;
    border-radius: 0 !important;
}
#order-standard_cart .products .product header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 55px;
    background: linear-gradient(180deg,#2563eb,#60a5fa);
}
#order-standard_cart .products .product header span {
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 800;
}
#order-standard_cart .products .product div.product-desc {
    width: 100% !important;
    padding: 17px 20px 19px !important;
    float: none !important;
    flex: 1 1 auto;
    font-size: 12px;
}
#order-standard_cart .hh-product-description { margin: 0; }
#order-standard_cart .hh-product-tagline {
    display: block;
    margin-bottom: 14px;
    color: #64748b;
    font-size: 11px;
    line-height: 1.5;
}
#order-standard_cart .hh-product-features {
    margin: 0 !important;
    padding: 0 !important;
    display: grid;
    gap: 8px;
    list-style: none !important;
}
#order-standard_cart .hh-product-features li {
    min-height: 31px;
    padding: 5px 8px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #334155;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 9px;
}
#order-standard_cart .hh-product-features li > i {
    width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 23px;
    color: #2563eb;
    background: #eaf2ff;
    border-radius: 7px;
    font-size: 10px;
}
#order-standard_cart .hh-product-features li > span {
    min-width: 0;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
}
#order-standard_cart .hh-product-features strong {
    color: #334155;
    font-size: 10.5px;
    font-weight: 700;
}
#order-standard_cart .hh-product-features em {
    color: #0f172a;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 800;
    text-align: right;
}
#order-standard_cart .hh-product-features .is-unavailable { opacity: .55; }
#order-standard_cart .hh-product-features .is-unavailable > i {
    color: #64748b;
    background: #e2e8f0;
}
#order-standard_cart .products .product footer {
    width: 100% !important;
    margin: 0 !important;
    padding: 15px 18px !important;
    float: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: #f8fafc;
    border-top: 1px solid #e4ecf6;
    text-align: left;
}
#order-standard_cart .products .product div.product-pricing {
    margin: 0;
    color: #64748b;
    line-height: 1.25;
}
#order-standard_cart .products .product div.product-pricing span.price {
    color: #1d4ed8 !important;
    font-size: 19px;
    font-weight: 900;
}
#order-standard_cart .products .product .btn-order-now {
    min-width: 108px;
    min-height: 42px;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 10px;
}
@media (max-width: 767.98px) {
    #order-standard_cart .products .row-eq-height > [class*="col-"] { display: block; }
    #order-standard_cart .products .product { min-height: 0; }
    #order-standard_cart .hh-product-features li > span { align-items: flex-start; flex-direction: column; gap: 1px; }
    #order-standard_cart .hh-product-features em { text-align: left; }
}

/* WHMCS genelinde fatura görünümüyle uyumlu, okunabilir tipografi alt sınırı. */
body.hh-client-portal { font-size: 15px; }
.hh-brand-label,
.hh-portal-nav > a,
.hh-products-toggle,
.hh-login-link,
.hh-register-link { font-size: 13px !important; }
.hh-product-group-title { font-size: 12px !important; }
.hh-product-group-title i { font-size: 13px !important; }
.hh-products-dropdown .dropdown-item strong { font-size: 13px !important; }
.hh-products-dropdown .dropdown-item small { font-size: 12px !important; line-height: 1.4; }
.hh-account-copy small { font-size: 12px !important; }
.hh-account-copy strong { font-size: 13px !important; }
.hh-account-menu .dropdown-item,
.hh-alert-strip,
.hh-breadcrumb .breadcrumb { font-size: 13px !important; }
.hh-main-body .btn,
.hh-main-body .form-control,
.hh-main-body .custom-select,
.hh-main-body label { font-size: 13px !important; }
.hh-main-body p,
.hh-main-body address,
.hh-main-body .card-body,
.hh-main-body .panel-body,
.hh-main-body .alert,
.hh-main-body table { font-size: 14px; }
.hh-sidebar .card-header,
.hh-sidebar .list-group-item,
#order-standard_cart .panel-sidebar .list-group-item { font-size: 13px !important; }
.hh-category-content small,
.hh-service-strip,
.hh-help-grid strong,
.hh-help-grid small,
.hh-support-department-copy small { font-size: 13px !important; }
#order-standard_cart .hh-product-tagline,
#order-standard_cart .hh-product-features strong,
#order-standard_cart .hh-product-features em { font-size: 13px !important; }
#order-standard_cart .hh-product-features li { line-height: 1.45; }
.hh-dashboard-kicker,
.hh-dashboard-section-heading span,
.hh-stat-copy em,
.hh-panel-badge { font-size: 12px !important; }
.hh-dashboard-primary-action,
.hh-dashboard-secondary-action,
.hh-stat-copy small,
.hh-dashboard-section-heading p,
.hh-shortcut-card strong,
.hh-shortcut-card small,
.hh-panel-action,
.hh-dashboard-panel-body,
.hh-dashboard-list-item,
.hh-dashboard-panel-footer,
.hh-main-body:has(.hh-client-dashboard) .hh-sidebar .card-body,
.hh-main-body:has(.hh-client-dashboard) .hh-sidebar .list-group-item { font-size: 13px !important; }
body.hh-client-portal #order-standard_cart.hh-checkout-page .already-registered p,
body.hh-client-portal #order-standard_cart.hh-checkout-page .sub-heading span,
body.hh-client-portal #order-standard_cart.hh-checkout-page .account label,
body.hh-client-portal #order-standard_cart.hh-checkout-page #paymentGatewaysContainer > p,
body.hh-client-portal #order-standard_cart.hh-checkout-page #paymentGatewaysContainer .radio-inline,
body.hh-client-portal #order-standard_cart.hh-checkout-page .form-control,
body.hh-client-portal #order-standard_cart.hh-checkout-page .field,
body.hh-client-portal #order-standard_cart.hh-checkout-page #frmCheckout > .text-center .checkbox-inline,
body.hh-client-portal #order-standard_cart.hh-checkout-page .checkout-security-msg { font-size: 13px !important; }
.hh-footer-inner span,
.hh-footer-inner small,
.hh-footer-inner a,
.hh-footer-inner button { font-size: 12px !important; }

@media (min-width: 1200px) {
    .hh-portal-nav > a,
    .hh-products-toggle { font-size: 13px !important; }
}

/* Domain management center */
.hh-domain-center { --domain-blue:#2563eb; --domain-navy:#0f172a; --domain-muted:#64748b; --domain-border:#d8e4f2; display:grid; gap:16px; }
.hh-domain-hero { position:relative; min-height:164px; padding:26px 28px; display:flex; align-items:center; gap:20px; overflow:hidden; color:#fff; background:linear-gradient(125deg,#102f70 0%,#1d4ed8 58%,#3b82f6 100%); border-radius:20px; box-shadow:0 18px 42px rgba(30,64,175,.18); }
.hh-domain-hero:before,.hh-domain-hero:after { content:""; position:absolute; pointer-events:none; border:1px solid rgba(255,255,255,.14); border-radius:50%; }
.hh-domain-hero:before { width:280px; height:280px; right:-95px; top:-170px; }
.hh-domain-hero:after { width:190px; height:190px; right:150px; bottom:-150px; }
.hh-domain-hero-icon { position:relative; z-index:1; width:62px; height:62px; display:flex; align-items:center; justify-content:center; flex:0 0 62px; color:#fff; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.2); border-radius:17px; font-size:27px; }
.hh-domain-hero-copy { position:relative; z-index:1; min-width:0; flex:1; }
.hh-domain-kicker { display:block; margin-bottom:7px; color:#bfdbfe; font-size:10px; font-weight:850; letter-spacing:.15em; }
.hh-domain-hero h1 { margin:0; overflow:hidden; color:#fff; font-size:30px; font-weight:850; letter-spacing:-.035em; text-overflow:ellipsis; white-space:nowrap; }
.hh-domain-hero-meta { margin-top:11px; display:flex; flex-wrap:wrap; gap:8px 18px; color:#dbeafe; font-size:12px; }
.hh-domain-hero-meta span { display:inline-flex; align-items:center; gap:7px; }
.hh-domain-hero-actions { position:relative; z-index:1; display:flex; flex:0 0 auto; flex-direction:column; align-items:stretch; gap:9px; }
.hh-domain-status,.hh-domain-renew-btn { min-height:40px; padding:0 14px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:11px; font-size:12px; font-weight:800; text-decoration:none!important; }
.hh-domain-status { color:#fff; background:rgba(15,23,42,.2); border:1px solid rgba(255,255,255,.18); }
.hh-domain-status i { font-size:7px; }
.hh-domain-status.is-active i { color:#86efac; box-shadow:0 0 0 4px rgba(134,239,172,.14); border-radius:50%; }
.hh-domain-status.is-passive i { color:#fca5a5; }
.hh-domain-renew-btn { color:#1d4ed8!important; background:#fff; box-shadow:0 8px 20px rgba(15,23,42,.14); }
.hh-domain-renew-btn:hover { color:#1e40af!important; transform:translateY(-1px); }
.hh-domain-tabs { padding:8px; display:flex; flex-wrap:wrap; gap:6px; overflow:visible; background:#fff; border:1px solid var(--domain-border); border-radius:16px; box-shadow:0 8px 26px rgba(15,23,42,.045); }
.hh-domain-tabs a { min-height:44px; padding:0 13px; display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:1 1 150px; color:#52627a!important; background:#f8fafc; border:1px solid transparent; border-radius:10px; font-size:12px; font-weight:750; text-decoration:none!important; white-space:nowrap; transition:.2s ease; }
.hh-domain-tabs a i { color:#2563eb; font-size:13px; }
.hh-domain-tabs a:hover { color:#1d4ed8!important; background:#eff6ff; }
.hh-domain-tabs a.active { color:#fff!important; background:linear-gradient(135deg,#1d4ed8,#2563eb); border-color:#2563eb; box-shadow:0 7px 18px rgba(37,99,235,.2); }
.hh-domain-tabs a.active i { color:#fff; }
.hh-domain-tab-content > .tab-pane > .card { overflow:hidden; background:#fff; border:1px solid var(--domain-border); border-radius:18px; box-shadow:0 12px 34px rgba(15,23,42,.055); }
.hh-domain-tab-content > .tab-pane > .card > .card-body { padding:22px; }
.hh-domain-tab-content .card-title { margin:-22px -22px 20px!important; padding:17px 20px; color:var(--domain-navy); background:linear-gradient(135deg,#f8fbff,#f0f5fc); border-bottom:1px solid #e0e9f4; font-size:18px!important; font-weight:850; }
.hh-domain-tab-content #tabOverview .row.mb-3 { margin-right:-6px; margin-left:-6px; }
.hh-domain-tab-content #tabOverview .row.mb-3 > [class*="col-"] { margin-bottom:0; padding:14px 15px; background:#f8fafc; border:6px solid #fff; border-radius:15px; }
.hh-domain-tab-content #tabOverview h5 { margin:0 0 6px; color:#64748b; font-size:11px; font-weight:750; }
.hh-domain-tab-content #tabOverview .row.mb-3 span,
.hh-domain-tab-content #tabOverview .row.mb-3 a,
.hh-domain-tab-content #tabOverview .row.mb-3 > [class*="col-"] { color:#1e293b; font-size:13px; }
.hh-domain-tab-content #tabOverview .row.mb-3 a { color:#2563eb; font-weight:750; }
.hh-domain-tab-content #tabOverview .card-title + ul,
.hh-domain-tab-content #tabOverview h3.card-title ~ ul { margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; list-style:none; }
.hh-domain-tab-content #tabOverview h3.card-title ~ ul li a { min-height:48px; padding:12px 14px; display:flex; align-items:center; color:#1d4ed8!important; background:#f4f8ff; border:1px solid #d8e7ff; border-radius:11px; font-size:12px; font-weight:750; text-decoration:none!important; }
.hh-domain-tab-content .alert { border:0; border-radius:12px; font-size:12px; line-height:1.5; }
.hh-domain-tab-content p { color:#64748b; font-size:13px; line-height:1.65; }
.hh-domain-tab-content h4.text-center,.hh-domain-tab-content h2.text-center { margin:14px 0 20px!important; padding:17px; color:#172033; background:#f8fafc; border:1px solid #e2e8f0; border-radius:13px; font-size:16px!important; }
.hh-domain-tab-content .label { padding:5px 9px; border-radius:999px; font-size:11px; }
.hh-domain-tab-content form { max-width:720px; margin:0 auto; }
.hh-domain-tab-content .form-control { min-height:50px; background:#fff; border:1px solid #cbd9ea; border-radius:11px; box-shadow:none; font-size:13px; }
.hh-domain-tab-content .form-control:focus { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.12); }
.hh-domain-tab-content .form-group.row { margin-bottom:12px; align-items:center; }
.hh-domain-tab-content .col-form-label { color:#475569; font-size:12px; font-weight:750; }
.hh-domain-tab-content .form-check { margin-bottom:9px; padding:12px 14px 12px 38px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:11px; }
.hh-domain-tab-content .form-check label { margin:0; color:#334155; font-size:12px; font-weight:700; }
.hh-domain-tab-content .btn { min-height:43px; padding:0 17px; border:0; border-radius:10px; font-size:12px; font-weight:800; box-shadow:0 7px 18px rgba(15,23,42,.09); }
.hh-domain-tab-content .btn-primary,.hh-domain-tab-content .btn-success { background:linear-gradient(135deg,#1d4ed8,#2563eb)!important; }
.hh-domain-tab-content .btn-danger { background:linear-gradient(135deg,#dc2626,#ef4444)!important; }
.hh-domain-tab-content #tabAddons hr { display:none; }
.hh-domain-tab-content #tabAddons .row { margin:0 0 12px; padding:17px; align-items:center; background:#f8fafc; border:1px solid #e2e8f0; border-radius:14px; }
.hh-domain-tab-content #tabAddons .fa-3x { color:#2563eb; font-size:28px; }
.hh-domain-tab-content #tabAddons strong { color:#172033; font-size:14px; }
.hh-domain-tab-content #tabAddons form { margin-top:10px; }
.hh-main-body:has(.hh-domain-center) [menuitemname="Domain Details Management"] { display:none!important; }
.hh-main-body:has(.hh-domain-center) .primary-content { min-width:0; }

@media (max-width:991.98px) {
    .hh-domain-hero { padding:23px; }
    .hh-domain-tabs a { flex:0 0 auto; }
}
@media (max-width:767.98px) {
    .hh-domain-hero { min-height:0; padding:22px 18px; align-items:flex-start; flex-wrap:wrap; border-radius:17px; }
    .hh-domain-hero-icon { width:50px; height:50px; flex-basis:50px; font-size:22px; }
    .hh-domain-hero h1 { font-size:24px; }
    .hh-domain-hero-actions { width:100%; display:grid; grid-template-columns:1fr 1fr; }
    .hh-domain-tabs { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; }
    .hh-domain-tabs a { flex:0 0 auto; }
    .hh-domain-tab-content > .tab-pane > .card > .card-body { padding:17px; }
    .hh-domain-tab-content .card-title { margin:-17px -17px 16px!important; }
    .hh-domain-tab-content #tabOverview h3.card-title ~ ul { grid-template-columns:1fr; }
    .hh-domain-tab-content .form-group.row > [class*="col-"] { flex:0 0 100%; max-width:100%; }
}

/* Service details: modern summary, billing facts and information tabs. */
.hh-service-invoice-alert { margin:0 0 16px!important; padding:13px 14px 13px 16px!important; display:flex; align-items:center; justify-content:space-between; gap:18px; border-width:1px!important; border-radius:14px!important; box-shadow:0 8px 24px rgba(185,28,28,.055); }
.hh-service-invoice-copy { min-width:0; display:flex; align-items:center; gap:11px; font-size:13px; font-weight:650; }
.hh-service-invoice-icon { width:35px; height:35px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 35px; color:#b91c1c; background:rgba(255,255,255,.64); border-radius:10px; }
.hh-service-invoice-button { min-height:40px; padding:9px 15px!important; display:inline-flex!important; align-items:center; gap:9px; flex:0 0 auto; border:0!important; border-radius:10px!important; font-size:12px!important; font-weight:800!important; box-shadow:0 8px 18px rgba(37,99,235,.18); }
.hh-service-overview-card { overflow:hidden; background:#fff!important; border:1px solid #d9e4f1!important; border-radius:20px!important; box-shadow:0 18px 46px rgba(15,23,42,.065)!important; }
.hh-service-overview-card>.card-body { padding:20px!important; }
.hh-service-overview-grid { margin:0!important; align-items:stretch; }
.hh-service-identity-col,.hh-service-facts-col { padding:0!important; }
.hh-service-identity-col { display:flex; flex-direction:column; }
.hh-service-overview-card .product-status { min-height:100%; margin:0!important; display:flex; flex-direction:column; overflow:hidden; position:relative; color:#fff!important; background:linear-gradient(145deg,#102b72 0%,#1f55d5 62%,#3b82f6 100%)!important; border:0!important; border-radius:16px!important; box-shadow:0 16px 32px rgba(30,64,175,.20); }
.hh-service-overview-card .product-status:before,.hh-service-overview-card .product-status:after { content:""; position:absolute; pointer-events:none; border:1px solid rgba(255,255,255,.13); border-radius:50%; }
.hh-service-overview-card .product-status:before { width:210px; height:210px; right:-105px; top:-95px; }
.hh-service-overview-card .product-status:after { width:145px; height:145px; left:-85px; bottom:-90px; }
.hh-service-overview-card .product-status .product-icon { min-height:248px; padding:30px 24px 24px!important; display:flex; flex:1; flex-direction:column; align-items:flex-start; justify-content:center; position:relative; z-index:1; background:transparent!important; border:0!important; text-align:left!important; }
.hh-service-eyebrow { margin-bottom:14px; color:#2563eb; font-size:10px; font-weight:850; letter-spacing:.14em; }
.hh-service-overview-card .product-icon .hh-service-eyebrow { color:#bfdbfe; }
.hh-service-overview-card .product-icon .fa-stack { width:54px; height:54px; margin:0 0 23px; display:inline-flex; align-items:center; justify-content:center; font-size:27px; line-height:54px; }
.hh-service-overview-card .product-icon .fa-circle { color:rgba(255,255,255,.14)!important; }
.hh-service-overview-card .product-icon h3 { margin:0 0 7px!important; color:#fff!important; font-size:27px!important; font-weight:850!important; letter-spacing:-.025em; }
.hh-service-overview-card .product-icon h4 { margin:0!important; color:#dbeafe!important; font-size:13px!important; font-weight:600!important; }
.hh-service-overview-card .product-status-text { padding:13px 20px!important; position:relative; z-index:1; color:#fff!important; background:rgba(8,27,73,.32)!important; border:0!important; font-size:11px!important; font-weight:850!important; letter-spacing:.08em; text-transform:uppercase; }
.hh-service-overview-card .product-status-pending .product-status-text { background:#f59e0b!important; }
.hh-service-overview-card .product-status-active .product-status-text { background:#16a34a!important; }
.hh-service-overview-card .product-status-suspended .product-status-text,.hh-service-overview-card .product-status-cancelled .product-status-text,.hh-service-overview-card .product-status-terminated .product-status-text { background:#dc2626!important; }
.hh-service-overview-card .product-actions-wrapper { margin:12px 0 0!important; }
.hh-service-facts-col { padding:8px 8px 8px 28px!important; }
.hh-service-facts-heading { margin-bottom:18px; }
.hh-service-facts-heading .hh-service-eyebrow { margin-bottom:8px; display:block; }
.hh-service-facts-heading h2 { margin:0 0 6px; color:#0f172a; font-size:23px; font-weight:850; letter-spacing:-.025em; }
.hh-service-facts-heading p { margin:0; color:#64748b; font-size:12px; }
.hh-service-facts-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.hh-service-fact { min-height:70px; padding:12px 13px; display:flex; align-items:center; gap:11px; background:#f8fafc; border:1px solid #e3eaf3; border-radius:13px; }
.hh-service-fact-icon { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 38px; color:#2563eb; background:#eaf2ff; border-radius:11px; font-size:14px; }
.hh-service-fact>span:last-child { min-width:0; display:flex; flex-direction:column; gap:3px; }
.hh-service-fact small { color:#64748b; font-size:10px; font-weight:650; }
.hh-service-fact strong { overflow-wrap:anywhere; color:#0f172a; font-size:13px; font-weight:800; }
.hh-service-fact-wide { grid-column:1/-1; }
.hh-service-fact-danger { background:#fff7f7; border-color:#fecaca; }
.hh-service-fact-danger .hh-service-fact-icon { color:#dc2626; background:#fee2e2; }
.hh-service-page .responsive-tabs-sm { margin-top:16px; padding:7px 8px 0; gap:5px; background:#edf4ff; border:1px solid #d6e2f1; border-bottom:0; border-radius:14px 14px 0 0; }
.hh-service-page .responsive-tabs-sm .nav-link { padding:11px 15px!important; color:#475569!important; border:0!important; border-radius:10px 10px 0 0!important; font-size:12px; font-weight:750; }
.hh-service-page .responsive-tabs-sm .nav-link.active { color:#1d4ed8!important; background:#fff!important; box-shadow:0 -5px 16px rgba(15,23,42,.045); }
.hh-service-page .product-details-tab-container { padding:24px!important; border:1px solid #d6e2f1!important; border-radius:0 0 14px 14px!important; box-shadow:0 14px 34px rgba(15,23,42,.045); }

@media (max-width:767px) {
    .hh-service-invoice-alert { align-items:stretch; flex-direction:column; }
    .hh-service-invoice-button { justify-content:center; }
    .hh-service-overview-card>.card-body { padding:13px!important; }
    .hh-service-overview-card .product-status .product-icon { min-height:220px; }
    .hh-service-facts-col { padding:24px 2px 2px!important; }
    .hh-service-facts-grid { grid-template-columns:1fr; }
    .hh-service-fact-wide { grid-column:auto; }
}

/* cPanel service overview: match the modern service-detail visual language. */
.hh-cpanel-summary-grid { margin:0 -8px 18px!important; align-items:stretch; }
.hh-cpanel-summary-grid>[class*="col-"] { padding:0 8px!important; display:flex; flex-direction:column; }
.hh-cpanel-summary-grid .card { flex:1; }
#cPanelPackagePanel,#cPanelUsagePanel,#cPanelBillingOverviewPanel,#cPanelConfigurableOptionsPanel { overflow:hidden; border:1px solid #d9e4f1!important; border-radius:17px!important; box-shadow:0 14px 36px rgba(15,23,42,.055)!important; }
#cPanelPackagePanel { position:relative; color:#fff; background:linear-gradient(145deg,#102b72 0%,#1f55d5 62%,#3b82f6 100%)!important; border:0!important; box-shadow:0 16px 34px rgba(30,64,175,.19)!important; }
#cPanelPackagePanel:before,#cPanelPackagePanel:after { content:""; position:absolute; pointer-events:none; border:1px solid rgba(255,255,255,.13); border-radius:50%; }
#cPanelPackagePanel:before { width:190px; height:190px; right:-95px; top:-100px; }
#cPanelPackagePanel:after { width:130px; height:130px; left:-70px; bottom:-78px; }
#cPanelPackagePanel>.card-header,#cPanelUsagePanel>.card-header,#cPanelBillingOverviewPanel>.card-header,#cPanelConfigurableOptionsPanel>.card-header { padding:15px 18px!important; border:0!important; border-bottom:1px solid #e3eaf3!important; background:#f8fafc!important; }
#cPanelPackagePanel>.card-header { position:relative; z-index:1; color:#fff!important; background:rgba(8,27,73,.20)!important; border-bottom-color:rgba(255,255,255,.13)!important; }
#cPanelPackagePanel .card-title,#cPanelUsagePanel .card-title,#cPanelBillingOverviewPanel .card-title,#cPanelConfigurableOptionsPanel .card-title { display:flex; align-items:center; gap:9px; color:#0f172a!important; font-size:15px!important; font-weight:850!important; letter-spacing:-.01em; }
#cPanelPackagePanel .card-title { color:#fff!important; }
#cPanelPackagePanel .card-title:before,#cPanelUsagePanel .card-title:before,#cPanelBillingOverviewPanel .card-title:before,#cPanelConfigurableOptionsPanel .card-title:before { width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; font-family:"Font Awesome 6 Pro","Font Awesome 6 Free","Font Awesome 5 Free"; font-size:13px; font-weight:900; }
#cPanelPackagePanel .card-title:before { content:"\f1b2"; color:#fff; background:rgba(255,255,255,.14); }
#cPanelUsagePanel .card-title:before { content:"\f201"; color:#2563eb; background:#eaf2ff; }
#cPanelBillingOverviewPanel .card-title:before { content:"\f571"; color:#2563eb; background:#eaf2ff; }
#cPanelConfigurableOptionsPanel .card-title:before { content:"\f1de"; color:#2563eb; background:#eaf2ff; }
#cPanelPackagePanel>.card-body { min-height:206px; padding:26px 22px!important; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; position:relative; z-index:1; text-align:left!important; }
#cPanelPackagePanel .cpanel-package-details { width:100%; }
#cPanelPackagePanel .cpanel-package-details em { margin-bottom:5px; display:block; color:#bfdbfe; font-size:11px; font-style:normal; font-weight:750; }
#cPanelPackagePanel .cpanel-package-details h4 { margin:0 0 7px!important; color:#fff; font-size:28px!important; font-weight:850; letter-spacing:-.03em; }
#cPanelPackagePanel .cpanel-package-details>a { color:#dbeafe!important; font-size:12px; font-weight:650; }
#cPanelPackagePanel .card-body>p { margin:21px 0 0; display:flex; flex-wrap:wrap; gap:8px; }
#cPanelPackagePanel .btn { min-height:40px; padding:9px 14px; border:1px solid rgba(255,255,255,.20)!important; border-radius:10px!important; font-size:11px; font-weight:800; }
#cPanelPackagePanel .btn-default { color:#1d4ed8!important; background:#fff!important; }
#cPanelPackagePanel .btn-success { color:#fff!important; background:rgba(15,23,42,.22)!important; }
#cPanelUsagePanel>.card-body { min-height:206px; padding:18px!important; display:flex; flex-direction:column; justify-content:center; }
#cPanelUsagePanel .cpanel-usage-stats>.row { margin:0 -5px; }
#cPanelUsagePanel .cpanel-usage-stats>.row>[class*="col-"] { padding:14px 8px!important; background:#f8fafc; border:1px solid #e3eaf3; }
#cPanelUsagePanel .cpanel-usage-stats>.row>[class*="col-"]:first-child { border-radius:13px 0 0 13px; }
#cPanelUsagePanel .cpanel-usage-stats>.row>[class*="col-"]:last-child { border-left:0; border-radius:0 13px 13px 0; }
#cPanelUsagePanel .cpanel-usage-stats strong { color:#0f172a; font-size:11px; font-weight:800; }
#cPanelUsagePanel .cpanel-usage-stats canvas { max-width:86px!important; max-height:70px!important; }
#cPanelUsagePanel .limit-near { margin:12px 0 0!important; color:#64748b!important; font-size:10px; }
#cPanelSuspendReasonPanel { margin:0 0 18px!important; padding:15px 18px!important; color:#8a5a00!important; background:#fff9e8!important; border:1px solid #f8dea1!important; border-radius:14px!important; box-shadow:0 10px 28px rgba(146,97,0,.05); font-size:12px; line-height:1.55; }
#cPanelSuspendReasonPanel:before { content:"\f05a"; width:32px; height:32px; margin:0 auto 8px; display:flex; align-items:center; justify-content:center; color:#a16207; background:#fef3c7; border-radius:9px; font-family:"Font Awesome 6 Pro","Font Awesome 6 Free","Font Awesome 5 Free"; font-weight:900; }
#cPanelBillingOverviewPanel>.card-body,#cPanelConfigurableOptionsPanel>.card-body { padding:18px!important; }
#cPanelBillingOverviewPanel>.card-body>.row { margin:0!important; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#cPanelBillingOverviewPanel>.card-body>.row>[class*="col-"] { max-width:none!important; padding:0!important; display:contents; }
#cPanelBillingOverviewPanel>.card-body>.row>[class*="col-"]>.row { min-height:66px; margin:0!important; padding:11px 13px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; background:#f8fafc; border:1px solid #e3eaf3; border-radius:12px; }
#cPanelBillingOverviewPanel>.card-body>.row>[class*="col-"]>.row>[class*="col-"] { max-width:none!important; padding:0!important; flex:none!important; text-align:left!important; }
#cPanelBillingOverviewPanel>.card-body>.row>[class*="col-"]>.row>[class*="col-"]:first-child { color:#64748b; font-size:10px; font-weight:700; }
#cPanelBillingOverviewPanel>.card-body>.row>[class*="col-"]>.row>[class*="col-"]:last-child { color:#0f172a; font-size:12px; font-weight:800; text-align:right!important; }
#cPanelConfigurableOptionsPanel>.card-body>.row { margin:0 0 8px!important; padding:11px 13px; align-items:center; background:#f8fafc; border:1px solid #e3eaf3; border-radius:11px; }

@media (max-width:767px) {
    .hh-cpanel-summary-grid>[class*="col-"]+ [class*="col-"] { margin-top:14px; }
    #cPanelBillingOverviewPanel>.card-body>.row { grid-template-columns:1fr; }
    #cPanelPackagePanel>.card-body,#cPanelUsagePanel>.card-body { min-height:0; }
}