/* Shree Swaminarayan Gurukul Rajkot Sansthan — saffron theme */
:root {
    --sg-primary: #e8590c;
    --sg-primary-hover: #c2410c;
    --sg-dark: #9a3412;
    --sg-gold: #f59f00;
    --sg-tint: #fff4e6;
    --sg-tint-2: #ffe8cc;
    --sg-text: #1c1917;
    --sg-muted: #57534e;
    --sg-border: #eadfd5;
    --sg-bg-alt: #fffaf5;
    --sg-footer: #2a1408;
    --sg-ok: #15803d;
    --sg-ok-bg: #ecfdf3;
    --sg-err: #b91c1c;
    --sg-radius: 14px;
    --sg-shadow: 0 1px 2px rgba(28, 25, 23, .05), 0 6px 20px rgba(154, 52, 18, .07);
    --sg-shadow-lg: 0 18px 50px rgba(124, 45, 18, .18);
    --sg-wrap: 1180px;
}

html, body { overflow-x: clip; }
html, body, body#main-body {
    background: #fff !important;
    color: var(--sg-text) !important;
    font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}
h1, h2, h3, h4, h5, h6 { font-family: "Inter", "Segoe UI", Arial, sans-serif; color: var(--sg-text); }
a { color: var(--sg-dark); }
a:hover, a:focus { color: var(--sg-primary) !important; text-decoration: none; }
::selection { background: var(--sg-tint-2); color: var(--sg-text); }
.preloader, .header-animation, .video-bg-nuhost-header, #particles-bg, .moon-bg-her, .courve-gb-hdr-top, .support-header-ring { display: none !important; }

/* ---------- Header ---------- */
#header,
#header.whmcs-not-index-template {
    position: sticky !important;
    top: 0 !important;
    z-index: 1030 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: var(--sg-text) !important;
    overflow: visible !important;
    transition: box-shadow .2s ease;
}
#header.sg-scrolled { box-shadow: 0 6px 24px rgba(124, 45, 18, .12); }

#header .account-place-header-nav { display: flex; align-items: center; gap: 10px; }
#header .account-place-header-nav .sg-cur-switch { display: inline-flex; align-items: center; height: 42px; padding: 3px; border-radius: 999px; background: var(--sg-tint); border: 1px solid var(--sg-tint-2); }
#header .account-place-header-nav .sg-cur-switch a,
#header .account-place-header-nav .sg-cur-switch span { display: inline-flex; align-items: center; height: 34px; padding: 0 12px; border-radius: 999px; font-size: 13px; font-weight: 700; line-height: 1; color: #78716c !important; text-decoration: none !important; white-space: nowrap; outline: none; transition: background .15s, color .15s; }
#header .account-place-header-nav .sg-cur-switch a:hover,
#header .account-place-header-nav .sg-cur-switch a:focus { color: var(--sg-primary) !important; }
#header .account-place-header-nav .sg-cur-switch a:focus-visible { box-shadow: 0 0 0 2px var(--sg-tint-2), 0 0 0 4px var(--sg-primary); }
#header .account-place-header-nav .sg-cur-switch .is-active,
#header .account-place-header-nav .sg-cur-switch a.is-active:hover,
#header .account-place-header-nav .sg-cur-switch a.is-active:focus { background: var(--sg-primary); color: #fff !important; box-shadow: 0 2px 6px rgba(194, 65, 12, .3); }

#header .top-header-nav-home,
#header .top-header-nav-home.top-header-fixed,
#header .top-header-fixed-btom0 {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    background: #fff !important;
    border-bottom: 1px solid var(--sg-border) !important;
    box-shadow: none !important;
    transition: none !important;
}
#header .top-header-nav-home .container { position: relative; }
#header .navbar.header-nav-algo-coodiv,
#header .top-header-fixed .header-nav-algo-coodiv {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    min-height: 76px;
    margin: 0 !important;
    padding: 0 !important;
}
#header .navbar-brand {
    order: 0;
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    margin: 0 16px 0 0;
    padding: 8px 0 !important;
    max-width: none;
}
#header .navbar-brand img.black-bg-logo { display: block !important; height: 54px !important; width: auto !important; max-width: none !important; margin: 0 !important; }
#header .navbar-brand img.white-bg-logo { display: none !important; }
#header .navbar-brand span,
#header .top-header-fixed .navbar-brand span {
    display: inline-block !important;
    color: var(--sg-text) !important;
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.15;
    white-space: nowrap;
}
#header .navbar-offcanvas { order: 1; margin-left: auto; }
#header .account-place-header-nav { order: 2; margin: 0 0 0 10px; padding: 0; list-style: none; }
#header .menu-btn-span-bar { order: 3; }

#header .navbar .navbar-nav { align-items: center; }
#header .navbar .navbar-nav > li > a,
#header .navbar .nav-link,
#header .top-header-fixed .navbar .nav-link {
    color: #44403c !important;
    font-size: 15px;
    font-weight: 600;
    padding: 26px 11px !important;
    border: 0 !important;
    background: transparent !important;
    position: relative;
}
#header .navbar .navbar-nav > li > a:after,
#header .navbar .navbar-nav > li > a:before,
#header .navbar .nav-link:after,
#header .navbar .nav-link:before { display: none !important; }
#header .navbar .navbar-nav > li > a:hover,
#header .navbar .navbar-nav > li.show > a,
#header .navbar .navbar-nav > li.active > a { color: var(--sg-primary) !important; box-shadow: inset 0 -3px 0 var(--sg-primary); }
#header .navbar .navbar-nav > li { order: 5; white-space: nowrap; }
#header .navbar .navbar-nav > #Primary_Navbar-Home { order: 0; }
#header .navbar .navbar-nav > .sg-nav-domains { order: 1; }
#header .navbar .navbar-nav > .sg-nav-hosting { order: 2; }
#header .navbar .navbar-nav > #Primary_Navbar-Store { order: 3; }
@media (min-width: 768px) {
    #header .navbar-offcanvas .navbar-nav { display: flex !important; flex-direction: row; flex-wrap: nowrap; }
    #header .navbar-offcanvas .navbar-nav > li { float: none !important; }
    #Primary_Navbar-Announcements, #Primary_Navbar-Knowledgebase, #Primary_Navbar-Network_Status,
    #Primary_Navbar-Affiliates, #Primary_Navbar-Open_Ticket { display: none !important; }
}
#header a:focus,
#header button:focus,
#header .navbar .nav-link:focus { outline: none !important; }
#header .navbar .navbar-nav > li > a:focus-visible { box-shadow: inset 0 -3px 0 var(--sg-primary) !important; color: var(--sg-primary) !important; }
#header .navbar .navbar-nav > .sg-nav-search { order: 9; margin-left: 6px; }
#header .navbar .navbar-nav > .sg-nav-search > a.search-headr {
    display: inline-flex;
    width: 42px;
    height: 42px;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--sg-primary) !important;
    color: #fff !important;
    font-size: 16px;
    box-shadow: 0 4px 12px rgba(194, 65, 12, .28) !important;
    transition: transform .15s, background .15s;
}
#header .navbar .navbar-nav > .sg-nav-search > a.search-headr:hover { background: var(--sg-dark) !important; transform: translateY(-1px); }

.sg-hero .container::before, .sg-hero .container::after,
.sg-stats .container::before, .sg-stats .container::after,
.sg-section .container::before, .sg-section .container::after,
.sg-cta .container::before, .sg-cta .container::after,
.sg-footer .container::before, .sg-footer .container::after,
.sg-cartbar .container::before, .sg-cartbar .container::after { content: none !important; display: none !important; }
#header .navbar .accouting-h,
#header .top-header-fixed .navbar .accouting-h {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--sg-tint) !important;
    border: 1px solid var(--sg-tint-2);
    margin: 0 !important;
}
#header .navbar .accouting-h img { width: 22px; }
#header .infonexsheader { background: var(--sg-primary) !important; color: #fff !important; }

#header .navbar-nav .dropdown-menu,
#header .top-header-fixed .navbar-expand-md .navbar-nav .dropdown-menu,
#header .login-drop-down-header {
    background: #fff !important;
    border: 1px solid var(--sg-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--sg-shadow-lg) !important;
    padding: 8px !important;
    margin-top: 0 !important;
    min-width: 220px;
}
#header .navbar-nav .dropdown-menu:before,
#header .login-drop-down-header:after { display: none !important; }
#header .navbar-nav .dropdown-menu a,
#header .navbar-nav .dropdown-menu .dropdown-item {
    display: block;
    color: var(--sg-text) !important;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 12px !important;
    border-radius: 8px;
    background: transparent !important;
}
#header .navbar-nav .dropdown-menu a:hover,
#header .navbar-nav .dropdown-menu .dropdown-item:hover { background: var(--sg-tint) !important; color: var(--sg-dark) !important; }
#header .login-drop-down-header .btn { background: var(--sg-primary) !important; border: 0 !important; color: #fff !important; border-radius: 8px !important; }
#header .login-drop-down-header .help-block a { color: var(--sg-dark) !important; margin-right: 10px; }
#header .user-menu-dro li a { color: var(--sg-text) !important; }
#header .liginned-user-menu a { color: var(--sg-dark) !important; }

#header .menu-btn-span-bar span,
#header .top-header-fixed .menu-btn-span-bar span { background: var(--sg-text) !important; }

/* ---------- Buttons ---------- */
.sg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 20px;
    border: 2px solid var(--sg-primary);
    border-radius: 10px;
    background: var(--sg-primary);
    color: #fff !important;
    font-family: inherit;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.sg-btn:hover, .sg-btn:focus { background: var(--sg-primary-hover); border-color: var(--sg-primary-hover); color: #fff !important; box-shadow: 0 6px 16px rgba(232, 89, 12, .28); }
.sg-btn:active { transform: translateY(1px); }
.sg-btn:disabled, .sg-btn.is-loading { opacity: .7; cursor: progress; }
.sg-btn-lg { min-height: 54px; padding: 0 30px; font-size: 16px; }
.sg-btn-sm { min-height: 36px; padding: 0 14px; font-size: 14px; }
.sg-btn-outline { background: #fff; color: var(--sg-primary) !important; }
.sg-btn-outline:hover, .sg-btn-outline:focus { background: var(--sg-tint); color: var(--sg-primary-hover) !important; }
.sg-btn-white { background: #fff; border-color: #fff; color: var(--sg-dark) !important; }
.sg-btn-white:hover, .sg-btn-white:focus { background: var(--sg-tint); border-color: var(--sg-tint); color: var(--sg-dark) !important; }
.sg-btn-ghost { background: transparent; border-color: rgba(255, 255, 255, .7); color: #fff !important; }
.sg-btn-ghost:hover, .sg-btn-ghost:focus { background: rgba(255, 255, 255, .12); border-color: #fff; color: #fff !important; }
.sg-btn-added { background: var(--sg-ok); border-color: var(--sg-ok); }
.sg-btn-added:hover, .sg-btn-added:focus { background: #166534; border-color: #166534; box-shadow: none; }

/* ---------- Hero and search ---------- */
.sg-hero {
    position: relative;
    padding: 72px 0 64px;
    text-align: center;
    color: #fff;
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .14) 0, transparent 34%),
        radial-gradient(circle at 88% 82%, rgba(245, 159, 0, .45) 0, transparent 40%),
        linear-gradient(125deg, #9a3412 0%, #c2410c 30%, #e8590c 65%, #f08c00 100%);
    overflow: hidden;
}
.sg-hero:after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 6px;
    background: linear-gradient(90deg, var(--sg-gold), #fff4e6, var(--sg-gold));
    opacity: .8;
}
.sg-hero .container { position: relative; z-index: 1; max-width: 920px; }
.sg-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .02em;
}
.sg-hero h1 {
    margin: 0 auto 12px;
    max-width: 820px;
    color: #fff;
    font-size: clamp(1.9rem, 4.2vw, 3.1rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em;
}
.sg-lead { margin: 0 auto 28px; max-width: 640px; font-size: clamp(1rem, 1.6vw, 1.15rem); opacity: .95; }
.sg-hero .sg-lead { color: #fff7ed; }

.sg-domain { max-width: 820px; margin: 0 auto; text-align: left; }
.sg-search {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--sg-shadow-lg);
    border: 1px solid rgba(255, 255, 255, .6);
}
.sg-search:focus-within { box-shadow: var(--sg-shadow-lg), 0 0 0 4px rgba(255, 237, 213, .65); }
.sg-search-icon { flex: 0 0 auto; padding-left: 12px; color: var(--sg-primary); font-size: 20px; }
input.sg-search-input,
.sg-search .sg-search-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 54px !important;
    min-height: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    color: var(--sg-text) !important;
    font-size: 18px !important;
}
.sg-search-input::placeholder { color: #a8a29e; }

.sg-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
.sg-chips-label { font-size: 14px; font-weight: 600; opacity: .9; margin-right: 2px; }
.sg-chip {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .45);
    background: rgba(255, 255, 255, .12);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s ease;
}
.sg-chip:hover, .sg-chip:focus { background: #fff; color: var(--sg-dark) !important; outline: none; }
.sg-chip-link { margin-left: auto; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; border-color: transparent; background: transparent; }

/* ---------- Results ---------- */
.sg-results { margin-top: 18px; color: var(--sg-text); }
.sg-results:empty { display: none; }
.sg-loading {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    background: #fff;
    border-radius: var(--sg-radius);
    box-shadow: var(--sg-shadow);
    font-weight: 600;
}
.sg-spinner {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid var(--sg-tint-2);
    border-top-color: var(--sg-primary);
    animation: sg-spin .8s linear infinite;
}
@keyframes sg-spin { to { transform: rotate(360deg); } }

.sg-result {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 18px;
    padding: 20px 22px;
    background: #fff;
    border-radius: var(--sg-radius);
    border: 1px solid var(--sg-border);
    border-left: 6px solid var(--sg-primary);
    box-shadow: var(--sg-shadow-lg);
    animation: sg-rise .25s ease;
}
.sg-result.is-available { border-left-color: var(--sg-ok); }
.sg-result.is-taken { border-left-color: #a8a29e; }
.sg-result.is-error { border-left-color: var(--sg-err); grid-template-columns: 1fr; }
.sg-result h3 { margin: 6px 0 4px; font-size: clamp(1.15rem, 2.2vw, 1.5rem); font-weight: 800; word-break: break-all; color: var(--sg-text); }
.sg-result p { margin: 0; color: var(--sg-muted); font-size: 14px; }
.sg-status { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.sg-status:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.sg-status-ok { color: var(--sg-ok); }
.sg-status-taken { color: #78716c; }
.sg-status-error { color: var(--sg-err); }
.sg-status-info { color: var(--sg-dark); }
.sg-price { text-align: right; }
.sg-price strong { display: block; font-size: 1.5rem; font-weight: 800; color: var(--sg-text); line-height: 1.1; }
.sg-price span { font-size: 13px; color: var(--sg-muted); }
.sg-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.sg-msg { margin: 10px 0 0; font-size: 14px; font-weight: 600; grid-column: 1 / -1; }
.sg-msg-error { color: var(--sg-err); }
.sg-results > .sg-msg { padding: 14px 18px; background: #fff; border-radius: 12px; box-shadow: var(--sg-shadow); }

.sg-list { margin-top: 14px; background: #fff; border-radius: var(--sg-radius); border: 1px solid var(--sg-border); box-shadow: var(--sg-shadow); overflow: hidden; animation: sg-rise .3s ease; }
.sg-list h4 { margin: 0; padding: 12px 20px; background: var(--sg-bg-alt); border-bottom: 1px solid var(--sg-border); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--sg-muted); }
.sg-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 14px; padding: 12px 20px; border-top: 1px solid #f5ede6; }
.sg-row:first-of-type { border-top: 0; }
.sg-row:hover { background: #fffcf8; }
.sg-row-name strong { font-size: 16px; word-break: break-all; }
.sg-row-price { font-weight: 700; white-space: nowrap; }
.sg-tag { margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: var(--sg-tint); color: var(--sg-dark); font-size: 11px; font-weight: 800; }
@keyframes sg-rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

.sg-cartbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    padding: 12px 0;
    background: var(--sg-footer);
    color: #fff;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, .2);
    transform: translateY(110%);
    transition: transform .25s ease;
}
.sg-cartbar.is-visible { transform: none; }
.sg-cartbar .container { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sg-cartbar-text { font-weight: 700; font-size: 16px; }
.sg-cartbar-text:before { content: "\f291"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px; color: var(--sg-gold); }
.sg-cartbar-actions { display: flex; gap: 8px; flex-wrap: wrap; }
body.sg-has-cartbar { padding-bottom: 76px; }

/* ---------- Search tabs, summary, and multi-TLD results ---------- */
.sg-tabs { display: inline-flex; gap: 4px; margin: 0 0 10px; padding: 4px; border-radius: 12px; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .28); }
.sg-tab { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 16px; border: 0; border-radius: 9px; background: transparent; color: #fff; font-weight: 700; font-size: 14px; cursor: pointer; transition: background .15s ease, color .15s ease; }
.sg-tab:hover { background: rgba(255, 255, 255, .14); }
.sg-tab.is-active { background: #fff; color: var(--sg-dark); box-shadow: 0 4px 14px rgba(124, 45, 18, .18); }
.sg-cart-page .sg-tabs { background: #fff; border-color: var(--sg-border); }
.sg-cart-page .sg-tab { color: var(--sg-muted); }
.sg-cart-page .sg-tab.is-active { background: var(--sg-tint); color: var(--sg-dark); box-shadow: none; }

.sg-search .sg-epp-input { display: none; flex: 0 1 160px !important; border-left: 1px solid var(--sg-border) !important; padding-left: 14px !important; font-size: 16px !important; }
.sg-domain[data-mode="transfer"] .sg-epp-input { display: block; }
.sg-search .sg-epp-input.sg-input-error { background: #fef2f2 !important; box-shadow: inset 0 0 0 2px #fca5a5 !important; border-radius: 8px !important; }
.sg-label-transfer, .sg-domain[data-mode="transfer"] .sg-label-register { display: none; }
.sg-domain[data-mode="transfer"] .sg-label-transfer { display: inline; }

.sg-results.is-refreshing > * { opacity: .55; transition: opacity .15s ease; }
.sg-pricelist.is-refreshing tbody { opacity: .55; transition: opacity .15s ease; }
#header .account-place-header-nav .sg-cur-switch.is-busy { opacity: .6; pointer-events: none; }
.sg-msg-info { color: var(--sg-dark); }
.sg-summary { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px 18px; margin-bottom: 14px; padding: 14px 20px; background: #fff; border: 1px solid var(--sg-border); border-radius: var(--sg-radius); box-shadow: var(--sg-shadow); animation: sg-rise .2s ease; }
.sg-summary-text { font-size: 15px; color: var(--sg-muted); }
.sg-summary-text strong { color: var(--sg-ok); font-size: 18px; font-weight: 800; }
.sg-meter { width: 180px; height: 8px; border-radius: 999px; background: var(--sg-tint-2); overflow: hidden; }
.sg-meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--sg-ok), #22c55e); transition: width .35s ease; }
.sg-summary-meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; font-size: 13px; color: var(--sg-muted); }
.sg-warn { color: #b45309; font-weight: 700; }
.sg-toggle { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 0 auto; font-weight: 600; cursor: pointer; color: var(--sg-text); }
.sg-toggle input { accent-color: var(--sg-primary); width: 16px; height: 16px; margin: 0; }

.sg-grid-list .sg-rows { display: block; }
.sg-grid-list .sg-row { grid-template-columns: minmax(0, 1fr) auto 104px; border-top: 1px solid #f5ede6; }
.sg-grid-list .sg-row:first-child { border-top: 0; }
.sg-grid-list .sg-row-name strong { word-break: normal; }
.sg-row-sld { overflow-wrap: anywhere; }
.sg-row-tld { white-space: nowrap; }
.sg-grid-list .sg-row > :last-child { justify-self: end; }
.sg-grid-list.sg-only-available .sg-row:not(.is-available) { display: none; }
.sg-row.is-taken .sg-row-name strong, .sg-row.is-unknown .sg-row-name strong { color: #a8a29e; font-weight: 600; text-decoration: line-through; text-decoration-color: #d6d3d1; }
.sg-row-price small { font-weight: 500; color: var(--sg-muted); }
.sg-row-muted { color: #a8a29e !important; font-weight: 600; font-size: 13px; }
.sg-link { font-size: 13px; font-weight: 700; color: var(--sg-dark) !important; text-decoration: underline !important; text-underline-offset: 3px; }
.sg-list-footer { padding: 14px 20px; text-align: center; border-top: 1px solid var(--sg-border); background: var(--sg-bg-alt); }

/* ---------- TLD price list ---------- */
.sg-pricelist { max-width: var(--sg-wrap); margin: 0 auto; }
.sg-price-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 14px; }
.sg-price-tools input.sg-price-filter { flex: 0 1 280px; height: 44px; padding: 0 14px; font-size: 15px; }
.sg-price-count, .sg-price-updated { font-size: 13px; color: var(--sg-muted); font-weight: 600; }
.sg-price-updated { margin-left: auto; }
.sg-currency { display: inline-flex; gap: 6px; }
.sg-currency .sg-chip { min-height: 30px; padding: 0 12px; font-size: 13px; }
.sg-price-cats { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.sg-pricelist .sg-chip { border-color: var(--sg-border); background: #fff; color: var(--sg-text) !important; font-weight: 600; }
.sg-pricelist .sg-chip:hover, .sg-pricelist .sg-chip.is-active { border-color: var(--sg-primary); background: var(--sg-tint); color: var(--sg-dark) !important; }
.sg-table-wrap { overflow-x: auto; background: #fff; border: 1px solid var(--sg-border); border-radius: var(--sg-radius); box-shadow: var(--sg-shadow); }
.sg-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.sg-table th { position: sticky; top: 0; padding: 14px 18px; background: var(--sg-bg-alt); border-bottom: 1px solid var(--sg-border); color: var(--sg-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; text-align: left; white-space: nowrap; }
.sg-table td { padding: 12px 18px; border-top: 1px solid #f5ede6; white-space: nowrap; }
.sg-table tbody tr:hover { background: #fffcf8; }
.sg-table td.sg-tld strong { font-size: 16px; }
.sg-table td:last-child, .sg-table th:last-child { text-align: right; }
.sg-table .sg-empty { padding: 36px 18px; text-align: center; color: var(--sg-muted); white-space: normal; }
.sg-note-box { margin-top: 18px; padding: 14px 18px; border-radius: 12px; background: var(--sg-bg-alt); border: 1px solid var(--sg-border); color: var(--sg-muted); font-size: 14px; }

/* ---------- Order form domain pages ---------- */
.sg-cart-page { padding: 8px 0 24px; }
.sg-cart-page .sg-page-hero { padding: 40px 20px 36px !important; border-radius: 20px; box-shadow: none; clip-path: none; margin-bottom: 28px; }
.sg-cart-page .sg-chips-label { color: var(--sg-muted); }
.sg-cart-page .sg-chip { border-color: var(--sg-border); background: #fff; color: var(--sg-text) !important; }
.sg-cart-page .sg-chip:hover { border-color: var(--sg-primary); color: var(--sg-primary) !important; }
.sg-cart-page .sg-chip-link { border-color: transparent; color: var(--sg-dark) !important; }
.sg-cart-page .sg-search { border-color: var(--sg-border); }

/* ---------- Sections ---------- */
.sg-section { padding: 72px 0; }
.sg-section.sg-tight { padding: 40px 0; }
.sg-alt { background: var(--sg-bg-alt); border-top: 1px solid #f7ebe0; border-bottom: 1px solid #f7ebe0; }
.sg-h2 { margin: 0 0 10px; text-align: center; font-size: clamp(1.5rem, 2.8vw, 2.1rem); font-weight: 800; letter-spacing: -.015em; color: var(--sg-text); }
.sg-h2.sg-left, .sg-left { text-align: left; }
.sg-sub { margin: 0 auto 36px; max-width: 620px; text-align: center; color: var(--sg-muted); font-size: 16px; }
.sg-center { text-align: center; margin-top: 28px; }
.sg-grid-3, .sg-grid-4 { display: grid; gap: 20px; }
.sg-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sg-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.sg-stats { background: #fff; border-bottom: 1px solid var(--sg-border); }
.sg-stats .sg-grid-4 { gap: 0; }
.sg-stats .sg-grid-4 > div { padding: 26px 16px; text-align: center; border-left: 1px solid var(--sg-border); }
.sg-stats .sg-grid-4 > div:first-child { border-left: 0; }
.sg-stats strong, .sg-numbers strong { display: block; color: var(--sg-primary); font-size: clamp(1.35rem, 2.4vw, 1.8rem); font-weight: 800; line-height: 1.2; }
.sg-stats span, .sg-numbers span { display: block; color: var(--sg-muted); font-size: 14px; margin-top: 2px; }

.sg-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 26px 24px;
    background: #fff;
    border: 1px solid var(--sg-border);
    border-radius: var(--sg-radius);
    box-shadow: var(--sg-shadow);
    color: var(--sg-text) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
a.sg-card:hover { transform: translateY(-4px); border-color: #fdba74; box-shadow: var(--sg-shadow-lg); }
.sg-card h3, .sg-plan h3, .sg-step h3 { margin: 14px 0 8px; font-size: 19px; font-weight: 800; color: var(--sg-text); }
.sg-card p, .sg-plan p, .sg-step p, .sg-feature p { margin: 0; color: var(--sg-muted); font-size: 15px; }
.sg-ic {
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--sg-tint), var(--sg-tint-2));
    color: var(--sg-primary);
    font-size: 22px;
}
.sg-more { margin-top: auto; padding-top: 18px; color: var(--sg-primary); font-weight: 700; font-size: 15px; }
.sg-more i { margin-left: 4px; transition: transform .15s ease; }
a.sg-card:hover .sg-more i { transform: translateX(4px); }

.sg-step { position: relative; padding: 26px 24px; background: #fff; border: 1px solid var(--sg-border); border-radius: var(--sg-radius); }
.sg-num {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--sg-primary);
    color: #fff;
    font-weight: 800;
    font-size: 17px;
    box-shadow: 0 0 0 6px var(--sg-tint);
}

.sg-feature { padding: 6px 4px; }
.sg-feature i { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; background: var(--sg-tint); color: var(--sg-primary); font-size: 18px; }
.sg-feature h4 { margin: 14px 0 6px; font-size: 17px; font-weight: 800; }

.sg-plan {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 26px;
    background: #fff;
    border: 1px solid var(--sg-border);
    border-radius: var(--sg-radius);
    box-shadow: var(--sg-shadow);
}
.sg-plan p { margin-bottom: 22px; }
.sg-plan .sg-btn { margin-top: auto; width: 100%; }
.sg-plan-featured { border: 2px solid var(--sg-primary); box-shadow: var(--sg-shadow-lg); }
.sg-badge { position: absolute; top: -13px; right: 20px; padding: 4px 12px; border-radius: 999px; background: var(--sg-primary); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .03em; }

.sg-about { display: grid; grid-template-columns: 220px 1fr; gap: 44px; align-items: center; }
.sg-about img { width: 100%; max-width: 220px; height: auto; margin: 0 auto; filter: drop-shadow(0 10px 24px rgba(154, 52, 18, .2)); }
.sg-about p { color: var(--sg-muted); font-size: 16px; margin: 0 0 14px; }
.sg-about .sg-btn { margin-top: 8px; }

.sg-faq { max-width: 820px; }
.sg-faq .sg-h2 { margin-bottom: 26px; }
.sg-faq details { margin-bottom: 12px; background: #fff; border: 1px solid var(--sg-border); border-radius: 12px; overflow: hidden; }
.sg-faq summary { position: relative; padding: 18px 52px 18px 20px; font-weight: 700; font-size: 16px; cursor: pointer; list-style: none; }
.sg-faq summary::-webkit-details-marker { display: none; }
.sg-faq summary:after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: var(--sg-primary); font-size: 24px; font-weight: 400; }
.sg-faq details[open] summary:after { content: "\2212"; }
.sg-faq details[open] summary { color: var(--sg-dark); }
.sg-faq details p { margin: 0; padding: 0 20px 18px; color: var(--sg-muted); }

.sg-cta { padding: 64px 0; text-align: center; color: #fff; background: linear-gradient(120deg, #9a3412, #e8590c 60%, #f08c00); }
.sg-cta h2 { margin: 0 0 8px; color: #fff; font-size: clamp(1.5rem, 2.8vw, 2.1rem); font-weight: 800; }
.sg-cta p { margin: 0 0 24px; color: #fff7ed; font-size: 16px; }
.sg-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.sg-cta-inline { border-radius: 20px; padding: 48px 24px; margin: 24px auto 56px; }

/* ---------- Inner pages ---------- */
.sg-page > section { max-width: var(--sg-wrap); margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
.sg-page > section.sg-cta-inline { max-width: calc(var(--sg-wrap) - 40px); }
.sg-page > section.sg-page-hero,
.sg-cart-page .sg-page-hero {
    position: relative;
    overflow: hidden;
    max-width: none;
    padding: 56px max(20px, calc((100% - var(--sg-wrap)) / 2 + 20px)) 52px !important;
    text-align: center;
    color: #fff;
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .14) 0, transparent 34%),
        radial-gradient(circle at 88% 82%, rgba(245, 159, 0, .45) 0, transparent 40%),
        linear-gradient(125deg, #9a3412 0%, #c2410c 30%, #e8590c 65%, #f08c00 100%);
}
.sg-page-hero:after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 6px;
    background: linear-gradient(90deg, var(--sg-gold), #fff4e6, var(--sg-gold));
    opacity: .8;
}
.sg-page-hero h1 { margin: 0 auto 12px; max-width: 860px; color: #fff; font-size: clamp(1.8rem, 3.6vw, 2.7rem); font-weight: 800; letter-spacing: -.02em; }
.sg-page-hero .sg-lead { color: #fff7ed; }
.sg-page-hero .sg-note a { color: #fff !important; text-decoration: underline !important; text-underline-offset: 3px; }
.sg-page-hero .sg-chips-label { color: #fff; }
.sg-page-hero .sg-chip,
.sg-cart-page .sg-page-hero .sg-chip { border-color: rgba(255, 255, 255, .45); background: rgba(255, 255, 255, .12); color: #fff !important; }
.sg-page-hero .sg-chip:hover,
.sg-cart-page .sg-page-hero .sg-chip:hover { border-color: #fff; background: #fff; color: var(--sg-dark) !important; }
.sg-page-hero .sg-chip-link,
.sg-cart-page .sg-page-hero .sg-chip-link { border-color: transparent; background: transparent; color: #fff !important; }
.sg-page-hero .sg-search { border-color: rgba(255, 255, 255, .6); }
.sg-page-hero .sg-tabs,
.sg-cart-page .sg-page-hero .sg-tabs { background: rgba(255, 255, 255, .16); border-color: rgba(255, 255, 255, .28); }
.sg-page-hero .sg-tab,
.sg-cart-page .sg-page-hero .sg-tab { color: #fff; }
.sg-page-hero .sg-tab.is-active,
.sg-cart-page .sg-page-hero .sg-tab.is-active { background: #fff; color: var(--sg-dark); box-shadow: 0 4px 14px rgba(124, 45, 18, .18); }
.sg-page-hero .sg-results { color: var(--sg-text); }
.sg-note { margin: 16px 0 0; text-align: center; font-weight: 600; }
.sg-note a { color: var(--sg-dark) !important; text-decoration: underline !important; text-underline-offset: 3px; }
.sg-numbers > div { padding: 24px; text-align: center; background: #fff; border: 1px solid var(--sg-border); border-radius: var(--sg-radius); box-shadow: var(--sg-shadow); }
.sg-contact-card { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; padding: 32px; background: var(--sg-bg-alt); border: 1px solid var(--sg-border); border-radius: 20px; }
.sg-contact-card p { margin: 0; color: var(--sg-muted); }
.sg-contact-lines { display: flex; flex-direction: column; gap: 10px; }
.sg-contact-lines a { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; background: #fff; border: 1px solid var(--sg-border); border-radius: 10px; color: var(--sg-text) !important; font-weight: 600; }
.sg-contact-lines a i { color: var(--sg-primary); width: 18px; text-align: center; }
.sg-contact-lines a:hover { border-color: var(--sg-primary); }

body.sg-is-home #main-body,
body.sg-is-sub #main-body { display: none !important; }

/* ---------- WHMCS pages in saffron ---------- */
.btn-primary, .btn-primary:not(:disabled):not(.disabled),
button.btn.btn-primary, #btnCheckAvailability, #search-btn, .btn-checkout, .btn-order-now {
    background: var(--sg-primary) !important;
    border-color: var(--sg-primary) !important;
    color: #fff !important;
    border-radius: 10px !important;
}
.btn-primary:hover, .btn-primary:focus, button.btn.btn-primary:hover, #btnCheckAvailability:hover, .btn-checkout:hover {
    background: var(--sg-primary-hover) !important;
    border-color: var(--sg-primary-hover) !important;
}
.btn-success, .btn-success:not(:disabled):not(.disabled) { background: var(--sg-ok) !important; border-color: var(--sg-ok) !important; color: #fff !important; border-radius: 10px !important; }
.btn-default { border-radius: 10px !important; border-color: var(--sg-border) !important; }
#transfer-btn { background: #fff !important; border: 2px solid var(--sg-primary) !important; color: var(--sg-primary) !important; border-radius: 10px !important; }
.text-primary { color: var(--sg-primary) !important; }
.bg-primary, .label-primary, .badge-primary { background: var(--sg-primary) !important; }
.form-control:focus, input:focus, select:focus, textarea:focus { border-color: #fb923c !important; box-shadow: 0 0 0 3px rgba(251, 146, 60, .2) !important; }
.form-control, input[type="text"]:not(.sg-search-input), input[type="email"], input[type="password"], input[type="tel"], select, textarea {
    border: 1px solid #d6d3d1 !important;
    border-radius: 10px !important;
    color: var(--sg-text) !important;
    background-color: #fff !important;
}
.panel, .card, .list-group-item { border-color: var(--sg-border) !important; }
.panel, .card { border-radius: var(--sg-radius) !important; box-shadow: var(--sg-shadow); }
.panel-heading, .card-header { background: var(--sg-bg-alt) !important; border-bottom: 1px solid var(--sg-border) !important; color: var(--sg-text) !important; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background: var(--sg-tint) !important; border-color: #fed7aa !important; color: var(--sg-dark) !important; }
.pagination > .active > a, .page-item.active .page-link { background: var(--sg-primary) !important; border-color: var(--sg-primary) !important; }
.nav-tabs > li.active > a, .nav-tabs .nav-link.active { color: var(--sg-dark) !important; border-top: 3px solid var(--sg-primary) !important; }
table.table > thead > tr > th { background: var(--sg-bg-alt); color: var(--sg-muted); font-weight: 700; }
#main-body { padding: 36px 0 56px; background: #fff; }
.header-lined h1, #main-body h1 { font-weight: 800; letter-spacing: -.015em; }
.breadcrumb { background: transparent !important; padding-left: 0 !important; }
.breadcrumb a { color: var(--sg-dark) !important; }
.domain-checker-container, .domain-checker-bg { background: linear-gradient(125deg, #9a3412, #e8590c 65%, #f08c00) !important; border-radius: var(--sg-radius); }
.domain-pricing .tld-filters a.badge-success, .tld-filters .label-success { background: var(--sg-primary) !important; }
.domain-checker-available, .domain-available { color: var(--sg-ok) !important; }

/* ---------- Footer ---------- */
.sg-footer { background: var(--sg-footer); color: #e7d8cc; font-size: 15px; }
.sg-footer-top { padding: 56px 0 36px; display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 36px; }
.sg-footer-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; color: #fff !important; }
.sg-footer-brand img { width: 64px; height: auto; background: #fff; border-radius: 14px; padding: 6px; }
.sg-footer-brand strong { display: block; color: #fff; font-size: 17px; line-height: 1.25; font-weight: 800; }
.sg-footer-brand span { display: block; color: #fdba74; font-size: 13px; }
.sg-footer p { color: #d6c3b3; margin: 0 0 14px; }
.sg-footer h5 { margin: 6px 0 16px; color: #fff; font-size: 14px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.sg-footer ul { margin: 0; padding: 0; list-style: none; }
.sg-footer li { margin-bottom: 10px; }
.sg-footer a { color: #e7d8cc !important; }
.sg-footer a:hover { color: #fdba74 !important; }
.sg-footer-contact a { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
.sg-footer-contact i { margin-top: 4px; width: 16px; text-align: center; color: var(--sg-gold); }
.sg-footer-bottom { border-top: 1px solid rgba(255, 237, 213, .12); padding: 18px 0; font-size: 14px; }
.sg-footer-bottom .container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.sg-footer-bottom p { margin: 0; color: #bfa996; }

/* ---------- Responsive ---------- */
@media (min-width: 1400px) {
    .container { max-width: var(--sg-wrap); }
}
@media (max-width: 1199px) {
    #header .navbar .navbar-nav > li > a, #header .navbar .nav-link { padding-left: 9px !important; padding-right: 9px !important; font-size: 14px; }
    #header .navbar-brand span { font-size: 17px; }
}
@media (max-width: 991px) {
    .sg-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sg-grid-3 { grid-template-columns: 1fr; max-width: 620px; margin: 0 auto; }
    .sg-stats .sg-grid-4 > div:nth-child(3) { border-left: 0; }
    .sg-stats .sg-grid-4 > div:nth-child(n+3) { border-top: 1px solid var(--sg-border); }
    .sg-footer-top { grid-template-columns: 1fr 1fr; }
    .sg-section { padding: 56px 0; }
    #header .navbar-brand span { display: none !important; }
    #header .navbar .navbar-nav > li > a, #header .navbar .nav-link { padding-left: 8px !important; padding-right: 8px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    #Primary_Navbar-Contact_Us, #header .navbar .search-headr { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #Primary_Navbar-Contact_Us { display: none !important; }
    #header .navbar .navbar-nav > li > a, #header .navbar .nav-link { padding-left: 9px !important; padding-right: 9px !important; margin-left: 0 !important; margin-right: 0 !important; }
}
@media (max-width: 767px) {
    #header .navbar.header-nav-algo-coodiv { min-height: 64px; }
    #header .navbar-brand img.black-bg-logo { height: 44px !important; }
    #header .navbar-brand span { display: inline-block !important; font-size: 16px; }
    #header .navbar-offcanvas {
        order: 4;
        background: #fff !important;
        border: 0 !important;
        border-right: 1px solid var(--sg-border) !important;
        box-shadow: 10px 0 40px rgba(0, 0, 0, .18);
        padding: 16px 12px !important;
    }
    #header .navbar-offcanvas .navbar-nav { display: flex !important; flex-direction: column; align-items: stretch; }
    #header .navbar .navbar-nav > li > a, #header .navbar .nav-link {
        display: block;
        padding: 12px 10px !important;
        font-size: 16px;
        border-bottom: 1px solid #f5ede6 !important;
        box-shadow: none !important;
    }
    #header .navbar-nav .dropdown-menu { box-shadow: none !important; border: 0 !important; padding: 0 0 0 10px !important; }
    #header .account-place-header-nav { margin-left: auto; gap: 6px; }
    #header .account-place-header-nav .sg-cur-switch { height: 34px; padding: 2px; }
    #header .account-place-header-nav .sg-cur-switch a,
    #header .account-place-header-nav .sg-cur-switch span { height: 28px; padding: 0 7px; font-size: 11px; }
    #header .navbar .accouting-h { width: 36px; height: 36px; }
    #header .navbar-brand { min-width: 0; flex: 1 1 auto; overflow: hidden; }
    #header .navbar-brand span { font-size: 14px !important; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
    #header .menu-btn-span-bar { margin-left: 10px !important; }
    .sg-hero { padding: 48px 0 44px; }
    .sg-result { grid-template-columns: 1fr; gap: 12px; }
    .sg-price { text-align: left; }
    .sg-actions { justify-content: flex-start; }
    .sg-actions .sg-btn { flex: 1 1 auto; }
    .sg-row { grid-template-columns: 1fr auto auto; }
    .sg-grid-list .sg-rows { grid-template-columns: 1fr; }
    .sg-grid-list .sg-row:nth-child(odd) { border-right: 0; }
    .sg-grid-list .sg-row:nth-child(2) { border-top: 1px solid #f5ede6; }
    .sg-summary { grid-template-columns: 1fr; }
    .sg-meter { width: 100%; }
    .sg-toggle { margin-left: 0; }
    .sg-about { grid-template-columns: 1fr; text-align: center; gap: 24px; }
    .sg-about .sg-h2.sg-left { text-align: center; }
    .sg-about img { max-width: 150px; }
    .sg-contact-card { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .sg-search { flex-wrap: wrap; padding: 8px; }
    .sg-search-icon { display: none; }
    .sg-search .sg-search-input { height: 48px !important; font-size: 16px !important; flex-basis: 100%; }
    .sg-search .sg-btn { width: 100%; }
    .sg-search .sg-epp-input { flex-basis: 100% !important; border-left: 0 !important; border-top: 1px solid var(--sg-border) !important; }
    .sg-tabs { display: flex; }
    .sg-tab { flex: 1 1 0; justify-content: center; padding: 0 8px; font-size: 13px; }
    .sg-chip-link { margin-left: 0; }
    .sg-grid-4 { grid-template-columns: 1fr; }
    .sg-stats .sg-grid-4 { grid-template-columns: 1fr 1fr; }
    .sg-footer-top { grid-template-columns: 1fr; gap: 28px; }
    .sg-section { padding: 44px 0; }
    .sg-cartbar .container { justify-content: center; text-align: center; }
    body.sg-has-cartbar { padding-bottom: 130px; }
}
@media (max-width: 420px) {
    #header .navbar-brand span { display: none !important; }
}

/* ---------- Cart flow (view cart, configure, checkout) ---------- */
.sg-cart-hero { padding-top: 40px !important; padding-bottom: 40px !important; }
.sg-cart-hero h1 { margin-bottom: 20px; }
.sg-steps { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sg-steps li { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border-radius: 999px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .28); color: #ffedd5; font-size: 14px; font-weight: 700; }
.sg-steps li span { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: rgba(255, 255, 255, .2); color: #fff; font-size: 13px; }
.sg-steps li.is-done span { background: #fff; color: var(--sg-ok); }
.sg-steps li.is-current { background: #fff; border-color: #fff; color: var(--sg-dark); box-shadow: 0 4px 14px rgba(124, 45, 18, .2); }
.sg-steps li.is-current span { background: var(--sg-primary); }

.sg-cart-flow #main-body { padding: 32px 0 56px; background: var(--sg-bg-alt); }
.sg-cart-flow #order-standard_cart .cart-sidebar,
.sg-cart-flow #order-standard_cart .sidebar-collapsed,
.sg-cart-flow #order-standard_cart .cart-body > .header-lined { display: none !important; }
.sg-cart-flow #order-standard_cart .cart-body { float: none; width: 100%; }

.sg-cart #order-standard_cart { color: var(--sg-text); }
.sg-cart #order-standard_cart .view-cart-items-header {
    padding: 12px 20px !important;
    background: var(--sg-tint) !important;
    color: var(--sg-dark) !important;
    border: 1px solid var(--sg-border);
    border-bottom: 0;
    border-radius: var(--sg-radius) var(--sg-radius) 0 0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.sg-cart #order-standard_cart .view-cart-items {
    margin-bottom: 24px;
    background: #fff;
    border: 1px solid var(--sg-border);
    border-bottom: 1px solid var(--sg-border) !important;
    border-radius: 0 0 var(--sg-radius) var(--sg-radius);
    box-shadow: var(--sg-shadow);
    overflow: hidden;
}
.sg-cart #order-standard_cart .view-cart-items-header * { color: inherit !important; }
.sg-cart #order-standard_cart .view-cart-items .item { padding: 18px 20px; background: #fff; border-top: 1px solid #f5ede6; font-size: 14px; }
.sg-cart #order-standard_cart .view-cart-items .item:first-child { border-top: 0; }
.sg-cart #order-standard_cart .view-cart-items .item:nth-child(even) { background: #fffcf8; }
.sg-cart #order-standard_cart .view-cart-items .item-title { color: var(--sg-text); font-size: 17px; font-weight: 800; }
.sg-cart #order-standard_cart .view-cart-items .item-title a { color: var(--sg-primary) !important; font-size: 13px; font-weight: 700; }
.sg-cart #order-standard_cart .view-cart-items .item-group,
.sg-cart #order-standard_cart .view-cart-items .item-domain { color: var(--sg-muted); font-size: 14px; }
.sg-cart #order-standard_cart .view-cart-items .item-price span { color: var(--sg-text); font-size: 18px; font-weight: 800; }
.sg-cart #order-standard_cart .view-cart-items .item-price .cycle,
.sg-cart #order-standard_cart .view-cart-items .item-price .renewal { color: var(--sg-muted); font-size: 12px; font-weight: 600; }
.sg-cart #order-standard_cart .view-cart-items .btn-remove-from-cart { color: #a8a29e; background: transparent; border: 0; }
.sg-cart #order-standard_cart .view-cart-items .btn-remove-from-cart:hover { color: var(--sg-err); }
.sg-cart #order-standard_cart .view-cart-items .dropdown-toggle,
.sg-cart #order-standard_cart .view-cart-items .btn-xs { padding: 4px 10px; border: 1px solid var(--sg-border); border-radius: 8px; background: #fff; color: var(--sg-text); font-weight: 600; }
.sg-cart #order-standard_cart .view-cart-empty { padding: 40px 20px; color: var(--sg-muted); font-size: 16px; font-weight: 600; text-align: center; }
.sg-cart #order-standard_cart .empty-cart { margin: -14px 0 18px; text-align: right; }
.sg-cart #order-standard_cart .empty-cart .btn { padding: 6px 14px; border: 1px solid var(--sg-border) !important; border-radius: 999px; background: #fff !important; color: var(--sg-muted) !important; font-size: 13px; font-weight: 700; }
.sg-cart #order-standard_cart .empty-cart .btn:hover { border-color: #fca5a5 !important; background: #fef2f2 !important; color: var(--sg-err) !important; }

.sg-cart #order-standard_cart .view-cart-tabs { background: #fff; border: 1px solid var(--sg-border); border-radius: var(--sg-radius); box-shadow: var(--sg-shadow); overflow: hidden; }
.sg-cart #order-standard_cart .view-cart-tabs .nav-tabs { margin: 0; padding: 0 12px; border-bottom: 1px solid var(--sg-border); background: var(--sg-bg-alt); }
.sg-cart #order-standard_cart .view-cart-tabs .nav-tabs a { display: inline-block; margin: 0; padding: 12px 10px; border: 0 !important; border-bottom: 3px solid transparent !important; background: transparent !important; color: var(--sg-muted) !important; font-size: 14px; font-weight: 700; }
.sg-cart #order-standard_cart .view-cart-tabs .nav-tabs a.active,
.sg-cart #order-standard_cart .view-cart-tabs .nav-tabs .active a { border-bottom-color: var(--sg-primary) !important; color: var(--sg-dark) !important; }
.sg-cart #order-standard_cart .view-cart-tabs .tab-content { padding: 18px 20px; background: #fff; }
.sg-cart #order-standard_cart .view-cart-tabs .form-control { height: 44px; border-radius: 10px; }
.sg-cart #order-standard_cart .view-cart-tabs .btn { min-height: 44px; border-radius: 10px; font-weight: 700; }

.sg-cart #order-standard_cart .order-summary { margin-bottom: 20px; padding: 0 !important; background: #fff !important; border: 1px solid var(--sg-border) !important; border-radius: var(--sg-radius); box-shadow: var(--sg-shadow); overflow: hidden; }
.sg-cart #order-standard_cart .order-summary h2 { margin: 0; padding: 16px 20px !important; border: 0 !important; background: linear-gradient(125deg, #9a3412 0%, #e8590c 70%, #f08c00 100%) !important; color: #fff !important; font-size: 17px !important; font-weight: 800 !important; text-align: left !important; }
.sg-cart #order-standard_cart .summary-container { padding: 18px 20px; background: #fff; font-size: 14px; }
.sg-cart #order-standard_cart .order-summary .summary-totals { border-color: #f5ede6; }
.sg-cart #order-standard_cart .order-summary .total-due-today { margin-top: 10px; }
.sg-cart #order-standard_cart .order-summary .total-due-today .amt { color: var(--sg-text); font-size: 30px; font-weight: 800; letter-spacing: -.01em; }
.sg-cart #order-standard_cart .order-summary .total-due-today span:last-child { color: var(--sg-muted); font-size: 13px; font-weight: 600; }
.sg-cart #order-standard_cart .btn-checkout,
.sg-cart #order-standard_cart #checkout,
.sg-cart #order-standard_cart #btnCompleteOrder,
.sg-cart #order-standard_cart .btn-success,
.sg-cart #order-standard_cart #btnCompleteProductConfig {
    display: block;
    width: 100%;
    min-height: 50px;
    margin: 16px 0 8px;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--sg-primary) !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(232, 89, 12, .3);
}
.sg-cart #order-standard_cart .btn-checkout:hover,
.sg-cart #order-standard_cart #btnCompleteOrder:hover,
.sg-cart #order-standard_cart .btn-success:hover,
.sg-cart #order-standard_cart #btnCompleteProductConfig:hover { background: var(--sg-primary-hover) !important; }
.sg-cart #order-standard_cart .btn-checkout.disabled { opacity: .5; box-shadow: none; }
.sg-cart #order-standard_cart #continueShopping,
.sg-cart #order-standard_cart .btn-continue-shopping { display: block; color: var(--sg-dark) !important; font-weight: 700; text-align: center; text-decoration: underline; text-underline-offset: 3px; }

.sg-cart #order-standard_cart .sub-heading { border-top-color: var(--sg-border); }
.sg-cart #order-standard_cart .sub-heading span,
.sg-cart #order-standard_cart .primary-bg-color { background: var(--sg-primary) !important; color: #fff !important; border-radius: 999px; }
.sg-cart #order-standard_cart .panel,
.sg-cart #order-standard_cart .card { border-color: var(--sg-border); border-radius: var(--sg-radius); box-shadow: var(--sg-shadow); }
.sg-cart #order-standard_cart .field-container,
.sg-cart #order-standard_cart .domain-addon,
.sg-cart #order-standard_cart .addon-products .panel-addon { border-color: var(--sg-border); border-radius: 12px; }
.sg-cart #order-standard_cart .form-control { border-color: var(--sg-border); border-radius: 10px; }
.sg-cart #order-standard_cart .form-control:focus { border-color: var(--sg-primary); box-shadow: 0 0 0 3px rgba(232, 89, 12, .15); }
.sg-cart #order-standard_cart .alert-info { background: var(--sg-tint); border-color: var(--sg-tint-2); color: var(--sg-dark); }

@media (max-width: 767px) {
    .sg-steps li { padding: 4px 10px 4px 4px; font-size: 12px; }
    .sg-steps li span { width: 22px; height: 22px; }
    .sg-cart-flow #main-body { padding-top: 20px; }
}
.sg-cart #order-standard_cart .already-registered .btn,
.sg-cart #order-standard_cart #btnAlreadyRegistered,
.sg-cart #order-standard_cart #btnNewUserSignup,
.sg-cart #order-standard_cart .btn-info { border: 1px solid var(--sg-primary) !important; border-radius: 10px !important; background: #fff !important; color: var(--sg-primary) !important; font-weight: 700; }
.sg-cart #order-standard_cart .already-registered .btn:hover,
.sg-cart #order-standard_cart .btn-info:hover { background: var(--sg-tint) !important; }
.sg-cart #order-standard_cart .alert-success { background: var(--sg-ok-bg) !important; border: 1px solid #bbf7d0 !important; border-radius: 12px; color: var(--sg-ok) !important; font-weight: 700; }
.sg-cart #order-standard_cart .panel-addon { border: 1px solid var(--sg-border) !important; border-radius: 12px !important; overflow: hidden; box-shadow: none; transition: border-color .15s, box-shadow .15s; }
.sg-cart #order-standard_cart .panel-addon:hover { border-color: var(--sg-primary) !important; box-shadow: var(--sg-shadow); }
.sg-cart #order-standard_cart .panel-addon .panel-price { background: var(--sg-tint) !important; color: var(--sg-dark) !important; font-weight: 700; }
.sg-cart #order-standard_cart .panel-addon .panel-add { background: var(--sg-primary) !important; color: #fff !important; font-weight: 700; }
.sg-cart #order-standard_cart .panel-addon-selected { border-color: var(--sg-primary) !important; }
.sg-cart #order-standard_cart .panel-addon-selected .panel-add { background: var(--sg-dark) !important; }
.sg-cart #order-standard_cart .view-cart-items { overflow: visible !important; }
.sg-cart #order-standard_cart .view-cart-items .item:last-child { border-radius: 0 0 var(--sg-radius) var(--sg-radius); }
.sg-cart #order-standard_cart .view-cart-items .dropdown-menu { max-height: 240px; overflow-y: auto; overscroll-behavior: contain; z-index: 1050; padding: 6px 0; border: 1px solid var(--sg-border); border-radius: 10px; box-shadow: var(--sg-shadow); }
.sg-cart #order-standard_cart .view-cart-items .dropdown-menu > li > a,
.sg-cart #order-standard_cart .view-cart-items .dropdown-menu .dropdown-item { padding: 7px 16px; font-size: 13px; }
@media (min-width: 768px) {
    .sg-cart #order-standard_cart .view-cart-items .item .hidden-xs.d-sm-block { display: flex !important; align-items: flex-start; justify-content: flex-end; }
}
@media (max-width: 767px) {
    .sg-cart #order-standard_cart .view-cart-items .item .visible-xs-inline.d-sm-none { display: inline !important; }
}
.sg-cart #order-standard_cart .view-cart-items .btn-remove-from-cart { display: inline-flex !important; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 1px solid var(--sg-border) !important; border-radius: 50%; background: #fff !important; color: #a8a29e !important; font-size: 14px; }
.sg-cart #order-standard_cart .view-cart-items .btn-remove-from-cart:hover,
.sg-cart #order-standard_cart .view-cart-items .btn-remove-from-cart:focus { border-color: #fca5a5 !important; background: #fef2f2 !important; color: var(--sg-err) !important; }
.sg-cart #order-standard_cart .modal-remove-item .modal-content { border: 0; border-radius: var(--sg-radius); box-shadow: 0 24px 60px rgba(28, 25, 23, .25); }
.sg-cart #order-standard_cart .modal-remove-item .modal-body .fa-times,
.sg-cart #order-standard_cart .modal-remove-item .modal-body .fa-trash-alt { color: var(--sg-err); }
.sg-cart #order-standard_cart .modal-remove-item .modal-footer .btn { min-width: 84px; border-radius: 10px; font-weight: 700; }

/* Header utility group: currency, language, cart, account */
#header .account-place-header-nav { gap: 8px; margin-left: 14px; padding-left: 14px; border-left: 1px solid var(--sg-border); }
#header .account-place-header-nav > li { list-style: none; position: relative; }
#header .sg-hdr-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--sg-border);
    border-radius: 999px;
    background: #fff;
    color: #57534e !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    transition: border-color .15s, color .15s, background .15s;
}
#header .sg-cart-link .sg-hdr-btn { width: 42px; padding: 0; }
#header .sg-hdr-btn:hover,
#header .sg-hdr-btn:focus,
#header .show > .sg-hdr-btn { border-color: var(--sg-primary); background: var(--sg-tint); color: var(--sg-primary) !important; }
#header .sg-hdr-btn:focus-visible { box-shadow: 0 0 0 3px var(--sg-tint-2); }
#header .sg-hdr-code { font-size: 12px; letter-spacing: .04em; }
#header .sg-hdr-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: var(--sg-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 15px;
    text-align: center;
}
#header .sg-hdr-menu {
    min-width: 200px;
    margin-top: 10px;
    padding: 6px;
    border: 1px solid var(--sg-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(28, 25, 23, .14);
}
#header .sg-lang-menu { max-height: 320px; overflow-y: auto; overscroll-behavior: contain; }
#header .sg-hdr-menu .dropdown-item { padding: 8px 12px; border-radius: 8px; color: #44403c !important; font-size: 14px; font-weight: 500; }
#header .sg-hdr-menu .dropdown-item:hover,
#header .sg-hdr-menu .dropdown-item:focus { background: var(--sg-tint); color: var(--sg-primary) !important; }
#header .sg-hdr-menu .dropdown-item.is-active { background: var(--sg-primary); color: #fff !important; font-weight: 700; }
#header .login-drop-down-header .user-menu-dro li a i { width: 18px; margin-right: 6px; color: var(--sg-muted); }
#header .login-drop-down-header .user-menu-dro .sg-logout { margin-top: 4px; padding-top: 4px; border-top: 1px solid var(--sg-border); }
#header .login-drop-down-header .user-menu-dro .sg-logout a,
#header .login-drop-down-header .user-menu-dro .sg-logout a i { color: var(--sg-err) !important; }

@media (min-width: 992px) and (max-width: 1199px) {
    #header .account-place-header-nav { gap: 6px; margin-left: 8px; padding-left: 8px; }
    #header .sg-lang .sg-hdr-code { display: none; }
    #header .sg-lang .sg-hdr-btn { width: 42px; padding: 0; }
}
@media (max-width: 991px) {
    #header .account-place-header-nav { margin-left: auto; padding-left: 0; border-left: 0; }
}
@media (max-width: 767px) {
    #header .account-place-header-nav { gap: 6px; }
    #header .sg-hdr-btn { min-width: 36px; width: 36px; height: 36px; padding: 0; font-size: 14px; }
    #header .sg-lang .sg-hdr-code { display: none; }
}
@media (max-width: 479px) {
    #header .account-place-header-nav { gap: 4px; }
    #header .account-place-header-nav .sg-cur-switch a,
    #header .account-place-header-nav .sg-cur-switch span { padding: 0 6px; }
}
@media (min-width: 768px) {
    #Primary_Navbar-Home, #Primary_Navbar-Contact_Us { display: none !important; }
}
@media (min-width: 1280px) {
    #header .top-header-nav-home > .container { max-width: 1240px !important; width: 100% !important; }
}
#header .navbar .navbar-nav > li > a,
#header .navbar .nav-link,
#header .top-header-fixed .navbar .nav-link { padding-left: 12px !important; padding-right: 12px !important; }
@media (min-width: 992px) and (max-width: 1199px) {
    #header .navbar-brand { gap: 10px; margin-right: 8px; }
    #header .navbar-brand img.black-bg-logo { height: 46px !important; }
    #header .navbar-brand span,
    #header .top-header-fixed .navbar-brand span { max-width: 112px; font-size: 15px; line-height: 1.15; white-space: normal; }
    #header .navbar .navbar-nav > li > a,
    #header .navbar .nav-link,
    #header .top-header-fixed .navbar .nav-link { padding-left: 9px !important; padding-right: 9px !important; }
}
/* Tablets use the slide-out menu so the utility buttons keep their room */
@media (min-width: 768px) and (max-width: 991px) {
    .offcanvas-stop-scrolling { height: 100%; overflow: hidden; }
    #header .navbar-offcanvas {
        position: fixed;
        top: 0;
        left: -280px;
        order: 4;
        width: 100%;
        max-width: 280px;
        height: 100%;
        margin: 0;
        padding: 16px 12px !important;
        overflow-y: auto;
        z-index: 999;
        background: #fff !important;
        border-right: 1px solid var(--sg-border) !important;
        box-shadow: 10px 0 40px rgba(0, 0, 0, .18);
        transition: all .15s ease-in;
    }
    #header .navbar-offcanvas.offcanvas-transform.in { transform: translateX(280px); }
    #header .navbar-offcanvas.offcanvas-position.in { left: 0; }
    #header .navbar-offcanvas .navbar-nav { display: flex !important; flex-direction: column; align-items: stretch; }
    #header .navbar .navbar-nav > li > a, #header .navbar .nav-link {
        display: block;
        padding: 12px 10px !important;
        font-size: 16px;
        border-bottom: 1px solid #f5ede6 !important;
        box-shadow: none !important;
    }
    #header .navbar-nav .dropdown-menu { position: relative; float: none; width: 100%; box-shadow: none !important; border: 0 !important; padding: 0 0 0 10px !important; }
    #header .navbar-offcanvas .dropdown-menu.shown { display: block; }
    #Primary_Navbar-Home, #Primary_Navbar-Contact_Us { display: block !important; }
    #header .menu-btn-span-bar { display: inline-block !important; order: 3; margin-left: 12px !important; }
    #header .navbar-brand span { display: inline-block !important; font-size: 17px; }
    #header .navbar .navbar-nav > .sg-nav-search { display: none !important; }
}
#header .sg-hdr-menu { width: 220px; left: auto; right: 0; }
#header .sg-hdr-menu .dropdown-item { display: block; width: 100%; white-space: nowrap; line-height: 1.4; }

/* Header sign-in dropdown */
#header .login-drop-down-header { width: 320px; margin-top: 10px; padding: 0 !important; border: 1px solid var(--sg-border) !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 20px 50px rgba(28, 25, 23, .16) !important; overflow: hidden; left: auto; right: 0; }
#header .login-drop-down-header:before, #header .login-drop-down-header:after { display: none !important; }
#header .sg-login { margin: 0; padding: 20px; }
#header .sg-login-head { margin: -20px -20px 18px; padding: 18px 20px; background: linear-gradient(125deg, #9a3412 0%, #e8590c 70%, #f08c00 100%); color: #fff; }
#header .sg-login-head strong { display: block; font-size: 18px; font-weight: 800; line-height: 1.2; }
#header .sg-login-head span { display: block; margin-top: 4px; color: #ffedd5; font-size: 13px; line-height: 1.4; }
#header .sg-login-field { display: block; margin: 0 0 14px; font-weight: 400; }
#header .sg-login-field > span:first-child { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; color: var(--sg-text); font-size: 13px; font-weight: 700; }
#header .sg-login-forgot { color: var(--sg-primary) !important; font-size: 12px; font-weight: 600; }
#header .sg-login-forgot:hover { text-decoration: underline !important; }
#header .sg-login-input { position: relative; display: block; }
#header .sg-login-input i { position: absolute; top: 50%; left: 14px; transform: translateY(-50%); color: #a8a29e; font-size: 14px; pointer-events: none; }
#header .sg-login-input .form-control { width: 100%; height: 44px !important; margin: 0 !important; padding: 0 14px 0 40px !important; border: 1px solid var(--sg-border) !important; border-radius: 10px !important; background: var(--sg-bg-alt) !important; color: var(--sg-text) !important; font-size: 14px !important; box-shadow: none !important; transition: border-color .15s, box-shadow .15s, background .15s; }
#header .sg-login-input .form-control::placeholder { color: #a8a29e; }
#header .sg-login-input .form-control:focus { border-color: var(--sg-primary) !important; background: #fff !important; box-shadow: 0 0 0 3px var(--sg-tint-2) !important; }
#header .sg-login-input .form-control:focus + i, #header .sg-login-input:focus-within i { color: var(--sg-primary); }
#header .sg-login-remember { display: flex; align-items: center; gap: 8px; margin: 2px 0 16px; color: var(--sg-muted); font-size: 13px; font-weight: 500; cursor: pointer; }
#header .sg-login-remember input { width: 16px; height: 16px; margin: 0; accent-color: var(--sg-primary); }
#header .sg-login-btn { display: flex; width: 100%; height: 46px; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 10px; background: var(--sg-primary); color: #fff; font-size: 15px; font-weight: 700; box-shadow: 0 6px 16px rgba(194, 65, 12, .25); transition: background .15s, transform .15s; }
#header .sg-login-btn:hover { background: var(--sg-dark); transform: translateY(-1px); }
#header .sg-login-btn i { font-size: 13px; }
#header .sg-login-foot { margin: 16px -20px -20px; padding: 14px 20px; border-top: 1px solid var(--sg-border); background: var(--sg-bg-alt); color: var(--sg-muted); font-size: 13px; text-align: center; }
#header .sg-login-foot a { color: var(--sg-primary) !important; font-weight: 700; }
@media (max-width: 479px) {
    #header .login-drop-down-header { position: fixed !important; top: 64px !important; left: 12px !important; right: 12px !important; width: auto; transform: none !important; }
}

/* Registry-premium domain names */
.sg-status-line { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sg-premium,
.sg-tag.sg-tag-premium { display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px; border: 1px solid #f5d38a; border-radius: 999px; background: #fff8e1; color: #92400e; font-size: 11px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.sg-premium:before { content: "\2605"; font-size: 11px; color: var(--sg-gold); }

/* Completed cart steps link back to that step */
.sg-steps li.is-link { padding: 0; transition: background .15s, border-color .15s, transform .15s; }
.sg-steps li.is-link a { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border-radius: inherit; color: inherit; text-decoration: none; }
.sg-steps li.is-link:hover { background: rgba(255, 255, 255, .26); border-color: #fff; transform: translateY(-1px); }
.sg-steps li.is-link a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 767px) {
    .sg-steps li.is-link a { padding: 4px 10px 4px 4px; }
}

/* Search results, one domain per line: on phones the name gets its own line above price and button */
@media (max-width: 599px) {
    .sg-grid-list .sg-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 12px 16px; }
    .sg-grid-list .sg-row > :first-child { grid-column: 1 / -1; }
}

/* Domain settings: hosting call to action */
.sg-hosting-btn { display: inline-flex; align-items: center; gap: 8px; margin-top: 2px; padding: 7px 16px; border: 1.5px solid var(--sg-primary); border-radius: 999px; background: #fff; color: var(--sg-primary) !important; font-size: 13px; font-weight: 700; text-decoration: none !important; transition: background .15s, color .15s; }
.sg-hosting-btn:hover, .sg-hosting-btn:focus { background: var(--sg-primary); color: #fff !important; }
.sg-hosting-ok { display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; padding: 6px 14px; border-radius: 999px; background: #ecfdf5; color: var(--sg-ok); font-size: 13px; font-weight: 700; }

/* Site-wide focus: no dark browser/Bootstrap ring on mouse click; keyboard users get a saffron ring */
a:focus, button:focus, .btn:focus, .btn.focus, .btn:active:focus, [role="button"]:focus, [tabindex]:focus,
input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="button"]:focus, summary:focus {
    outline: none !important;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:not(:disabled):not(.disabled):active:focus { box-shadow: none !important; }
a:focus-visible, button:focus-visible, .btn:focus-visible, [role="button"]:focus-visible, [tabindex]:focus-visible,
input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible, input[type="submit"]:focus-visible, input[type="button"]:focus-visible, summary:focus-visible {
    outline: 2px solid var(--sg-primary) !important;
    outline-offset: 2px !important;
}
.sg-page-hero a:focus-visible, .sg-hero a:focus-visible, .sg-steps a:focus-visible, .sg-hero button:focus-visible { outline-color: #fff !important; }

/* Domain settings: one card per domain with a dark header so the name stands apart from the orange add-on buttons */
.sg-domain-card { margin: 0 0 22px; border: 1px solid var(--sg-border); border-radius: 16px; background: #fff; box-shadow: var(--sg-shadow); overflow: hidden; }
.sg-domain-head { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 12px; padding: 14px 20px; background: linear-gradient(135deg, #431407, #7c2d12); color: #fff; }
.sg-domain-head-icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(255, 255, 255, .14); color: var(--sg-gold); font-size: 16px; }
.sg-domain-head-name { flex: 1 1 auto; min-width: 0; font-size: 20px; font-weight: 800; letter-spacing: .01em; color: #fff; overflow-wrap: anywhere; }
.sg-domain-head-type { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; background: #fff; color: var(--sg-dark); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.sg-domain-head-type i { color: var(--sg-primary); }
.sg-domain-body { padding: 18px 20px 6px; }
.sg-domain-body .addon-products { margin-bottom: 0; }
@media (max-width: 599px) {
    .sg-domain-head { padding: 12px 14px; }
    .sg-domain-head-name { font-size: 17px; }
    .sg-domain-body { padding: 14px 14px 4px; }
}

/* Site-wide dropdowns (<select>): rounded box, saffron chevron and focus; styled option list where base-select is supported */
html body select:not([multiple]):not([size]) {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 38px !important;
    border: 1px solid var(--sg-border) !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23e8590c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 12px 8px !important;
    color: var(--sg-text) !important;
    font-size: 14px;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}
html body select:not([multiple]):not([size]):hover { border-color: #fdba74 !important; }
html body select:not([multiple]):not([size]):focus {
    border-color: var(--sg-primary) !important;
    box-shadow: 0 0 0 3px rgba(232, 89, 12, .15) !important;
    outline: none !important;
}
html body select:disabled { background-color: #f5f5f4 !important; cursor: not-allowed; opacity: .7; }

@supports (appearance: base-select) {
    html body select:not([multiple]):not([size]) { appearance: base-select !important; display: flex; align-items: center; }
    html body select:not([multiple]):not([size])::picker-icon { display: none; }
    html body select:not([multiple]):not([size])::picker(select) {
        appearance: base-select;
        margin-top: 6px;
        padding: 6px;
        position-area: block-end span-inline-end;
        position-try-fallbacks: none;
        position-try: none;
        max-height: min(300px, 60vh);
        overflow-y: auto;
        border: 1px solid var(--sg-border);
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 18px 40px rgba(67, 20, 7, .16);
    }
    html body select:not([multiple]):not([size]) option {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 9px 12px;
        border-radius: 8px;
        color: var(--sg-text);
        font-size: 14px;
        white-space: normal;
        cursor: pointer;
    }
    html body select:not([multiple]):not([size]) option::checkmark { display: none; }
    html body select:not([multiple]):not([size]) option:hover,
    html body select:not([multiple]):not([size]) option:focus-visible { background: var(--sg-tint); color: var(--sg-dark); outline: none; }
    html body select:not([multiple]):not([size]) option:checked { background: var(--sg-primary); color: #fff; font-weight: 700; }
    html body select:not([multiple]):not([size]) option:disabled { color: #a8a29e; cursor: default; }
}

/* Bootstrap dropdown menus everywhere: same rounded panel and saffron hover */
.dropdown-menu { padding: 6px; border: 1px solid var(--sg-border); border-radius: 12px; box-shadow: 0 18px 40px rgba(67, 20, 7, .14); }
.dropdown-menu > li > a, .dropdown-menu .dropdown-item { border-radius: 8px; padding: 8px 12px; color: var(--sg-text); }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus { background: var(--sg-tint); color: var(--sg-dark); }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active { background: var(--sg-primary); color: #fff; }

/* ---------- Forms across the site (#main-body): roomier fields, clear section titles ---------- */
#main-body .form-group { margin-bottom: 18px; }
#main-body .row > [class*="col-"] > .form-group { margin-bottom: 18px; }
#main-body label:not(.field-icon):not(.checkbox-inline):not(.radio-inline) { font-weight: 600; color: var(--sg-text); }
#main-body input.form-control,
#main-body select.form-control,
#main-body input.field {
    height: 44px !important;
    min-height: 44px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 15px !important;
    border-radius: 10px !important;
    border: 1px solid var(--sg-border) !important;
    background-color: #fff;
    color: var(--sg-text) !important;
    box-shadow: none !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}
#main-body textarea.form-control,
#main-body textarea.field { min-height: 110px; padding: 12px 14px !important; font-size: 15px !important; border-radius: 10px !important; border: 1px solid var(--sg-border) !important; box-shadow: none !important; }
#main-body input.form-control:hover, #main-body textarea.form-control:hover, #main-body input.field:hover { border-color: #fdba74 !important; }
#main-body input.form-control:focus, #main-body textarea.form-control:focus, #main-body input.field:focus, #main-body textarea.field:focus {
    border-color: var(--sg-primary) !important;
    box-shadow: 0 0 0 3px rgba(232, 89, 12, .15) !important;
    outline: none !important;
}
#main-body .form-control::placeholder, #main-body .field::placeholder { color: #a8a29e; }
#main-body .prepend-icon .field-icon { width: 44px !important; height: 44px !important; line-height: 44px !important; top: 0 !important; color: #a8a29e; font-size: 14px; }
#main-body .prepend-icon .field { padding-left: 44px !important; }
#main-body .prepend-icon .field:focus ~ .field-icon, #main-body .prepend-icon:focus-within .field-icon { color: var(--sg-primary); }
#main-body .field-help-text { display: block; margin-top: 6px; font-size: 12.5px; color: var(--sg-muted); }

/* Section titles: left-aligned heading with a saffron marker and a hairline, instead of centred pills */
html body #main-body .sub-heading {
    display: flex !important;
    align-items: center;
    gap: 12px;
    height: auto !important;
    margin: 34px 0 18px !important;
    border-top: 0 !important;
    text-align: left !important;
}
html body #main-body form > .sub-heading:first-of-type, html body #main-body #frmCheckout > #containerNewUserSignup > .sub-heading:first-child { margin-top: 8px !important; }
html body #main-body .sub-heading:after { content: ""; flex: 1 1 auto; height: 1px; background: var(--sg-border); }
html body #main-body .sub-heading span,
html body #main-body .sub-heading .primary-bg-color {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    top: auto !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--sg-dark) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: .01em;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html body #main-body .sub-heading span:before { content: ""; width: 4px; height: 20px; border-radius: 4px; background: var(--sg-primary); }

/* Checkout and other long cart forms sit on a white card */
#order-standard_cart #frmCheckout,
#order-standard_cart #frmConfigureDomains,
#order-standard_cart form[action*="confdomains"] {
    padding: 28px 32px 32px;
    background: #fff;
    border: 1px solid var(--sg-border);
    border-radius: 18px;
    box-shadow: var(--sg-shadow);
}
#order-standard_cart #frmCheckout .small.text-muted, #order-standard_cart #frmCheckout p.text-muted { font-size: 13px; line-height: 1.6; }
#order-standard_cart #frmCheckout .alert { border-radius: 12px; }
@media (max-width: 767px) {
    #order-standard_cart #frmCheckout,
    #order-standard_cart #frmConfigureDomains,
    #order-standard_cart form[action*="confdomains"] { padding: 18px 16px 22px; border-radius: 14px; }
    html body #main-body .sub-heading { margin: 26px 0 14px !important; }
}
#order-standard_cart #frmCheckout .row.margin-bottom > .col-sm-offset-3 { margin-left: 0 !important; }
@media (min-width: 768px) { #order-standard_cart #frmCheckout .row.margin-bottom > .col-sm-offset-3 { flex: 0 0 50%; max-width: 50%; width: 50%; } }
#main-body form#frmCheckout:not(#order-standard_cart *) { padding: 28px 32px 32px; background: #fff; border: 1px solid var(--sg-border); border-radius: 18px; box-shadow: var(--sg-shadow); }
@media (max-width: 767px) { #main-body form#frmCheckout:not(#order-standard_cart *) { padding: 18px 16px 22px; border-radius: 14px; } }
#main-body form input[type="submit"].btn-primary,
#main-body form button[type="submit"].btn-primary,
#main-body form .btn-lg.btn-primary { min-height: 46px; padding: 12px 34px !important; border-radius: 999px !important; font-size: 15px !important; font-weight: 700 !important; }

/* Payment method choices as cards; iCheck's blue sprite tinted to saffron site-wide */
.iradio_square-blue, .icheckbox_square-blue { filter: hue-rotate(170deg) saturate(1.6) brightness(1.05); }
#paymentGatewaysContainer > .text-center { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; text-align: left !important; }
#paymentGatewaysContainer label.radio-inline { display: inline-flex !important; align-items: center; gap: 10px; margin: 0 !important; padding: 12px 18px 12px 14px !important; border: 1.5px solid var(--sg-border); border-radius: 12px; background: #fff; font-weight: 700; color: var(--sg-text); cursor: pointer; transition: border-color .15s, background .15s; }
#paymentGatewaysContainer label.radio-inline:hover { border-color: #fdba74; }
#paymentGatewaysContainer label.radio-inline:has(.checked) { border-color: var(--sg-primary); background: var(--sg-tint); }

/* ===== Inline form validation (sgrs-forms.js) ===== */
html body #main-body .sg-req-label:after,
html body #main-body .sg-req-note span {
    content: " *";
    color: #d93025;
    font-weight: 700;
}
html body #main-body .sg-req-note {
    margin: 0 0 14px !important;
    font-size: 13px;
    color: #6b7280;
    text-align: left;
}
html body #main-body .sg-field-msg:empty { display: none; }
html body #main-body .sg-field-msg {
    margin: 6px 2px 0;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
}
html body #main-body .sg-field-msg i { margin-right: 4px; }
html body #main-body .sg-field-msg.is-error { color: #d93025; }
html body #main-body .sg-field-msg.is-ok { color: #188038; }
html body #main-body .sg-invalid,
html body #main-body .sg-invalid:focus,
html body #main-body .sg-invalid:focus-visible {
    border-color: #d93025 !important;
    box-shadow: 0 0 0 3px rgba(217, 48, 37, .12) !important;
    outline: none !important;
}
html body #main-body .sg-valid,
html body #main-body .sg-valid:focus {
    border-color: #34a853 !important;
}
html body #main-body .prepend-icon:has(.sg-invalid) .field-icon i { color: #d93025 !important; }
html body #main-body .prepend-icon + .sg-field-msg { margin-top: -8px; margin-bottom: 12px; }
html body #main-body .intl-tel-input + .sg-field-msg,
html body #main-body .iti + .sg-field-msg { margin-top: 6px; margin-bottom: 12px; }
html body #main-body #inputNewPassword2Msg { display: none !important; }


/* ===== Client dashboard (clientareahome.tpl, #main-body.sg-dash-page) ===== */
#main-body.sg-dash-page { background: #faf8f6; padding: 28px 0 56px; }
.sgd { --line: #ece6e0; --ink: #1c1917; --sub: #6b625b; --soft: #f6f2ee; color: var(--ink); }
.sgd h1, .sgd h2, .sgd h3 { margin: 0; color: var(--ink); letter-spacing: -.01em; }
.sgd p { margin: 0; }
.sgd-t-blue    { --c: #2563eb; --bg: #e8f0fe; }
.sgd-t-green   { --c: #15803d; --bg: #e3f6e8; }
.sgd-t-purple  { --c: #7c3aed; --bg: #f1ebff; }
.sgd-t-saffron { --c: #e8590c; --bg: #fff1e6; }

.sgd-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    height: 42px; padding: 0 18px; border-radius: 10px; border: 1px solid transparent;
    font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer;
    text-decoration: none !important; transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.sgd-btn:focus { outline: none; }
.sgd-btn:focus-visible { box-shadow: 0 0 0 3px rgba(232, 89, 12, .25); }
.sgd-btn-primary { background: var(--sg-primary); color: #fff !important; }
.sgd-btn-primary:hover, .sgd-btn-primary:focus { background: var(--sg-primary-hover); color: #fff !important; }
.sgd-btn-ghost { background: #fff; border-color: var(--line); color: var(--ink) !important; }
.sgd-btn-ghost:hover, .sgd-btn-ghost:focus { border-color: #d9cfc6; background: var(--soft); color: var(--ink) !important; }
.sgd-btn-danger { background: #dc2626; color: #fff !important; }
.sgd-btn-danger:hover, .sgd-btn-danger:focus { background: #b91c1c; color: #fff !important; }
.sgd-btn-block { width: 100%; }

.sgd-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 20px; }
.sgd-eyebrow { display: block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sg-primary); margin-bottom: 6px; }
.sgd-hero h1 { font-size: 28px; font-weight: 800; line-height: 1.2; }
.sgd-hero p { margin-top: 6px; color: var(--sub); font-size: 15px; }
.sgd-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.sgd-alerts { display: grid; gap: 10px; margin-bottom: 20px; }
.sgd-alert { display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--c); border-radius: 12px; }
.sgd-alert-danger { --c: #dc2626; --bg: #fee2e2; }
.sgd-alert-warn   { --c: #d97706; --bg: #fef3c7; }
.sgd-alert-info   { --c: #2563eb; --bg: #e8f0fe; }
.sgd-alert-ok     { --c: #16a34a; --bg: #dcfce7; }
.sgd-alert-ico { flex: 0 0 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--bg); color: var(--c); font-size: 15px; }
.sgd-alert-text { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; font-size: 14px; color: var(--sub); }
.sgd-alert-text b { color: var(--ink); font-size: 14.5px; }

.sgd-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.sgd-kpi {
    display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto auto; column-gap: 12px;
    padding: 16px; background: #fff; border: 1px solid var(--line); border-radius: 14px;
    color: var(--ink) !important; text-decoration: none !important; transition: border-color .15s ease, box-shadow .15s ease;
}
.sgd-kpi:hover, .sgd-kpi:focus { border-color: #ddd2c8; box-shadow: 0 6px 18px rgba(28, 25, 23, .06); outline: none; color: var(--ink) !important; }
.sgd-kpi-ico { grid-row: 1 / span 3; width: 40px; height: 40px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--bg); color: var(--c); font-size: 16px; }
.sgd-kpi-label { font-size: 13px; font-weight: 600; color: var(--sub); }
.sgd-kpi-num { font-size: 26px; font-weight: 800; line-height: 1.15; }
.sgd-kpi-meta { font-size: 12.5px; color: #9a8f86; }

.sgd-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; }
.sgd-main, .sgd-side { display: grid; gap: 20px; min-width: 0; }

.sgd-card { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 20px; min-width: 0; }
.sgd-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.sgd-card-head h2 { font-size: 16px; font-weight: 700; }
.sgd-card-body { font-size: 14px; color: var(--sub); }
.sgd-card-foot { margin-top: 12px; font-size: 13.5px; }
.sgd-link { font-size: 13.5px; font-weight: 600; color: var(--sg-primary) !important; white-space: nowrap; }
.sgd-link i { font-size: 11px; margin-left: 3px; }
.sgd-muted { color: var(--sub); font-size: 14px; line-height: 1.6; }
.sgd-badge { display: inline-flex; min-width: 22px; height: 22px; padding: 0 7px; align-items: center; justify-content: center; border-radius: 999px; background: var(--soft); color: var(--sub); font-size: 12px; font-weight: 700; }

.sgd-list { display: grid; margin: 0 -8px; }
.sgd-row { display: flex; align-items: center; gap: 12px; padding: 10px 8px; border-radius: 10px; color: var(--ink) !important; text-decoration: none !important; font-size: 14px; }
.sgd-row + .sgd-row { border-top: 1px solid #f3eee9; }
a.sgd-row:hover { background: var(--soft); }
.sgd-row-ico { flex: 0 0 34px; height: 34px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; background: var(--bg); color: var(--c); font-size: 13px; }
.sgd-row-main { flex: 1 1 auto; min-width: 0; line-height: 1.45; }
.sgd-row-main small, .sgd-row-main .text-domain { display: block; color: var(--sub); font-size: 12.5px; }
.sgd-row-go { color: #cbbfb5; font-size: 11px; }

.sgd-empty { text-align: center; padding: 18px 12px 8px; }
.sgd-empty-ico { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 18px; display: flex; align-items: center; justify-content: center; background: var(--sg-tint); color: var(--sg-primary); font-size: 26px; }
.sgd-empty h3 { font-size: 17px; font-weight: 700; }
.sgd-empty p { max-width: 420px; margin: 6px auto 0; color: var(--sub); font-size: 14px; line-height: 1.6; }
.sgd-empty-actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 16px; }

.sgd-domain { display: grid; gap: 14px; background: linear-gradient(135deg, #fff7ef 0%, #ffffff 70%); }
.sgd-domain h2 { font-size: 17px; font-weight: 700; }
.sgd-domain p { margin-top: 4px; color: var(--sub); font-size: 14px; }
.sgd-domain-form { display: flex; gap: 10px; flex-wrap: wrap; }
.sgd-domain-input { position: relative; flex: 1 1 260px; }
.sgd-domain-input i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #a89c92; font-size: 14px; }
.sgd-domain-input input, .sgd-kb input {
    width: 100%; height: 42px; padding: 0 14px 0 40px !important; border: 1px solid var(--line) !important; border-radius: 10px !important;
    background: #fff !important; font-size: 14px; color: var(--ink); box-shadow: none !important; outline: none;
}
.sgd-domain-input input:focus, .sgd-kb input:focus { border-color: var(--sg-primary) !important; box-shadow: 0 0 0 3px rgba(232, 89, 12, .12) !important; }

.sgd-account-top { display: flex; align-items: center; gap: 12px; }
.sgd-account-top b { display: block; font-size: 15.5px; }
.sgd-account-top span { display: block; font-size: 13px; color: var(--sub); word-break: break-all; }
.sgd-avatar { flex: 0 0 46px; height: 46px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--sg-primary); color: #fff; font-weight: 700; font-size: 16px; text-transform: uppercase; }
.sgd-account-meta { margin: 16px 0 0; display: grid; gap: 0; border-top: 1px solid #f3eee9; }
.sgd-account-meta > div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f3eee9; font-size: 13.5px; }
.sgd-account-meta dt { font-weight: 500; color: var(--sub); }
.sgd-account-meta dd { margin: 0; font-weight: 600; text-align: right; }
.sgd-account-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 14px; }
.sgd-account-links a {
    display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 4px; border: 1px solid var(--line); border-radius: 10px;
    font-size: 12.5px; font-weight: 600; color: var(--ink) !important; text-decoration: none !important;
}
.sgd-account-links a i { color: var(--sg-primary); font-size: 14px; }
.sgd-account-links a:hover { background: var(--soft); }

.sgd-wallet { background: linear-gradient(140deg, #2a1408 0%, #7c2d12 100%); border: 0; color: #fff; }
.sgd-wallet-top { display: flex; flex-direction: column; gap: 4px; }
.sgd-wallet-label { font-size: 13px; color: #fcd9bd; font-weight: 600; }
.sgd-wallet-label i { margin-right: 4px; }
.sgd-wallet-amount { font-size: 28px; font-weight: 800; color: #fff; }
.sgd-wallet p { margin: 8px 0 14px; color: #f5d0b5; font-size: 13.5px; line-height: 1.5; }

.sgd-kb { position: relative; margin-top: 14px; }
.sgd-kb i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #a89c92; font-size: 13px; }

@media (max-width: 1100px) { .sgd-grid { grid-template-columns: minmax(0, 1fr) 300px; } }
@media (max-width: 991px) {
    .sgd-grid { grid-template-columns: 1fr; }
    .sgd-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .sgd-kpis { grid-template-columns: 1fr; }
    .sgd-hero h1 { font-size: 23px; }
    .sgd-hero-actions, .sgd-hero-actions .sgd-btn { width: 100%; }
}
.sgd-cap { text-transform: capitalize; }
.sgd .sgd-avatar { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px; line-height: 1 !important; font-size: 16px !important; color: #fff !important; }
.sgd-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
@media (max-width: 767px) { .sgd-pair { grid-template-columns: 1fr; } }
@media (max-width: 520px) {
    .sgd-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .sgd-kpi { grid-template-columns: 1fr; padding: 14px; }
    .sgd-kpi-ico { grid-row: auto; width: 34px; height: 34px; margin-bottom: 8px; font-size: 14px; }
    .sgd-kpi-num { font-size: 22px; }
    .sgd-hero-actions { flex-direction: column-reverse; }
    .sgd-card { padding: 16px; }
}

/* ===== Services list (clientareaproducts.tpl) ===== */
.sgl-card { padding: 0 !important; overflow: hidden; }
.sgl-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 16px 20px; border-bottom: 1px solid var(--line); }
.sgl-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.sgl-tab { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--sub); font-size: 14px; font-weight: 600; cursor: pointer; transition: all .15s; outline: none !important; }
.sgl-tab span { display: inline-flex !important; align-items: center; justify-content: center; min-width: 22px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--soft); color: var(--sub); font-size: 12px !important; font-weight: 700; }
.sgl-tab:hover { border-color: var(--sg-primary); color: var(--sg-primary); }
.sgl-tab.is-active { background: var(--sg-primary); border-color: var(--sg-primary); color: #fff; }
.sgl-tab.is-active span { background: rgba(255,255,255,.22); color: #fff; }
.sgl-search { position: relative; margin: 0; flex: 0 1 300px; font-weight: 400; }
.sgl-search i { position: absolute; left: 13px; top: 50% !important; margin-top: 0 !important; transform: translateY(-50%); color: #a8a29e; font-size: 13px; }
.sgl-search input { width: 100%; height: 38px; padding: 0 12px 0 36px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); font-size: 14px; outline: none !important; box-shadow: none !important; }
.sgl-search input:focus { background: #fff; border-color: var(--sg-primary); box-shadow: 0 0 0 3px rgba(232,89,12,.12) !important; }

.sgl-head, .sgl-row { display: grid; grid-template-columns: minmax(0, 2.4fr) 1.1fr 1fr 1fr 136px; align-items: center; gap: 16px; padding: 0 20px; }
.sgl-head { height: 40px; background: var(--soft); color: var(--sub); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.sgl-head span { font-size: 12px !important; }
.sgl-list { list-style: none; margin: 0; padding: 0; }
.sgl-row { min-height: 72px; border-top: 1px solid var(--line); transition: background .15s; }
.sgl-row:first-child { border-top: 0; }
.sgl-row:hover { background: #fffaf6; }
.sgl-row[hidden] { display: none; }
.sgl-main { display: flex; align-items: center; gap: 12px; min-width: 0; color: var(--ink) !important; text-decoration: none !important; outline: none !important; }
.sgl-ico { flex: 0 0 40px; display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--sg-tint); color: var(--sg-primary); font-size: 15px !important; }
.sgl-ico i { margin: 0 !important; }
.sgl-ico-suspended { background: #fef3c7; color: #b45309; }
.sgl-ico-terminated, .sgl-ico-cancelled, .sgl-ico-fraud { background: #f1f0ef; color: #78716c; }
.sgl-name { display: flex !important; flex-direction: column; min-width: 0; }
.sgl-name b { font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgl-name small, .sgl-cell small { color: var(--sub); font-size: 13px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgl-cell { display: flex !important; flex-direction: column; font-size: 14px !important; color: var(--ink); }
.sgl-cell b { font-weight: 700; }
.sgl-badge { display: inline-flex !important; align-items: center; gap: 6px; width: max-content; padding: 4px 10px; border-radius: 999px; font-size: 12px !important; font-weight: 700; background: #f1f0ef; color: #57534e; }
.sgl-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.sgl-badge-active { background: #dcfce7; color: #15803d; }
.sgl-badge-pending { background: #e0f2fe; color: #0369a1; }
.sgl-badge-suspended { background: #fef3c7; color: #b45309; }
.sgl-badge-fraud { background: #fee2e2; color: #b91c1c; }
.sgl-actions { display: flex; align-items: center; gap: 8px; justify-content: flex-end; }
.sgl-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 10px; color: var(--sub) !important; outline: none !important; }
.sgl-icon-btn:hover { color: var(--sg-primary) !important; border-color: var(--sg-primary); }
.sgl-manage { height: 36px; padding: 0 14px; font-size: 13px; }
.sgl-none { padding: 40px 20px; text-align: center; color: var(--sub); }
.sgl-none i { font-size: 22px; margin-bottom: 8px; color: #d6d3d1; }
.sgl-empty { padding: 56px 24px !important; }
.sgl-empty p { max-width: 460px; margin-left: auto; margin-right: auto; }
.sgl-help { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; margin-top: 18px; color: var(--sub); font-size: 14px; }
.sgl-help i { margin-right: 6px; color: var(--sg-primary); }
.sgl-help a { color: var(--sg-primary) !important; font-weight: 600; outline: none !important; }

@media (max-width: 860px) {
    .sgl-head { display: none; }
    .sgl-row { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 12px; padding: 16px; }
    .sgl-main { grid-column: 1 / -1; }
    .sgl-cell::before { content: attr(data-label); color: var(--sub); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 2px; }
    .sgl-actions { grid-column: 1 / -1; justify-content: stretch; }
    .sgl-manage { flex: 1; }
    .sgl-search { flex: 1 1 100%; }
}

/* ===== Cart domain pages: full-bleed hero matching the homepage ===== */
html, body { overflow-x: clip; }
.sg-cart-page { padding-top: 0 !important; }
.sg-cart-page .sg-page-hero {
    width: 100vw; max-width: 100vw !important;
    margin: -20px 0 36px calc(50% - 50vw) !important;
    padding: 72px max(20px, calc((100vw - 920px) / 2)) 64px !important;
    border-radius: 0 !important;
}
.sg-cart-page .sg-page-hero h1 { max-width: 820px; font-size: clamp(1.9rem, 4.2vw, 3.1rem); line-height: 1.15; }
@media (max-width: 767px) { .sg-cart-page .sg-page-hero { padding: 48px 20px 44px !important; } }

/* ===== Header: logged-in account button and profile card ===== */
#header .navbar .accouting-h.sg-acct-btn {
    width: auto; height: 42px; gap: 10px; padding: 0 12px 0 4px;
    border-radius: 999px; background: #fff !important; border: 1px solid var(--sg-border);
    color: var(--sg-text) !important; text-decoration: none !important; outline: none !important;
    transition: border-color .15s, box-shadow .15s;
}
#header .navbar .accouting-h.sg-acct-btn:hover,
#header .sg-account.open .accouting-h.sg-acct-btn { border-color: var(--sg-primary); box-shadow: 0 0 0 3px var(--sg-tint-2); }
#header .sg-acct-av {
    display: inline-flex !important; flex: 0 0 auto; align-items: center; justify-content: center;
    width: 34px; height: 34px; border-radius: 50%;
    background: linear-gradient(135deg, #c2410c, #f08c00); color: #fff !important;
    font-size: 13px !important; font-weight: 800; letter-spacing: .02em; line-height: 1 !important;
}
#header .sg-acct-av-lg { width: 46px; height: 46px; font-size: 16px !important; }
#header .sg-acct-name { display: flex !important; flex-direction: column; align-items: flex-start; line-height: 1.15 !important; }
#header .sg-acct-name small { color: var(--sg-muted); font-size: 11px !important; font-weight: 600; }
#header .sg-acct-name b { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--sg-text); font-size: 14px !important; font-weight: 700; }
#header .sg-acct-caret { margin: 0 !important; color: var(--sg-muted); font-size: 10px !important; transition: transform .15s; }
#header .sg-account.open .sg-acct-caret { transform: rotate(180deg); }
#header .sg-account .infonexsheader { left: auto !important; right: -6px !important; top: -6px !important; z-index: 2; }
#header .sg-acct-head { display: flex; align-items: center; gap: 12px; padding: 18px 20px; background: linear-gradient(125deg, #9a3412 0%, #e8590c 70%, #f08c00 100%); color: #fff; }
#header .sg-acct-head .sg-acct-av { background: rgba(255,255,255,.2); border: 2px solid rgba(255,255,255,.55); }
#header .sg-acct-who { display: flex; flex-direction: column; min-width: 0; }
#header .sg-acct-who b { font-size: 16px; font-weight: 800; line-height: 1.25; }
#header .sg-acct-who span, #header .sg-acct-who small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #ffedd5; font-size: 13px !important; }
#header .sg-acct-who small { margin-top: 2px; color: #fed7aa; font-size: 12px !important; }
@media (max-width: 1239px) {
    #header .navbar .accouting-h.sg-acct-btn { padding: 0 3px; gap: 0; }
    #header .sg-acct-name, #header .sg-acct-caret { display: none !important; }
}
.sg-hello { display: block; margin: -4px 0 10px; color: #fff7ed; font-size: 15px; font-weight: 600; }
.sg-hello b { color: #fff; font-weight: 800; }
@media (min-width: 1200px) {
    #header nav.navbar > .navbar-brand { flex: 0 0 auto; margin-left: auto !important; margin-right: 22px !important; }
    #header nav.navbar > .navbar-offcanvas { flex: 0 1 auto; min-width: 0; margin-left: 0 !important; }
    #header nav.navbar > .account-place-header-nav { flex: 0 0 auto; padding-left: 6px !important; }
    #header .navbar-offcanvas .navbar-nav { padding-left: 0 !important; justify-content: center; }
    #header .navbar .navbar-nav > li > a { margin-left: 3px !important; margin-right: 3px !important; padding-left: 10px !important; padding-right: 10px !important; }
}

/* ===== Invoices list (clientareainvoices.tpl) ===== */
.sgl-head.sgl-inv, .sgl-row.sgl-inv { grid-template-columns: minmax(0, 1.5fr) 1fr 1fr 1fr 1fr 150px; }
.sgl-alert { margin-bottom: 20px; }
.sgl-alert .sgd-btn { margin-left: auto; }
.sgl-ico-unpaid { background: #fef3c7; color: #b45309; }
.sgl-ico-overdue, .sgl-ico-collections { background: #fee2e2; color: #b91c1c; }
.sgl-ico-paid { background: #dcfce7; color: #15803d; }
.sgl-ico-refunded { background: #e0f2fe; color: #0369a1; }
.sgl-badge-paid { background: #dcfce7; color: #15803d; }
.sgl-badge-unpaid { background: #fef3c7; color: #b45309; }
.sgl-badge-overdue, .sgl-badge-collections { background: #fee2e2; color: #b91c1c; }
.sgl-badge-refunded { background: #e0f2fe; color: #0369a1; }
@media (max-width: 860px) {
    .sgl-head.sgl-inv { display: none; }
    .sgl-row.sgl-inv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ===== Support tickets list (supportticketslist.tpl) ===== */
.sgl-head.sgl-tkt, .sgl-row.sgl-tkt { grid-template-columns: minmax(0, 2.6fr) 1.2fr 1.3fr 1fr 110px; }
.sgl-row.is-unread .sgl-name b { color: var(--sg-primary); }
.sgl-row.is-unread { box-shadow: inset 3px 0 0 var(--sg-primary); }
.sgl-name small em { font-style: normal; font-weight: 700; color: var(--sg-primary); }
.sgl-ico-t-answered { background: #dcfce7; color: #15803d; }
.sgl-ico-t-customer-reply, .sgl-ico-t-in-progress { background: #e0f2fe; color: #0369a1; }
.sgl-ico-t-on-hold { background: #fef3c7; color: #b45309; }
.sgl-ico-t-closed { background: #f1f0ef; color: #78716c; }
.sgl-badge-t-open { background: var(--sg-tint); color: var(--sg-primary); }
.sgl-badge-t-answered { background: #dcfce7; color: #15803d; }
.sgl-badge-t-customer-reply, .sgl-badge-t-in-progress { background: #e0f2fe; color: #0369a1; }
.sgl-badge-t-on-hold { background: #fef3c7; color: #b45309; }
@media (max-width: 860px) {
    .sgl-head.sgl-tkt { display: none; }
    .sgl-row.sgl-tkt { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ===== Account settings (tabs + contacts) ===== */
.sga-tabs { display: flex; gap: 4px; margin: 0 0 22px; padding: 4px; overflow-x: auto; background: #fff; border: 1px solid var(--line); border-radius: 12px; scrollbar-width: none; }
.sga-tabs::-webkit-scrollbar { display: none; }
.sga-tabs a { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; height: 40px; padding: 0 16px; border-radius: 9px; color: var(--sub) !important; font-size: 14px; font-weight: 600; text-decoration: none !important; white-space: nowrap; outline: none !important; transition: background .15s, color .15s; }
.sga-tabs a i { font-size: 14px; margin: 0 !important; }
.sga-tabs a:hover { background: var(--soft); color: var(--ink) !important; }
.sga-tabs a.is-active { background: var(--sg-tint); color: var(--sg-primary) !important; }
.sga-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 20px; align-items: start; }
.sga .sgd-card { padding: 20px; }
.sga-people { position: sticky; top: 96px; }
.sga-people .sgd-card-head { margin-bottom: 12px; }
.sga-count { display: inline-flex !important; align-items: center; justify-content: center; min-width: 22px; height: 20px; margin-left: 6px; padding: 0 6px; border-radius: 999px; background: var(--soft); color: var(--sub); font-size: 12px !important; font-weight: 700; vertical-align: middle; }
.sga-people-form { margin: 0; }
.sga-people-list { list-style: none; margin: 0 0 14px; padding: 0; }
.sga-people-list button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px; border: 1px solid transparent; border-radius: 10px; background: transparent; text-align: left; cursor: pointer; outline: none !important; transition: background .15s, border-color .15s; }
.sga-people-list button:hover { background: var(--soft); }
.sga-people-list button.is-active { background: var(--sg-tint); border-color: var(--sg-tint-2); }
.sga-people-list button > i { margin: 0 0 0 auto !important; color: #c4bcb5; font-size: 11px; }
.sga-av { display: inline-flex !important; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #c2410c, #f08c00); color: #fff !important; font-size: 14px !important; font-weight: 800; }
.sga-person { display: flex !important; flex-direction: column; min-width: 0; }
.sga-person b { color: var(--ink); font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sga-person small { color: var(--sub); font-size: 12px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sga-people-empty { padding: 14px; border: 1px dashed var(--line); border-radius: 10px; color: var(--sub); font-size: 13px; line-height: 1.5; text-align: center; }
.sga-form { padding: 0 !important; overflow: hidden; }
.sga-form-head { padding: 20px 24px; border-bottom: 1px solid var(--line); }
.sga-form-head h2 { margin: 0; font-size: 18px; font-weight: 800; text-transform: capitalize; }
.sga-form-head p { margin: 4px 0 0; color: var(--sub); font-size: 14px; }
.sga-section { margin: 0; padding: 20px 24px 6px; border: 0; border-bottom: 1px solid var(--line); min-width: 0; }
.sga-section legend { display: flex; align-items: center; gap: 8px; width: auto; margin: 0 0 14px; padding: 0; border: 0; color: var(--ink); font-size: 15px; font-weight: 800; }
.sga-section legend i { margin: 0 !important; color: var(--sg-primary); font-size: 14px; }
.sga-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.sga .form-group { margin-bottom: 16px; }
.sga .control-label { display: block; margin-bottom: 6px; color: var(--ink); font-size: 13px; font-weight: 700; }
.sga .form-control { height: 44px !important; padding: 0 14px !important; border: 1px solid var(--line) !important; border-radius: 10px !important; background: #fff !important; color: var(--ink) !important; font-size: 14px !important; box-shadow: none !important; outline: none !important; transition: border-color .15s, box-shadow .15s; }
.sga .form-control:focus { border-color: var(--sg-primary) !important; box-shadow: 0 0 0 3px rgba(232,89,12,.12) !important; }
.sga .intl-tel-input, .sga .iti { display: block; width: 100%; }
.sga .intl-tel-input .form-control, .sga .iti .form-control { padding-left: 84px !important; }
.sga-prefs { display: grid; gap: 10px; padding-bottom: 14px; }
.sga-pref { display: flex !important; align-items: center; gap: 16px; margin: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; font-weight: 400; cursor: pointer; transition: border-color .15s, background .15s; }
.sga-pref:hover { border-color: var(--sg-tint-2); background: #fffaf6; }
.sga-pref-text { display: flex !important; flex-direction: column; min-width: 0; }
.sga-pref-text b { color: var(--ink); font-size: 14px; font-weight: 700; }
.sga-pref-text small { color: var(--sub); font-size: 13px !important; }
.sga-switch { -webkit-appearance: none; appearance: none; position: relative; flex: 0 0 42px; width: 42px; height: 24px; margin: 0 0 0 auto !important; border-radius: 999px; background: #d6d3d1; cursor: pointer; outline: none !important; transition: background .2s; }
.sga-switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .2s; }
.sga-switch:checked { background: var(--sg-primary); }
.sga-switch:checked::after { transform: translateX(18px); }
.sga-switch:focus-visible { box-shadow: 0 0 0 3px rgba(232,89,12,.25); }
.sga-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 16px 24px; background: var(--soft); }
.sga-actions-right { display: flex !important; gap: 10px; margin-left: auto; }
.sga-btn-delete { background: transparent; border-color: transparent; color: #b91c1c !important; }
.sga-btn-delete:hover { background: #fee2e2; }
@media (max-width: 991px) {
    .sga-layout { grid-template-columns: 1fr; }
    .sga-people { position: static; }
}
@media (max-width: 600px) {
    .sga-grid { grid-template-columns: 1fr; }
    .sga-section, .sga-form-head, .sga-actions { padding-left: 16px; padding-right: 16px; }
    .sga-actions-right { width: 100%; }
    .sga-actions-right .sgd-btn { flex: 1; }
}
.sga-section { padding-top: 20px; }
.sga .sga-sec-title { display: flex; align-items: center; gap: 8px; margin: 0 0 16px !important; line-height: 1.3 !important; color: var(--ink); font-size: 15px; font-weight: 800; }
.sga-sec-title i { margin: 0 !important; color: var(--sg-primary); font-size: 14px; }
.sga-form-head { position: relative; }
.sga-form-head .sg-req-note { position: absolute; top: 22px; right: 24px; margin: 0; color: var(--sub); font-size: 12px; }
.sga-form-head .sg-req-note span { color: #dc2626; }
@media (max-width: 600px) { .sga-form-head .sg-req-note { position: static; margin-top: 6px; } }

/* ===== Shared client-area shell (header.tpl $sgShell): hero + tabs + content card + aside ===== */
.sgs-hero { align-items: flex-start; }
.sgs-crumbs .breadcrumb { margin: 6px 0 0; padding: 0; background: transparent; font-size: 13px; }
.sgs-crumbs .breadcrumb > li + li:before { color: #c4bcb5; }
.sgs-crumbs .breadcrumb a { color: var(--sub) !important; }
.sgs-crumbs .breadcrumb .active { color: var(--ink); font-weight: 600; }
.sgs-tabs .list-group-item { position: static; display: inline-flex; margin: 0 !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; box-shadow: none !important; }
.sgs-tabs .list-group-item.active, .sgs-tabs .list-group-item.is-active { background: var(--sg-tint) !important; color: var(--sg-primary) !important; }
.sgs-tabs .list-group-item:hover { background: var(--soft) !important; }
.sgs-tabs .list-group-item.disabled { opacity: .5; pointer-events: none; }
.sgs-tabs .badge { margin-left: 6px; padding: 2px 7px; border-radius: 999px; background: var(--sg-primary) !important; color: #fff !important; font-size: 11px; }
.sgs-tabs i.fa-circle, .sgs-tabs i.far.fa-circle, .sgs-tabs i.fa-dot-circle { display: none; }
.sgs-layout { display: block; }
.sgs-layout.has-aside { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; align-items: start; }
.sgs-main { min-width: 0; padding: 28px !important; background: #fff; border: 1px solid var(--line); border-radius: 14px; float: none !important; width: auto !important; }
.sgs-main > *:last-child { margin-bottom: 0; }
.sgs-main h2, .sgs-main h3 { color: var(--ink); font-weight: 800; }
.sgs-main h3 { font-size: 18px; margin: 4px 0 14px; }

/* forms: stacked labels, consistent inputs */
.sgs-main .form-horizontal .form-group { display: block; margin: 0 0 18px !important; }
.sgs-main .form-horizontal .form-group::before, .sgs-main .form-horizontal .form-group::after { display: none; }
.sgs-main .form-horizontal .control-label { float: none !important; display: block; width: 100% !important; max-width: 560px; margin: 0 0 6px; padding: 0 !important; text-align: left !important; }
.sgs-main .form-horizontal .form-group > [class*="col-"] { float: none !important; width: 100% !important; max-width: 560px; margin-left: 0 !important; padding: 0 !important; }
.sgs-main .form-horizontal .form-group > [class*="col-"] + [class*="col-"] { margin-top: 10px; }
.sgs-main .control-label, .sgs-main label:not(.sga-pref):not(.checkbox-inline):not(.radio-inline) { color: var(--ink); font-size: 13px; font-weight: 700; }
.sgs-main .form-control { height: 44px; padding: 0 14px; border: 1px solid var(--line) !important; border-radius: 10px !important; background: #fff !important; color: var(--ink) !important; font-size: 14px; box-shadow: none !important; outline: none !important; transition: border-color .15s, box-shadow .15s; }
.sgs-main textarea.form-control { height: auto; min-height: 120px; padding: 12px 14px; }
.sgs-main select.form-control[multiple] { height: auto; }
.sgs-main .form-control:focus { border-color: var(--sg-primary) !important; box-shadow: 0 0 0 3px rgba(232,89,12,.12) !important; }
.sgs-main .input-group .form-control { border-radius: 10px 0 0 10px !important; }
.sgs-main .input-group-btn .btn, .sgs-main .input-group-addon { height: 44px; border-color: var(--line); }
.sgs-main .has-feedback .form-control-feedback { top: 0; height: 44px; line-height: 44px; }
.sgs-main .text-center:has(> .btn) { text-align: left; }
.sgs-main form > .form-group:last-child:has(.btn) { margin-top: 8px !important; padding-top: 20px; border-top: 1px solid var(--line); }

/* buttons */
.sgs-main .btn, .sgs-aside .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 18px; border-radius: 10px !important; font-size: 14px; font-weight: 700; box-shadow: none !important; outline: none !important; text-shadow: none; transition: background .15s, border-color .15s, color .15s; }
.sgs-main .btn-sm, .sgs-aside .btn-sm, .sgs-main .btn-xs, .sgs-aside .btn-xs { min-height: 32px; padding: 0 12px; font-size: 13px; }
.sgs-main .btn-primary, .sgs-main .btn-success, .sgs-aside .btn-primary, .sgs-aside .btn-success { background: var(--sg-primary) !important; border: 1px solid var(--sg-primary) !important; color: #fff !important; opacity: 1; }
.sgs-main .btn-primary:hover, .sgs-main .btn-success:hover, .sgs-aside .btn-primary:hover, .sgs-aside .btn-success:hover { background: var(--sg-primary-hover, #c2410c) !important; border-color: var(--sg-primary-hover, #c2410c) !important; }
.sgs-main .btn-primary[disabled], .sgs-main .btn-primary.disabled { opacity: .55; }
.sgs-main .btn-default, .sgs-main .btn-info, .sgs-aside .btn-default, .sgs-aside .btn-info { background: #fff !important; border: 1px solid var(--line) !important; color: var(--ink) !important; }
.sgs-main .btn-default:hover, .sgs-main .btn-info:hover, .sgs-aside .btn-default:hover, .sgs-aside .btn-info:hover { border-color: var(--sg-primary) !important; color: var(--sg-primary) !important; }
.sgs-main .btn-danger, .sgs-aside .btn-danger { background: #fff !important; border: 1px solid #fecaca !important; color: #b91c1c !important; }
.sgs-main .btn-danger:hover, .sgs-aside .btn-danger:hover { background: #fee2e2 !important; }
.sgs-main .btn-link { color: var(--sg-primary) !important; }

/* alerts, panels, wells */
.sgs-main .alert { padding: 14px 16px; border: 1px solid var(--line); border-left-width: 4px; border-radius: 12px; background: #fff; color: var(--ink); font-size: 14px; }
.sgs-main .alert-info { border-color: #bae6fd; border-left-color: #0284c7; background: #f0f9ff; color: #075985; }
.sgs-main .alert-success { border-color: #bbf7d0; border-left-color: #16a34a; background: #f0fdf4; color: #166534; }
.sgs-main .alert-warning { border-color: #fde68a; border-left-color: #d97706; background: #fffbeb; color: #92400e; }
.sgs-main .alert-danger { border-color: #fecaca; border-left-color: #dc2626; background: #fef2f2; color: #991b1b; }
.sgs-main .alert strong, .sgs-main .alert b { color: inherit; }
.sgs-main .panel { border: 1px solid var(--line) !important; border-radius: 12px !important; box-shadow: none !important; overflow: hidden; }
.sgs-main .panel > .panel-heading { padding: 14px 18px; border-bottom: 1px solid var(--line) !important; background: var(--soft) !important; color: var(--ink) !important; }
.sgs-main .panel > .panel-heading .panel-title { color: var(--ink) !important; font-size: 15px; font-weight: 800; }
.sgs-main .panel > .panel-body { padding: 18px; }
.sgs-main .panel > .panel-footer { border-top: 1px solid var(--line); background: #fff; }
.sgs-main .well { border: 1px solid var(--line); border-radius: 12px; background: var(--soft); box-shadow: none; }
.sgs-main .progress { height: 8px; border-radius: 999px; background: var(--soft); box-shadow: none; }

/* tables (incl. DataTables lists) */
.sgs-main .table { margin-bottom: 0; }
.sgs-main .table > thead > tr > th { padding: 12px 14px; border-bottom: 1px solid var(--line) !important; background: var(--soft) !important; color: var(--sub) !important; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.sgs-main .table > tbody > tr > td { padding: 14px; border-top: 1px solid var(--line) !important; vertical-align: middle; color: var(--ink); font-size: 14px; }
.sgs-main .table-list > tbody > tr:hover > td { background: #fffaf6 !important; cursor: pointer; }
.sgs-main .table-container, .sgs-main .dataTables_wrapper { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; }
.sgs-main .dataTables_wrapper .listtable { margin: 0; }
.sgs-main .dataTables_wrapper .dataTables_info, .sgs-main .dataTables_wrapper .dataTables_filter { background: transparent !important; color: var(--sub) !important; }

/* aside cards (non-navigation sidebar panels) */
.sgs-aside { display: grid; gap: 16px; min-width: 0; }
.sgs-panel { padding: 0 !important; overflow: hidden; margin: 0 !important; }
.sgs-panel-head { padding: 14px 18px; border-bottom: 1px solid var(--line); }
.sgs-panel-head h3 { display: flex; align-items: center; gap: 8px; margin: 0 !important; color: var(--ink); font-size: 15px !important; font-weight: 800; }
.sgs-panel-head h3 i { margin: 0 !important; color: var(--sg-primary); font-size: 14px; }
.sgs-panel-head .badge { margin-left: auto; background: var(--sg-tint) !important; color: var(--sg-primary) !important; }
.sgs-panel-body { padding: 16px 18px; color: var(--ink); font-size: 14px; line-height: 1.6; }
.sgs-panel-foot { padding: 12px 18px; border-top: 1px solid var(--line); background: var(--soft); }
.sgs-links { margin: 0; padding: 6px; }
.sgs-links .list-group-item { display: flex !important; align-items: center; gap: 10px; margin: 0 !important; padding: 10px 12px !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; color: var(--ink) !important; font-size: 14px; font-weight: 500; text-decoration: none !important; outline: none !important; }
.sgs-links a.list-group-item:hover { background: var(--soft) !important; color: var(--sg-primary) !important; }
.sgs-links .list-group-item.active { background: var(--sg-tint) !important; color: var(--sg-primary) !important; font-weight: 700; }
.sgs-links .list-group-item i { width: 16px; margin: 0 !important; color: var(--sub); text-align: center; }
.sgs-links .list-group-item .badge { margin-left: auto; background: var(--soft) !important; color: var(--sub) !important; }

@media (max-width: 991px) {
    .sgs-layout.has-aside { grid-template-columns: 1fr; }
    .sgs-crumbs { display: none; }
}
@media (max-width: 600px) {
    .sgs-main { padding: 18px !important; }
}
.sgs-main input.btn, .sgs-main button.btn, .sgs-main a.btn { border-radius: 10px !important; }

/* ===== Domains list (clientareadomains.tpl) ===== */
.sgl-head.sgl-dom, .sgl-row.sgl-dom { grid-template-columns: 22px minmax(0, 2.2fr) 1fr 1fr 1fr 1fr 170px; }
.sgl-check { width: 16px; height: 16px; margin: 0 !important; accent-color: var(--sg-primary); cursor: pointer; }
.sgl-bulk { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fffaf6; }
.sgl-bulk[hidden] { display: none; }
.sgl-bulk > span { margin-right: 6px; color: var(--sub); font-size: 14px; }
.sgl-bulk .sgd-btn { height: 34px; padding: 0 12px; font-size: 13px; }
.sgl-on { color: #15803d; font-weight: 600; }
.sgl-off { color: var(--sub); }
.sgl-on i, .sgl-off i { margin-right: 4px; }
.sgl-soon { font-style: normal; font-weight: 700; color: #b45309; }
.sgl-badge-expired, .sgl-badge-redemption { background: #fee2e2; color: #b91c1c; }
.sgl-badge-grace { background: #fef3c7; color: #b45309; }
.sgl-badge-pending-transfer { background: #e0f2fe; color: #0369a1; }
.sgl-ico-expired, .sgl-ico-redemption { background: #fee2e2; color: #b91c1c; }
.sgl-ico-grace { background: #fef3c7; color: #b45309; }
.sgl-ico-pending-transfer, .sgl-ico-pending { background: #e0f2fe; color: #0369a1; }
.sgl-ico-transferred-away { background: #f1f0ef; color: #78716c; }
@media (max-width: 860px) {
    .sgl-head.sgl-dom { display: none; }
    .sgl-row.sgl-dom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sgl-row.sgl-dom > span:first-child { display: none; }
}

/* shell content: headings, knowledgebase, announcements, downloads */
.sgs-main h2 { margin: 28px 0 14px !important; font-size: 20px !important; line-height: 1.3 !important; letter-spacing: -.01em; }
.sgs-main > h2:first-child, .sgs-main > form:first-child + h2 { margin-top: 0 !important; }
.sgs-main > form:first-child + h2 { margin-top: 24px !important; }
.sgs-main .kb-search { display: flex; width: 100%; }
.sgs-main .kb-search .form-control { flex: 1; height: 50px !important; padding: 0 16px !important; border-radius: 12px 0 0 12px !important; font-size: 15px !important; }
.sgs-main .kb-search .input-group-btn { width: auto; }
.sgs-main .kb-search .btn { height: 50px; min-height: 50px; padding: 0 24px; border-radius: 0 12px 12px 0 !important; }
.sgs-main .kbcategories, .sgs-main .kbcategories ~ .row { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin: 0 0 12px !important; }
.sgs-main .kbcategories::before, .sgs-main .kbcategories::after, .sgs-main .kbcategories ~ .row::before, .sgs-main .kbcategories ~ .row::after { display: none; }
.sgs-main .kbcategories > [class*="col-"], .sgs-main .kbcategories ~ .row > [class*="col-"] { float: none; width: auto; padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; transition: border-color .15s, box-shadow .15s; }
.sgs-main .kbcategories > [class*="col-"]:hover, .sgs-main .kbcategories ~ .row > [class*="col-"]:hover { border-color: var(--sg-tint-2); box-shadow: 0 6px 18px rgba(28,25,23,.06); }
.sgs-main .kbcategories a:first-child, .sgs-main .kbcategories ~ .row a:first-child { display: inline-flex; align-items: center; gap: 8px; color: var(--ink) !important; font-size: 15px; font-weight: 700; text-decoration: none !important; }
.sgs-main .kbcategories a:first-child i, .sgs-main .kbcategories a:first-child .glyphicon { color: var(--sg-primary); }
.sgs-main .kbcategories p, .sgs-main .kbcategories ~ .row p { margin: 6px 0 0; color: var(--sub); font-size: 13px; line-height: 1.5; }
.sgs-main .kbarticles { border: 1px solid var(--line); border-radius: 12px; padding: 4px 18px 16px; }
.sgs-main .kbarticles > a:not(.admin-inline-edit) { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--ink) !important; font-size: 15px; font-weight: 700; text-decoration: none !important; }
.sgs-main .kbarticles > a:not(.admin-inline-edit):first-child { border-top: 0; }
.sgs-main .kbarticles > a:not(.admin-inline-edit):hover { color: var(--sg-primary) !important; }
.sgs-main .kbarticles > a .glyphicon, .sgs-main .kbarticles > a i { color: var(--sg-primary); font-size: 13px; }
.sgs-main .kbarticles p { margin: 4px 0 0 22px; color: var(--sub); font-size: 13px; line-height: 1.5; }
.sgs-main .admin-inline-edit { margin-left: 6px; color: #a8a29e !important; font-size: 12px; font-weight: 500; }
#main-body .sgs-main .kb-search .btn, #main-body .sgs-main .kb-search input[type="submit"] { height: 50px !important; border-radius: 0 12px 12px 0 !important; margin: 0 !important; }
#main-body .sgs-main .kb-search .form-control { margin: 0 !important; }

/* ticket submit: department cards */
.sgt-step h3 { margin: 0 0 6px !important; font-size: 18px; }
.sgt-lead { margin: 0 0 20px; color: var(--sub); font-size: 14px; }
.sgt-lead a { color: var(--sg-primary) !important; font-weight: 600; }
.sgt-depts { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.sgt-dept { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink) !important; text-decoration: none !important; outline: none !important; transition: border-color .15s, box-shadow .15s, transform .15s; }
.sgt-dept:hover { border-color: var(--sg-primary); box-shadow: 0 8px 22px rgba(232,89,12,.10); transform: translateY(-1px); }
.sgt-dept-ico { display: inline-flex !important; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--sg-tint); color: var(--sg-primary); font-size: 17px !important; }
.sgt-dept-ico i { margin: 0 !important; }
.sgt-dept-text { display: flex !important; flex-direction: column; min-width: 0; }
.sgt-dept-text b { font-size: 15px; font-weight: 800; }
.sgt-dept-text small { margin-top: 2px; color: var(--sub); font-size: 13px !important; line-height: 1.45; }
.sgt-dept-go { margin: 0 0 0 auto !important; color: #c4bcb5; font-size: 13px; transition: color .15s, transform .15s; }
.sgt-dept:hover .sgt-dept-go { color: var(--sg-primary); transform: translateX(3px); }
.sgs-panel-body .client-ticket-list, .sgs-panel .list-group-item small { color: var(--sub); }
#main-body .sgs-main .btn, #main-body .sgs-aside .btn { border-radius: 10px !important; }
.sgs-main form .row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 18px; margin-left: 0 !important; margin-right: 0 !important; }
.sgs-main form .row::before, .sgs-main form .row::after { display: none; }
.sgs-main form .row > [class*="col-"] { float: none; width: auto !important; max-width: none; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; }
.sgs-main form .row > .col-xs-12:not([class*="col-sm-"]):not([class*="col-md-"]), .sgs-main form .row > .col-sm-12, .sgs-main form .row > .col-md-12 { grid-column: 1 / -1; }
.sgs-main form .row:has(> .col-sm-6) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
@media (max-width: 767px) { .sgs-main form .row:has(> .col-sm-6) { grid-template-columns: 1fr; } }
.sgs-main .md-editor, .sgs-main .markdown-editor { border-radius: 10px; overflow: hidden; }
#main-body .sgs-main form input[type="submit"].btn, #main-body .sgs-main form button[type="submit"].btn, #main-body .sgs-main form .btn-lg.btn-primary { min-height: 44px; padding: 0 22px !important; border-radius: 10px !important; font-size: 14px !important; }
#main-body .sgs-main .btn-success { background: var(--sg-primary) !important; border-color: var(--sg-primary) !important; color: #fff !important; }
.sgs-main select.form-control { padding-right: 36px !important; line-height: normal !important; white-space: nowrap; text-overflow: ellipsis; }
html { background: var(--sg-footer) !important; }
body { background: var(--sg-bg, #faf7f4); }
#main-body .sgs-main .table-container { border: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; margin: 0 !important; }
#main-body .sgs-main table.dataTable thead th { white-space: nowrap; vertical-align: middle !important; }
/* Announcements list */
#main-body .sgs-main .announcement-single { padding: 0 0 22px; margin: 0 0 22px; border-bottom: 1px solid var(--line, #ece6e0); }
#main-body .sgs-main .announcement-single:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
#main-body .sgs-main .announcement-single .title { display: block; font-size: 20px; font-weight: 700; color: #1f1a17; margin-bottom: 8px; text-decoration: none; }
#main-body .sgs-main .announcement-single .title:hover { color: var(--sg-primary, #e8590c); }
#main-body .sgs-main .announcement-single p { color: #4b4540; font-size: 15px; line-height: 1.7; margin: 0 0 12px; }
#main-body .sgs-main .announcement-single p .label { display: inline; background: none !important; color: var(--sg-primary, #e8590c) !important; padding: 0; font-size: 14px; font-weight: 600; border-radius: 0; }
#main-body .sgs-main .article-items { color: #8a817a; font-size: 13px; display: flex; gap: 14px; align-items: center; }
#main-body .sgs-main .article-items a { color: #8a817a; }
#main-body .sgs-main .pagination, #main-body .sgs-main .pager { display: flex; gap: 8px; }
/* Ticket view */
#main-body .sgs-main .ticket-reply { border: 1px solid var(--line, #ece6e0) !important; border-radius: 12px !important; background: #fff !important; margin: 0 0 16px !important; overflow: hidden; position: relative; }
#main-body .sgs-main .ticket-reply .user { display: flex; align-items: center; gap: 10px; padding: 14px 18px !important; background: #faf7f4 !important; border-bottom: 1px solid var(--line, #ece6e0); }
#main-body .sgs-main .ticket-reply .user > i { width: 36px; height: 36px; border-radius: 50%; background: #fde7d9; color: var(--sg-primary, #e8590c); display: inline-flex; align-items: center; justify-content: center; font-size: 15px !important; margin: 0 !important; }
#main-body .sgs-main .ticket-reply .user .name { font-weight: 700; color: #1f1a17; font-size: 15px; }
#main-body .sgs-main .ticket-reply .user .type { font-size: 12px; color: #8a817a; background: #fff; border: 1px solid var(--line, #ece6e0); border-radius: 999px; padding: 2px 10px; }
#main-body .sgs-main .ticket-reply.staff .user { background: #fff4ec !important; }
#main-body .sgs-main .ticket-reply .date { position: absolute; right: 18px; top: 22px; font-size: 13px; color: #8a817a; padding: 0 !important; background: none !important; }
#main-body .sgs-main .ticket-reply .message { padding: 18px !important; font-size: 15px; line-height: 1.7; color: #2d2723; }
#main-body .sgs-main .ticket-reply .attachments { padding: 12px 18px !important; border-top: 1px dashed var(--line, #ece6e0); background: #fff !important; font-size: 13px; }
#main-body .sgs-main .ticket-reply .attachments ul { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
#main-body .sgs-main .ticket-reply .attachments li a { display: inline-flex; padding: 6px 12px; border: 1px solid var(--line, #ece6e0); border-radius: 8px; color: #2d2723; }
#main-body .sgs-main .panel-collapsable > .panel-heading { cursor: pointer; border-radius: 12px; }
#main-body .sgs-aside .btn-success { background: var(--sg-primary, #e8590c) !important; border-color: var(--sg-primary, #e8590c) !important; color: #fff !important; }
#main-body .sgs-aside .btn { border-radius: 10px !important; }
@media (min-width: 768px) { .sgs-main form .row > .col-sm-6.pull-right { grid-column: 2; grid-row: span 2; } .sgs-main form .row > .col-sm-6.pull-left { grid-column: 1; } }


/* logged-in header: more menu items + account pill must fit next to currency/lang/cart */
@media (min-width: 768px) {
    #header .navbar.header-nav-algo-coodiv:has(.sg-account) .navbar-offcanvas .navbar-nav > li > a { margin-left: 1px !important; margin-right: 1px !important; padding-left: 8px !important; padding-right: 8px !important; }
    .header-nav-algo-coodiv:has(.sg-account) .navbar-offcanvas .navbar-nav > li.sg-nav-search { margin-left: 4px !important; }
    .header-nav-algo-coodiv:has(.sg-account) .account-place-header-nav { margin-left: 10px; }
    .header-nav-algo-coodiv:has(.sg-account) .sg-account { max-width: 168px; }
}

/* order form: nameserver choice (configuredomains.tpl) */
.sg-ns-choice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 4px 0 18px; }
.sg-ns-opt { display: flex !important; gap: 10px; align-items: flex-start; margin: 0 !important; padding: 14px 16px; border: 1px solid #ece3da; border-radius: 12px; background: #fff; cursor: pointer; font-weight: 400 !important; font-size: 13.5px; line-height: 1.45; color: #57534e; transition: border-color .15s, box-shadow .15s; }
.sg-ns-opt:hover { border-color: #f5b98c; }
.sg-ns-opt:has(input:checked) { border-color: #e8590c; box-shadow: 0 0 0 3px rgba(232, 89, 12, .12); background: #fffaf5; }
.sg-ns-opt input { margin-top: 3px !important; accent-color: #e8590c; flex: 0 0 auto; }
.sg-ns-opt strong { color: #1c1917; font-size: 14px; }
.sg-ns-opt em { margin-left: 4px; padding: 1px 7px; border-radius: 999px; background: #fff4e6; color: #c2410c; font-style: normal; font-size: 11px; font-weight: 700; }
.sg-ns-status { grid-column: 1 / -1; min-height: 0; font-size: 13px; }
.sg-ns-status:empty { display: none; }
.sg-ns-status.is-ok { color: #15803d; }
.sg-ns-status.is-warn { color: #b45309; }
.sg-ns-fields input[readonly] { background: #f7f4f1 !important; color: #57534e !important; cursor: default; }
@media (max-width: 767px) { .sg-ns-choice { grid-template-columns: 1fr; } }

/* checkout: credit balance box */
#order-standard_cart .apply-credit-container { margin: 14px 0 18px !important; padding: 14px 18px !important; background: #fffaf5 !important; border: 1px solid #f5d0b0 !important; border-radius: 12px !important; color: #57534e; }
#order-standard_cart .apply-credit-container > p { margin: 0 0 8px; font-weight: 600; color: #1c1917; }
#order-standard_cart .apply-credit-container label.radio { margin: 4px 0; font-size: 13.5px; }