/* HostSA client area theme (child of Twenty-One)
   Matches www.hostsa.net: Teal #DBF2FC, Navy #072D50, Crimson #FE5C8D, Geist type, glass surfaces.
   Header and footer are the dusk navy band; content pages are light. */

:root {
  --hs-teal: #DBF2FC; --hs-navy: #072D50; --hs-navy-deep: #041D35; --hs-night: #020E1C;
  --hs-crimson: #FE5C8D; --hs-crimson-hover: #FF7AA3; --hs-icon: #D93A6C;
  --hs-ink: #072D50; --hs-muted: #4B6580; --hs-line: rgba(7,45,80,.12);
  --hs-bg: #F4FAFE;
  --hs-card: rgba(255,255,255,.82);
  --hs-shadow: 0 1px 1px rgba(7,45,80,.03), 0 4px 8px rgba(7,45,80,.04), 0 16px 32px rgba(7,45,80,.07);
  --hs-curve: cubic-bezier(0.22, 1, 0.36, 1);
  --hs-font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --hs-mono: "Geist Mono", ui-monospace, Menlo, monospace;
  --hs-r-md: 8px; --hs-r-lg: 12px; --hs-r-xl: 16px; --hs-r-2xl: 24px;
}

/* ---------- Base ---------- */
html { font-size: 16px; }
body.hs, body.hs .btn, body.hs .form-control, body.hs input, body.hs select, body.hs textarea, body.hs .tooltip, body.hs .popover {
  font-family: var(--hs-font);
}
body.hs { background: var(--hs-bg); color: var(--hs-ink); -webkit-font-smoothing: antialiased; }
body.hs h1, body.hs h2, body.hs h3, body.hs h4, body.hs h5, body.hs h6,
body.hs .h1, body.hs .h2, body.hs .h3, body.hs .h4, body.hs .h5, body.hs .h6 { color: var(--hs-ink); font-weight: 500; letter-spacing: -0.02em; }
body.hs h1, body.hs .h1 { font-weight: 400; letter-spacing: -0.03em; }
body.hs a { color: var(--hs-navy); text-decoration-color: rgba(254,92,141,.6); }
body.hs a:hover { color: var(--hs-icon); }
body.hs .text-muted { color: var(--hs-muted) !important; }
body.hs .text-primary { color: var(--hs-icon) !important; }
body.hs ::selection { background: rgba(254,92,141,.25); }
body.hs :focus-visible { outline: 2px solid var(--hs-crimson); outline-offset: 2px; }
body.hs #main-body { background: transparent; padding-top: 40px; padding-bottom: 64px; }

/* ---------- Dusk header band ---------- */
.hs-band {
  position: relative; isolation: isolate; overflow: hidden; color: #EAF6FD;
  background:
    radial-gradient(60% 120% at 50% 130%, rgba(254,92,141,.45), rgba(254,92,141,0) 70%),
    radial-gradient(40% 80% at 85% 0%, rgba(70,184,240,.18), rgba(70,184,240,0) 70%),
    linear-gradient(180deg, #020E1C 0%, #041D35 45%, #0B2C5C 100%);
}
.hs-sky { position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: radial-gradient(1px 1px at 12% 22%, rgba(255,255,255,.7), transparent 60%),
    radial-gradient(1px 1px at 28% 64%, rgba(255,255,255,.45), transparent 60%),
    radial-gradient(1.5px 1.5px at 46% 18%, rgba(255,255,255,.6), transparent 60%),
    radial-gradient(1px 1px at 63% 42%, rgba(255,255,255,.5), transparent 60%),
    radial-gradient(1px 1px at 78% 28%, rgba(255,255,255,.65), transparent 60%),
    radial-gradient(1.5px 1.5px at 91% 58%, rgba(255,255,255,.45), transparent 60%),
    radial-gradient(1px 1px at 6% 78%, rgba(255,255,255,.4), transparent 60%);
}
body.hs .header { background: transparent; box-shadow: none; border: 0; }
body.hs .header .navbar { background: transparent !important; }
body.hs .header .navbar-light { padding-top: 20px; padding-bottom: 12px; }
body.hs .header .navbar-light .container { gap: 16px; }

/* Logo wordmark (same as the site) */
.hs-logo, body.hs .navbar-brand.hs-logo { display: inline-flex; align-items: center; gap: 1px; color: #fff !important; text-decoration: none !important; font-weight: 600; line-height: 1; letter-spacing: -0.02em; padding: 0; }
.hs-logo .logo-host { font-size: 22px; letter-spacing: -0.03em; }
.hs-logo .logo-sa { position: relative; margin-left: 6px; padding: 3px 5px 2px; font-size: 14px; font-weight: 500; letter-spacing: .02em; color: inherit; }
.hs-footer .hs-logo .logo-sa { color: var(--hs-crimson); }
.hs-logo .logo-sa::before, .hs-logo .logo-sa::after { content: ""; position: absolute; width: 9px; height: 9px; }
.hs-logo .logo-sa::before { left: 0; top: 0; border-top: 1.5px solid #8F63D2; border-left: 1.5px solid #8F63D2; }
.hs-logo .logo-sa::after { right: 0; bottom: 0; border-bottom: 1.5px solid #EA4C8D; border-right: 1.5px solid #EA4C8D; }

/* Main nav: the same floating glass pill as www.hostsa.net */
body.hs .hs-nav-row { padding-top: 16px !important; padding-bottom: 8px !important; }
body.hs .hs-nav-row .container { justify-content: center; }
.hs-pill {
  display: flex; align-items: center; gap: 24px; max-width: 100%;
  padding: 8px 8px 8px 24px; border-radius: 999px;
  background: rgba(4,29,53,.62); border: 1px solid rgba(219,242,252,.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.7); backdrop-filter: blur(22px) saturate(1.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 20px 50px rgba(1,8,18,.45);
}
.hs-site-links { gap: 2px; }
.hs-site-links a { display: block; padding: 8px 12px; border-radius: 999px; color: #B4CBE0 !important; font-size: 14px; line-height: 20px; font-weight: 500; text-decoration: none !important; transition: background-color 300ms var(--hs-curve), color 300ms var(--hs-curve); }
.hs-site-links a:hover { color: #EAF6FD !important; background: rgba(219,242,252,.1); }
.hs-pill-end { display: flex; align-items: center; gap: 8px; }
.hs-icon-btn { position: relative; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 0; background: transparent; color: #EAF6FD !important; text-decoration: none !important; cursor: pointer; transition: background-color 300ms var(--hs-curve); }
.hs-icon-btn:hover { background: rgba(219,242,252,.1); }
.hs-icon-btn .badge { position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; padding: 0 5px; font-size: 11px; line-height: 18px; border-radius: 999px; background: var(--hs-crimson) !important; color: var(--hs-navy) !important; }
.hs-client-btn { display: inline-flex; align-items: center; padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(219,242,252,.16); color: #EAF6FD !important; font-size: 14px; line-height: 20px; font-weight: 600; text-decoration: none !important; white-space: nowrap; transition: background-color 300ms var(--hs-curve), border-color 300ms var(--hs-curve); }
.hs-client-btn:hover, .hs-client-btn[aria-current="page"] { background: rgba(219,242,252,.1); border-color: rgba(219,242,252,.2); }
@media (max-width: 575.98px) { .hs-pill { gap: 12px; padding-left: 18px; width: 100%; justify-content: space-between; } .hs-client-btn { display: none; } }

/* Table Mountain at the foot of the band, as on the site */
.hs-band { padding-bottom: 72px; }
.hs-ridge { position: absolute; left: -4%; width: 108%; bottom: 0; display: block; pointer-events: none; }
.hs-ridge-far { height: 44px; fill: #3A3C86; opacity: .6; }
.hs-ridge-main { height: 72px; fill: #030C18; filter: drop-shadow(0 -1px 0 rgba(254,92,141,.75)) drop-shadow(0 -10px 24px rgba(254,92,141,.25)); }

/* Account bar (signed in) */
body.hs .topbar { background: rgba(2,14,28,.55); border-bottom: 1px solid rgba(219,242,252,.08); }
body.hs .topbar .btn, body.hs .topbar .input-group-text { color: #B4CBE0; background: transparent; border: 0; }
body.hs .topbar .btn:hover { color: #fff; }
body.hs .topbar .btn-active-client span { color: #fff; border-bottom: 1px dashed rgba(254,92,141,.6); }
body.hs .topbar .btn-return-to-admin { color: var(--hs-crimson); }

/* Client area menu: a quiet row under the pill (glass panel on mobile) */
body.hs .main-navbar-wrapper { padding: 0 0 4px; }
body.hs .main-navbar-wrapper .navbar-collapse { justify-content: center; }
body.hs .main-navbar-wrapper .navbar-nav { gap: 2px; }
body.hs .main-navbar-wrapper .navbar-nav > li > a,
body.hs .main-navbar-wrapper .navbar-nav .nav-link {
  display: block; text-decoration: none !important; color: #B4CBE0 !important; font-size: 13px; font-weight: 500;
  padding: 6px 12px !important; border-radius: 999px; transition: background-color 300ms var(--hs-curve), color 300ms var(--hs-curve);
}
body.hs .main-navbar-wrapper .navbar-nav > li > a:hover,
body.hs .main-navbar-wrapper .navbar-nav > li.show > a,
body.hs .main-navbar-wrapper .navbar-nav > li.active > a { color: #fff !important; background: rgba(219,242,252,.1); }
body.hs .main-navbar-wrapper .badge { background: var(--hs-crimson); color: var(--hs-navy); }
body.hs .main-navbar-wrapper .navbar-nav.ml-auto { margin-left: 24px !important; }
@media (max-width: 1199.98px) {
  body.hs .main-navbar-wrapper .navbar-collapse.show, body.hs .main-navbar-wrapper .navbar-collapse.collapsing {
    background: rgba(4,29,53,.9); border: 1px solid rgba(219,242,252,.2); border-radius: var(--hs-r-2xl); padding: 12px; margin-top: 4px;
    -webkit-backdrop-filter: blur(32px) saturate(1.5); backdrop-filter: blur(32px) saturate(1.5);
  }
  body.hs .main-navbar-wrapper .navbar-nav.ml-auto { margin-left: 0 !important; }
  body.hs .main-navbar-wrapper .navbar-nav > li > a { font-size: 15px; padding: 10px 12px !important; }
}
body.hs .main-navbar-wrapper .search .form-control, body.hs .main-navbar-wrapper .search .btn { background: rgba(6,30,56,.45); border: 1px solid rgba(219,242,252,.18); color: #EAF6FD; box-shadow: none; }
body.hs .main-navbar-wrapper .search .btn { border-right: 0; border-radius: 999px 0 0 999px; color: #B4CBE0; }
body.hs .main-navbar-wrapper .search .form-control { border-left: 0; border-radius: 0 999px 999px 0; }
body.hs .main-navbar-wrapper .search .form-control::placeholder { color: #8FA9C2; }

/* Dropdowns */
body.hs .dropdown-menu {
  border: 1px solid var(--hs-line); border-radius: var(--hs-r-xl); padding: 6px; box-shadow: 0 20px 50px rgba(7,45,80,.18);
  background: rgba(255,255,255,.96); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
}
body.hs .dropdown-item { border-radius: var(--hs-r-md); color: var(--hs-ink); font-size: 14px; padding: 8px 12px; }
body.hs .dropdown-item:hover, body.hs .dropdown-item:focus { background: rgba(7,45,80,.06); color: var(--hs-ink); }
body.hs .dropdown-item.active, body.hs .dropdown-item:active { background: var(--hs-teal); color: var(--hs-navy); }
body.hs .dropdown-divider { border-color: var(--hs-line); }

/* Breadcrumb inside the band */
body.hs .master-breadcrumb { background: transparent; padding: 16px 0 28px; }
body.hs .master-breadcrumb .breadcrumb { background: transparent; padding: 0; margin: 0; font-size: 14px; }
body.hs .master-breadcrumb .breadcrumb-item, body.hs .master-breadcrumb .breadcrumb-item.active { color: #B4CBE0; }
body.hs .master-breadcrumb .breadcrumb-item a { color: #fff; }
body.hs .master-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: rgba(219,242,252,.4); }

/* Homepage domain search inside the band */
body.hs .home-domain-search { background: transparent !important; padding-bottom: 56px; }
body.hs .home-domain-search > .container > div {
  background: rgba(6,30,56,.42); border: 1px solid rgba(219,242,252,.2); border-radius: 32px;
  -webkit-backdrop-filter: blur(22px) saturate(1.6); backdrop-filter: blur(22px) saturate(1.6);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 30px 80px rgba(1,8,18,.45);
}
body.hs .home-domain-search h2 { color: #fff; font-size: 40px; line-height: 44px; font-weight: 400; letter-spacing: -0.03em; }
body.hs .home-domain-search .input-group-wrapper .input-group { background: rgba(255,255,255,.96); border: 0; border-radius: var(--hs-r-xl); box-shadow: 0 12px 30px rgba(1,8,18,.3); }
body.hs .home-domain-search textarea, body.hs .home-domain-search .form-control { color: var(--hs-ink); background: transparent; }
body.hs .home-domain-search .tld-logos li, body.hs .home-domain-search .tld-logos span, body.hs .home-domain-search p, body.hs .home-domain-search label, body.hs .home-domain-search .text-muted, body.hs .home-domain-search a:not(.btn) { color: #DCEBF7 !important; }
body.hs .home-domain-search .tld-logos img { filter: brightness(0) invert(1); opacity: .9; }
body.hs .home-domain-search .btn-link { color: #DCEBF7 !important; }
body.hs .home-domain-search .btn-link:hover { color: #fff !important; }
/* Inside the white search box everything is navy again */
body.hs .home-domain-search .input-group-wrapper, body.hs .home-domain-search .input-group-wrapper * { color: var(--hs-ink) !important; }
body.hs .home-domain-search .input-group-wrapper .btn-primary, body.hs .home-domain-search .input-group-wrapper .btn-success, body.hs .home-domain-search .input-group-wrapper .btn-primary *, body.hs .home-domain-search .input-group-wrapper .btn-success * { color: var(--hs-navy) !important; }
body.hs .home-domain-search textarea { border: 0 !important; outline: 0; resize: none; padding: 16px 18px; font-size: 16px; }
body.hs .home-domain-search textarea::placeholder { color: #6E87A0 !important; }
body.hs .home-domain-search .multiselect.btn { background: rgba(7,45,80,.06) !important; border: 0 !important; font-size: 12px; font-weight: 500; padding: 4px 10px; }
body.hs .home-domain-search .input-group-wrapper .dropdown-menu a { color: var(--hs-ink) !important; }

/* ---------- Thin line icons, to match the site's icon style ---------- */
body.hs .fas, body.hs .far, body.hs .fa-solid, body.hs .fa-regular { font-weight: 300 !important; }
body.hs .fad, body.hs .fa-duotone { font-family: "Font Awesome 6 Pro" !important; font-weight: 300 !important; }
body.hs .fad::before, body.hs .fa-duotone::before { position: static !important; opacity: 1 !important; color: inherit !important; }
body.hs .fad::after, body.hs .fa-duotone::after { content: none !important; }

/* ---------- Buttons (pill, crimson primary like the site) ---------- */
body.hs .btn { border-radius: 999px; font-weight: 600; letter-spacing: 0; transition: background-color 300ms var(--hs-curve), border-color 300ms var(--hs-curve), box-shadow 300ms var(--hs-curve), transform 300ms var(--hs-curve), color 300ms var(--hs-curve); }
body.hs .btn:active { transform: scale(.98); }
body.hs .btn-primary, body.hs .btn-success, body.hs .btn-checkout, body.hs .btn-order-now {
  background: var(--hs-crimson) !important; border-color: var(--hs-crimson) !important; color: var(--hs-navy) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 30px -12px rgba(254,92,141,.8);
}
body.hs .btn-primary:hover, body.hs .btn-success:hover, body.hs .btn-checkout:hover, body.hs .btn-order-now:hover {
  background: var(--hs-crimson-hover) !important; border-color: var(--hs-crimson-hover) !important; transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 14px 36px -12px rgba(254,92,141,.95);
}
body.hs .btn-info, body.hs .btn-secondary { background: var(--hs-navy); border-color: var(--hs-navy); color: #fff; }
body.hs .btn-info:hover, body.hs .btn-secondary:hover { background: #0B3E6B; border-color: #0B3E6B; color: #fff; }
body.hs .btn-default, body.hs .btn-light, body.hs .btn-outline-primary, body.hs .btn-outline-secondary {
  background: rgba(255,255,255,.7); border: 1px solid var(--hs-line); color: var(--hs-ink);
}
body.hs .btn-default:hover, body.hs .btn-light:hover, body.hs .btn-outline-primary:hover, body.hs .btn-outline-secondary:hover { background: #fff; border-color: rgba(7,45,80,.25); color: var(--hs-ink); }
body.hs .btn-danger { background: #C8264F; border-color: #C8264F; color: #fff; }
body.hs .btn-link { color: var(--hs-navy); }
body.hs .btn-link:hover { color: var(--hs-icon); }

/* ---------- Cards and panels (glass on light) ---------- */
body.hs .card, body.hs .panel, body.hs .tiles, body.hs .modal-content {
  background: var(--hs-card); border: 1px solid rgba(255,255,255,.95); border-radius: var(--hs-r-xl);
  box-shadow: var(--hs-shadow); -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4);
}
body.hs .card { overflow: hidden; }
body.hs .card-header, body.hs .card-footer { background: rgba(219,242,252,.35); border-color: var(--hs-line); }
body.hs .card-title, body.hs .card-header h3 { color: var(--hs-ink); font-weight: 600; }
body.hs .card-columns.home .card { transition: transform 500ms var(--hs-curve), box-shadow 500ms var(--hs-curve); }
body.hs .card-columns.home .card:hover { transform: translateY(-3px); box-shadow: var(--hs-shadow), 0 30px 60px rgba(7,45,80,.1); }

/* Quick action tiles on the portal home */
body.hs .action-icon-btns a {
  background: var(--hs-card); border: 1px solid rgba(255,255,255,.95) !important; border-radius: var(--hs-r-xl);
  box-shadow: var(--hs-shadow); color: var(--hs-ink) !important; transition: transform 500ms var(--hs-curve);
}
body.hs .action-icon-btns a:hover { transform: translateY(-3px); text-decoration: none; }
body.hs .action-icon-btns a .ico-container, body.hs .action-icon-btns a i { color: var(--hs-icon) !important; }
body.hs .action-icon-btns a[class*="card-accent-"] { border-top-width: 1px !important; border-top-color: rgba(255,255,255,.95) !important; }

/* Client home stat tiles */
body.hs .tiles { overflow: hidden; }
body.hs .tiles .tile { border-color: var(--hs-line) !important; color: var(--hs-ink); }
body.hs .tiles .tile:hover { background: rgba(219,242,252,.4); }
body.hs .tiles .tile i { color: rgba(7,45,80,.12); }
body.hs .tiles .tile .stat { color: var(--hs-ink); font-family: var(--hs-mono); font-weight: 500; }
body.hs .tiles .tile .title { color: var(--hs-muted); }
body.hs .tiles .tile .highlight { background: var(--hs-crimson) !important; }

/* Sidebar */
body.hs .sidebar .card-header { background: transparent; }
body.hs .sidebar .card-title { font-size: 15px; }
body.hs .sidebar .card-title i { color: var(--hs-icon); }
body.hs .list-group-item { background: transparent; border-color: var(--hs-line); color: var(--hs-ink); }
body.hs .list-group-item-action:hover { background: rgba(219,242,252,.5); color: var(--hs-ink); }
body.hs .list-group-item.active, body.hs .list-group-item.active:hover {
  background: var(--hs-teal); border-color: var(--hs-line); color: var(--hs-navy); font-weight: 600;
  box-shadow: inset 3px 0 0 var(--hs-crimson);
}
body.hs .list-group-item .badge { background: rgba(7,45,80,.08); color: var(--hs-ink); }

/* ---------- Forms ---------- */
body.hs .form-control, body.hs .custom-select, body.hs select.form-control {
  border: 1px solid rgba(7,45,80,.16); border-radius: var(--hs-r-lg); color: var(--hs-ink); background-color: rgba(255,255,255,.9);
  transition: border-color 300ms var(--hs-curve), box-shadow 300ms var(--hs-curve);
}
body.hs .form-control:focus, body.hs .custom-select:focus { border-color: var(--hs-crimson); box-shadow: 0 0 0 4px rgba(254,92,141,.18); }
body.hs .input-group-text { background: rgba(219,242,252,.5); border-color: rgba(7,45,80,.16); color: var(--hs-muted); border-radius: var(--hs-r-lg); }
body.hs .input-group > .form-control:not(:last-child), body.hs .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; }
body.hs .input-group > .form-control:not(:first-child), body.hs .input-group > .input-group-append > .btn, body.hs .input-group > .input-group-append > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; }
body.hs label, body.hs .col-form-label { color: var(--hs-ink); font-weight: 500; }
body.hs .custom-control-input:checked ~ .custom-control-label::before { background: var(--hs-crimson); border-color: var(--hs-crimson); }
body.hs .icheckbox_square-blue.checked, body.hs .iradio_square-blue.checked { filter: hue-rotate(130deg) saturate(1.4); }

/* ---------- Tables ---------- */
body.hs .table { color: var(--hs-ink); }
body.hs .table thead th, body.hs table.dataTable thead th { border-bottom: 1px solid var(--hs-line); border-top: 0; color: var(--hs-muted); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
body.hs .table td, body.hs .table th { border-color: var(--hs-line); }
body.hs .table-list > tbody > tr:hover > td, body.hs .table-hover tbody tr:hover { background: rgba(219,242,252,.45); }
body.hs .table-container, body.hs .dataTables_wrapper { border-radius: var(--hs-r-xl); }
body.hs .page-item.active .page-link { background: var(--hs-navy); border-color: var(--hs-navy); }
body.hs .page-link { color: var(--hs-navy); border-color: var(--hs-line); }

/* ---------- Status, badges, alerts ---------- */
body.hs .badge { border-radius: 999px; font-weight: 600; padding: .35em .7em; }
body.hs .badge-primary, body.hs .badge-info { background: var(--hs-navy); color: #fff; }
body.hs .alert { border-radius: var(--hs-r-lg); border: 1px solid transparent; }
body.hs .alert-info { background: rgba(219,242,252,.7); border-color: rgba(7,45,80,.1); color: var(--hs-navy); }
body.hs .alert-success { background: #E6F6EE; border-color: #BFE6D0; color: #0D5A33; }
body.hs .alert-warning { background: #FFF5E5; border-color: #FFE0B0; color: #7A4A00; }
body.hs .alert-danger { background: #FDEBF0; border-color: #F7C3D2; color: #8E1C3D; }
body.hs .nav-tabs { border-color: var(--hs-line); }
body.hs .nav-tabs .nav-link { border-radius: var(--hs-r-md) var(--hs-r-md) 0 0; color: var(--hs-muted); }
body.hs .nav-tabs .nav-link.active { color: var(--hs-ink); border-color: var(--hs-line) var(--hs-line) #fff; box-shadow: inset 0 2px 0 var(--hs-crimson); }
body.hs .progress { background: rgba(7,45,80,.08); border-radius: 999px; }
body.hs .progress-bar { background: var(--hs-crimson); }

/* Prices read in Geist Mono like the site */
body.hs .price, body.hs .amt, body.hs .product-pricing, body.hs .total-due-today .amt, body.hs .stat, body.hs .tld-pricing .price { font-family: var(--hs-mono); }

/* ---------- Order form (Standard Cart) ---------- */
body.hs #order-standard_cart .header-lined h1, body.hs #order-standard_cart h1 { font-weight: 400; letter-spacing: -0.03em; }
body.hs #order-standard_cart .sub-heading { border-color: var(--hs-line); }
body.hs #order-standard_cart .sub-heading span { background: var(--hs-bg); color: var(--hs-muted); }
body.hs #order-standard_cart .products .product {
  background: var(--hs-card); border: 1px solid rgba(255,255,255,.95); border-radius: var(--hs-r-xl); box-shadow: var(--hs-shadow); overflow: hidden;
  transition: transform 500ms var(--hs-curve), box-shadow 500ms var(--hs-curve);
}
body.hs #order-standard_cart .products .product:hover { transform: translateY(-3px); box-shadow: var(--hs-shadow), 0 30px 60px rgba(7,45,80,.1); }
body.hs #order-standard_cart .products .product header { background: transparent; border-bottom: 1px solid var(--hs-line); padding: 18px 20px; }
body.hs #order-standard_cart .products .product header span { color: var(--hs-ink); font-size: 18px; font-weight: 600; }
body.hs #order-standard_cart .products .product div.product-desc { color: var(--hs-muted); }
body.hs #order-standard_cart .products .product div.product-pricing span.price { color: var(--hs-ink); font-size: 22px; line-height: 28px; font-weight: 500; letter-spacing: -0.02em; white-space: nowrap; }
body.hs #order-standard_cart .products .product footer { background: transparent; }
body.hs #order-standard_cart .order-summary, body.hs #order-standard_cart .summary-container {
  background: var(--hs-navy-deep); border: 0; border-radius: var(--hs-r-xl); color: #EAF6FD; overflow: hidden;
}
body.hs #order-standard_cart .order-summary h2 { background: transparent; color: #fff; font-weight: 500; letter-spacing: -0.02em; border-bottom: 1px solid rgba(219,242,252,.14); }
body.hs #order-standard_cart .order-summary .summary-container { background: transparent; }
body.hs #order-standard_cart .order-summary .total-due-today .amt { color: var(--hs-crimson); }
body.hs #order-standard_cart .order-summary .text-muted, body.hs #order-standard_cart .order-summary .product-group { color: #B4CBE0 !important; }
body.hs #order-standard_cart .order-summary .btn-link, body.hs #order-standard_cart .order-summary a:not(.btn-checkout) { color: #B4CBE0 !important; }
body.hs #order-standard_cart .order-summary .btn-link:hover, body.hs #order-standard_cart .order-summary a:not(.btn-checkout):hover { color: #fff !important; }
body.hs #order-standard_cart .view-cart-items-header { background: var(--hs-navy); color: #fff; border-radius: var(--hs-r-lg) var(--hs-r-lg) 0 0; }
body.hs #order-standard_cart .view-cart-items { border-color: var(--hs-line); background: var(--hs-card); }
body.hs #order-standard_cart .view-cart-items .item { border-color: var(--hs-line); }
body.hs #order-standard_cart .field-container, body.hs #order-standard_cart .product-info { background: var(--hs-card); border: 1px solid rgba(255,255,255,.95); border-radius: var(--hs-r-xl); box-shadow: var(--hs-shadow); }
body.hs #order-standard_cart .domain-checker-container { background: linear-gradient(180deg, #041D35, #0B2C5C); border-radius: var(--hs-r-2xl); }
body.hs #order-standard_cart .domain-checker-bg { background: none; }
body.hs #order-standard_cart .domain-checker-container .input-group-box { background: rgba(6,30,56,.42); border: 1px solid rgba(219,242,252,.2); border-radius: var(--hs-r-xl); }
body.hs #order-standard_cart .domain-checker-available { color: #0D8A4E; }
body.hs #order-standard_cart .domain-checker-unavailable { color: #C8264F; }
body.hs #order-standard_cart .cart-sidebar .card-title i, body.hs #order-standard_cart .sidebar-categories i { color: var(--hs-icon); }

/* ---------- Footer (navy, same as the site) ---------- */
body.hs .hs-footer { background: var(--hs-night); color: #EAF6FD; padding: 64px 0 32px; margin: 0; border: 0; }
.hs-footer-grid { display: grid; grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); gap: 32px; }
.hs-footer-grid > * { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.hs-footer-grid a:not(.hs-logo) { color: #EAF6FD !important; font-size: 14px; text-decoration: none !important; overflow-wrap: anywhere; transition: color 300ms var(--hs-curve); }
.hs-footer-grid a:not(.hs-logo):hover { color: var(--hs-crimson) !important; }
.hs-footer-brand p, .hs-footer-title { color: #B4CBE0; font-size: 14px; margin: 0; }
.hs-footer-brand p { max-width: 280px; margin-top: 8px; }
.hs-footer-title { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 4px; }
.hs-footer-legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(219,242,252,.12); }
body.hs .hs-footer .copyright { color: #B4CBE0; font-size: 12px; }
body.hs .hs-footer .btn { color: #B4CBE0; background: transparent; border: 1px solid rgba(219,242,252,.18); font-size: 12px; font-weight: 500; }
body.hs .hs-footer .btn:hover { color: #fff; border-color: rgba(219,242,252,.35); }
body.hs .hs-footer .list-inline-item a { color: #B4CBE0; }
@media (max-width: 767.98px) {
  .hs-footer-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .hs-footer-brand { grid-column: 1 / -1; }
}

/* ---------- Modals ---------- */
body.hs .modal-content { background: rgba(255,255,255,.97); }
body.hs .modal-header, body.hs .modal-footer { border-color: var(--hs-line); }
body.hs .modal-localisation .modal-content { background: var(--hs-navy-deep); color: #EAF6FD; }
body.hs .modal-localisation .item-selector .item { border-radius: var(--hs-r-lg); color: #EAF6FD; border-color: rgba(219,242,252,.18); }
body.hs .modal-localisation .item-selector .item.active { background: var(--hs-crimson); color: var(--hs-navy); border-color: var(--hs-crimson); }

/* Small screens */
@media (max-width: 575.98px) {
  body.hs .home-domain-search h2 { font-size: 30px; line-height: 36px; }
  body.hs .home-domain-search > .container > div { border-radius: var(--hs-r-2xl); padding: 24px !important; }
  body.hs #main-body { padding-top: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  body.hs *, body.hs *::before, body.hs *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}