/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Theme
 *
 * This file allows you to customize the theme colors and styles for the entire Nexus template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

/* KickHost customer portal theme additions. Keep this file separate from WHMCS core CSS. */
:root {
    --kh-blue: #082d86;
    --kh-blue-deep: #071f5e;
    --kh-orange: #ffa313;
    --kh-ink: #172238;
    --kh-muted: #66748a;
    --kh-line: #dfe5ed;
    --kh-surface: #f3f5f8;
    --kh-green: #16815c;
    --primary: var(--kh-blue);
    --primary-lifted: #061f5e;
    --primary-accented: #041744;
    --success: var(--kh-green);
    --warning: var(--kh-orange);
    --info: #1761d1;
}

html, body { color: var(--kh-ink); }
header.header, header.header .topbar, header.header .navbar,
header.header .main-navbar-wrapper, footer.footer {
    border-radius: 0 !important;
}
header.header { border-bottom: 1px solid var(--kh-line); }
header.header .topbar {
    background: #111817;
    color: #eef2f7;
}
header.header .topbar .btn,
header.header .topbar .active-client .btn { color: #eef2f7; }
header.header .navbar { background: #fff; box-shadow: none; }
header.header .main-navbar-wrapper { background: #fff; border-top: 1px solid #edf0f4; }
footer.footer {
    margin: 0;
    background: #111817;
    color: #e1e7ef;
}
footer.footer .container { padding-top: 18px; padding-bottom: 18px; }
footer.footer .list-inline { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin:0 0 10px; padding:0; }
footer.footer .list-inline-item { margin:0; }
footer.footer .list-inline .btn-icon { display:inline-grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid rgba(255,255,255,.38); border-radius:5px; background:rgba(255,255,255,.06); color:#f8fafc; }
footer.footer .list-inline .btn-icon:hover, footer.footer .list-inline .btn-icon:focus-visible { border-color:#ffa313; background:rgba(255,163,19,.14); color:#fff; }
footer.footer .nav { justify-content:center; gap:4px 10px; }
footer.footer .nav .nav-link { padding:8px 10px; color:#f1f5f9; line-height:1.4; }
footer.footer .nav .nav-link:hover, footer.footer .nav .nav-link:focus-visible { color:#ffd17a; text-decoration:underline; text-underline-offset:3px; }
footer.footer .copyright { padding-top:8px; color:#b8c2cf; }
section#main-body { background: var(--kh-surface); }

.kh-portal-home { max-width: 1180px; margin: 0 auto; }
.kh-portal-hero {
    position: relative;
    overflow: hidden;
    margin: 0 0 22px;
    border-radius: 12px;
    background: var(--kh-blue);
    color: #fff;
    box-shadow: 0 10px 24px rgba(7,31,94,.16);
}
.kh-portal-slide {
    position: relative;
    min-height: 242px;
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);
    align-items: stretch;
    background: linear-gradient(112deg,var(--kh-blue-deep),var(--kh-blue) 67%,#1748a2);
}
.kh-portal-slide[hidden] { display: none !important; }
.kh-portal-slide-copy {
    position: relative;
    z-index: 2;
    align-self: center;
    padding: 30px 32px 48px;
}
.kh-portal-eyebrow {
    margin: 0 0 9px;
    color: #ffd17a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.kh-portal-slide h1,
.kh-portal-slide h2 {
    max-width: 560px;
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(25px,2.5vw,36px);
    font-weight: 750;
    letter-spacing: -.035em;
    line-height: 1.12;
}
.kh-portal-slide-copy > p:not(.kh-portal-eyebrow) {
    max-width: 490px;
    margin: 0;
    color: #e3ebfb;
    font-size: 14px;
    line-height: 1.6;
}
.kh-portal-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 18px; }
.kh-portal-home .kh-button-orange {
    padding: 10px 15px;
    border: 1px solid var(--kh-orange);
    border-radius: 7px;
    background: var(--kh-orange);
    color: #152039;
    font-weight: 750;
}
.kh-portal-home .kh-button-orange:hover,
.kh-portal-home .kh-button-orange:focus { background: #ffb52e; color: #152039; }
.kh-hero-text-link { color: #fff; font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.kh-hero-text-link:hover, .kh-hero-text-link:focus { color: #ffd17a; }
.kh-portal-slide-photo > img {
    width: 100%;
    height: 100%;
    min-height: 242px;
    object-fit: cover;
    object-position: center 42%;
    -webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 22%);
    mask-image: linear-gradient(90deg,transparent 0%,#000 22%);
}
.kh-portal-slide-controls {
    position: absolute;
    z-index: 3;
    left: 32px;
    bottom: 13px;
    display: flex;
    gap: 7px;
}
.kh-portal-slide-controls button {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.56);
    cursor: pointer;
}
.kh-portal-slide-controls button.is-active { width: 22px; background: var(--kh-orange); }
.kh-portal-slide-controls button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.kh-move-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 28px 28px 38px;
    background: radial-gradient(circle at 72% 27%,rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,#1645a1,#061b53);
}
.kh-move-card {
    width: 40%;
    min-height: 104px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 9px;
    background: #fff;
    color: var(--kh-ink);
    box-shadow: 0 9px 22px rgba(0,0,0,.16);
    transform: rotate(-2deg);
}
.kh-move-card-destination { background: #e8f7ef; transform: rotate(2deg); }
.kh-move-card span, .kh-move-card small { display: block; color: var(--kh-muted); font-size: 9px; font-weight: 700; }
.kh-move-card strong { display: block; margin: 9px 0 5px; font-size: 13px; line-height: 1.25; }
.kh-move-arrow { color: #ffd17a; font-size: 23px; }
.kh-dashboard-addon { margin-bottom: 18px; }
.kh-account-tiles .row { margin-right: -6px; margin-left: -6px; }
.kh-account-tiles .row > div { padding: 0 6px; }
.kh-account-tiles .tile {
    min-height: 132px;
    margin-bottom: 12px;
    padding: 14px 17px;
    overflow: hidden;
    border: 1px solid var(--kh-line);
    border-radius: 10px;
    background: #fff;
    transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.kh-account-tiles .tile:hover {
    border-color: #b7c7e8;
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 7px 18px rgba(18,42,83,.08);
}
.kh-account-tiles .tile .stat { margin-top: 15px; color: var(--kh-ink); font-size: 33px; font-weight: 750; }
.kh-account-tiles .tile .title { color: var(--kh-muted); font-size: 10px; letter-spacing: .04em; }
.kh-account-tiles .tile i { top: 13px; right: 15px; color: var(--kh-blue); font-size: 24px; }
.kh-account-tiles .tile:hover i { color: var(--kh-blue); font-size: 24px; }
.kh-account-tiles .row > div:nth-child(1) .tile { background: #f2f6ff; }
.kh-account-tiles .row > div:nth-child(2) .tile { background: #eff9f3; }
.kh-account-tiles .row > div:nth-child(3) .tile { background: #fff7e9; }
.kh-account-tiles .row > div:nth-child(4) .tile { background: #f4f5f8; }
.kh-account-panels .card {
    overflow: hidden;
    border: 1px solid var(--kh-line);
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(18,42,83,.035);
}
.kh-account-panels .card-header { padding: 13px 17px; background: #f7f8fa; }
.kh-account-panels .card-header .card-title { font-size: 15px; font-weight: 700; }
.kh-account-panels .card-footer { background: #fff; }
.kh-account-panels .list-group-item { padding: 11px 17px; }

@media (max-width: 767.98px) {
    .kh-portal-home { width: 100%; }
    .kh-portal-hero { margin-bottom: 16px; border-radius: 9px; }
    .kh-portal-slide { min-height: 300px; grid-template-columns: 1fr; }
    .kh-portal-slide-copy { align-self: start; padding: 24px 20px 48px; }
    .kh-portal-slide h1, .kh-portal-slide h2 { max-width: 480px; font-size: 27px; }
    .kh-portal-slide-photo > img {
        position: absolute;
        inset: 0;
        height: 100%;
        min-height: 0;
        opacity: .27;
        -webkit-mask-image: linear-gradient(0deg,#000 0%,transparent 93%);
        mask-image: linear-gradient(0deg,#000 0%,transparent 93%);
    }
    .kh-portal-slide-controls { left: 20px; bottom: 15px; }
    .kh-move-visual { position: absolute; inset: auto 0 0; height: 135px; padding: 10px 18px 34px; opacity: .86; }
    .kh-move-card { min-height: 70px; padding: 9px; }
    .kh-move-card strong { margin: 5px 0 3px; font-size: 11px; }
    .kh-account-tiles .tile { min-height: 118px; padding: 12px; }
    .kh-account-tiles .tile .stat { font-size: 29px; }
    .kh-account-panels .row > [class*="col-"] { padding-right: 8px; padding-left: 8px; }
}

/* Public and guest portal landing page. Keep it visually aligned with the signed-in dashboard. */
.kh-public-home { max-width: 1240px; margin: 0 auto; padding: 24px 0 56px; }
.kh-public-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1.08fr) minmax(260px,.92fr);
    align-items: center;
    gap: 28px;
    min-height: 310px;
    margin: 0 0 54px;
    padding: clamp(28px,4vw,54px);
    overflow: hidden;
    border-radius: 14px;
    background: linear-gradient(112deg,#071f5e 0%,#082d86 68%,#1748a2 100%);
    color: #fff;
}
.kh-public-hero::after { content:""; position:absolute; width:360px; height:360px; right:-130px; top:-190px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 72px rgba(255,255,255,.025); pointer-events:none; }
.kh-public-domain-search { position:relative; z-index:2; margin:-24px 0 48px; }
.kh-public-domain-search .home-domain-search { overflow:hidden; border:1px solid #dfe5ed; border-radius:10px; box-shadow:0 12px 28px rgba(23,34,56,.08); }
.kh-public-domain-search .home-domain-search h2 { color:#172238; font-size:clamp(20px,2.5vw,28px); font-weight:750; }
.kh-public-domain-search .tld-logos { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; }
.kh-public-domain-search .tld-logos li { display:flex; align-items:center; gap:7px; color:#66748a; font-size:13px; }
.kh-public-domain-search .tld-logos img { max-width:70px; max-height:28px; object-fit:contain; }
.kh-public-domain-search #btnDomainSearch, .kh-public-domain-search #btnTransfer,
.kh-public-domain-search #btnDomainSearch2, .kh-public-domain-search #btnTransfer2 { border-radius:5px; }
.kh-public-hero-copy { position:relative; z-index:1; max-width:650px; }
.kh-public-eyebrow { margin:0 0 10px; color:#baecff; font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.kh-public-hero h1 { max-width:680px; margin:0 0 14px; color:#fff; font-size:clamp(32px,4.3vw,52px); font-weight:750; line-height:1.05; letter-spacing:-.035em; }
.kh-public-hero-copy > p:not(.kh-public-eyebrow) { max-width:580px; margin:0; color:rgba(255,255,255,.82); font-size:17px; line-height:1.6; }
.kh-public-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:24px; }
.kh-public-primary { display:inline-flex; align-items:center; gap:10px; padding:12px 20px; border:0; border-radius:6px; background:#ffa313; color:#182338; font-weight:700; }
.kh-public-primary:hover,.kh-public-primary:focus { background:#ffb52e; color:#182338; }
.kh-public-secondary { color:#fff; font-weight:650; text-decoration:underline; text-underline-offset:4px; }
.kh-public-secondary:hover,.kh-public-secondary:focus { color:#ffd17a; }
.kh-public-assurances { display:flex; flex-wrap:wrap; gap:10px 20px; margin:24px 0 0; padding:0; list-style:none; color:rgba(255,255,255,.78); font-size:12px; }
.kh-public-assurances li { display:flex; align-items:center; gap:7px; }
.kh-public-assurances i { color:#ffd17a; }
.kh-public-hero-side { position:relative; z-index:1; min-height:260px; display:flex; align-items:center; justify-content:center; }
.kh-public-hero-photo { position:relative; width:min(100%,460px); margin:0; overflow:visible; }
.kh-public-hero-photo > img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:62% 47%; border:1px solid rgba(255,255,255,.42); border-radius:13px; box-shadow:0 20px 45px rgba(0,0,0,.22); }
.kh-public-photo-proof { position:absolute; right:14px; bottom:14px; left:14px; display:flex; align-items:center; gap:11px; max-width:360px; padding:12px 14px; border:1px solid rgba(255,255,255,.58); border-radius:8px; background:rgba(255,255,255,.96); color:#172238; box-shadow:0 10px 24px rgba(0,0,0,.17); }
.kh-photo-proof-icon { display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:7px; background:#fff1d8; color:#8a4b00; }
.kh-public-photo-proof > span:last-child { display:flex; min-width:0; flex-direction:column; gap:2px; }
.kh-public-photo-proof strong { font-size:13px; line-height:1.25; }
.kh-public-photo-proof small { color:#536174; font-size:11px; line-height:1.35; }
.kh-public-orbit { position:absolute; display:grid; place-items:center; width:46px; height:46px; border:3px solid #fff; border-radius:50%; background:#ffa313; color:#172238; box-shadow:0 8px 20px rgba(0,0,0,.2); }
.kh-public-orbit-one { top:23px; right:12px; }
.kh-public-orbit-two { bottom:14px; left:5px; width:38px; height:38px; background:#1dbb83; color:#fff; font-size:14px; }
.kh-public-section { margin:0 0 50px; }
.kh-public-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:20px; }
.kh-public-section-heading .kh-public-eyebrow,.kh-account-shortcuts .kh-public-eyebrow { color:#0b438e; }
.kh-public-section-heading h2,.kh-account-shortcuts h2 { margin:0 0 8px; color:#172238; font-size:clamp(24px,3vw,34px); font-weight:750; line-height:1.15; letter-spacing:-.025em; }
.kh-public-section-heading p:not(.kh-public-eyebrow),.kh-account-shortcuts > div:first-child > p:not(.kh-public-eyebrow) { margin:0; color:#66748a; font-size:15px; }
.kh-public-all-link { flex:none; padding-bottom:3px; color:#082d86; font-size:14px; font-weight:700; }
.kh-public-all-link:hover,.kh-public-all-link:focus { color:#061f5e; text-decoration:underline; }
.kh-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.kh-service-card { display:flex; flex-direction:column; min-height:205px; padding:22px; border:1px solid #dfe5ed; border-radius:10px; background:#fff; box-shadow:0 5px 18px rgba(23,34,56,.045); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.kh-service-card:hover { transform:translateY(-3px); border-color:#b9c9e5; box-shadow:0 12px 26px rgba(23,34,56,.09); }
.kh-service-icon { display:grid; place-items:center; width:42px; height:42px; margin-bottom:16px; border-radius:10px; background:#edf3ff; color:#082d86; font-size:18px; }
.kh-domain-card .kh-service-icon { background:#fff3df; color:#a65e00; }
.kh-transfer-card .kh-service-icon { background:#e6f6f0; color:#08734d; }
.kh-service-card h3 { margin:0 0 7px; color:#172238; font-size:18px; font-weight:700; }
.kh-service-card p { margin:0 0 16px; color:#66748a; font-size:14px; line-height:1.5; }
.kh-service-card > a { display:flex; align-items:center; gap:8px; margin-top:auto; color:#082d86; font-size:13px; font-weight:700; }
.kh-service-card > a:hover,.kh-service-card > a:focus { color:#061f5e; text-decoration:underline; }
.kh-services-note { margin:16px 0 0; color:#66748a; font-size:13px; }
.kh-services-note a { color:#082d86; font-weight:700; text-decoration:underline; text-underline-offset:2px; }
.kh-account-shortcuts { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr); gap:26px; align-items:center; margin:0 0 50px; padding:30px; border-radius:12px; background:#f3f5f8; }
.kh-shortcut-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.kh-shortcut-grid a { display:flex; align-items:center; gap:12px; min-height:54px; padding:12px 14px; border:1px solid #dfe5ed; border-radius:7px; background:#fff; color:#172238; font-size:14px; font-weight:650; }
.kh-shortcut-grid a > i:first-child { width:19px; color:#082d86; text-align:center; }
.kh-shortcut-grid a > i:last-child { margin-left:auto; color:#66748a; font-size:12px; }
.kh-shortcut-grid a:hover,.kh-shortcut-grid a:focus { border-color:#b9c9e5; color:#082d86; text-decoration:none; }
.kh-help-section { padding-top:4px; }
.kh-help-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.kh-help-card { display:flex; align-items:center; gap:13px; min-height:86px; padding:15px; border:1px solid #dfe5ed; border-radius:9px; background:#fff; color:#172238; }
.kh-help-card > i:first-child { display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:9px; background:#edf3ff; color:#082d86; }
.kh-help-card span { display:flex; flex-direction:column; gap:3px; }
.kh-help-card strong { font-size:14px; }
.kh-help-card small { color:#66748a; font-size:12px; line-height:1.4; }
.kh-help-card > i:last-child { margin-left:auto; color:#66748a; font-size:12px; }
.kh-help-card:hover,.kh-help-card:focus { border-color:#b9c9e5; color:#082d86; text-decoration:none; }
@media (max-width: 991.98px) {
    .kh-public-home { padding:18px 0 40px; }
    .kh-public-hero { grid-template-columns:minmax(0,1.1fr) minmax(210px,.9fr); min-height:280px; gap:16px; padding:30px; }
    .kh-public-hero h1 { font-size:36px; }
    .kh-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .kh-account-shortcuts { grid-template-columns:1fr; gap:20px; }
}
@media (max-width: 767.98px) {
    .kh-public-home { padding:14px 0 30px; }
    .kh-public-hero { grid-template-columns:1fr; min-height:0; margin-bottom:38px; padding:26px 20px; }
    .kh-public-hero h1 { font-size:32px; }
    .kh-public-hero-copy > p:not(.kh-public-eyebrow) { font-size:15px; }
    .kh-public-hero-side { min-height:0; margin-top:8px; }
    .kh-public-hero-photo { width:100%; }
    .kh-public-hero-photo > img { aspect-ratio:16/10; object-position:62% 45%; }
    .kh-public-domain-search { margin:-14px 0 34px; }
    .kh-public-domain-search .home-domain-search .p-5 { padding:20px !important; }
    .kh-public-domain-search .tld-logos { gap:8px 12px; }
    .kh-public-photo-proof { right:9px; bottom:9px; left:9px; gap:8px; padding:9px 10px; }
    .kh-public-photo-proof strong { font-size:12px; }
    .kh-public-photo-proof small { font-size:10px; }
    .kh-photo-proof-icon { width:34px; height:34px; }
    .kh-public-assurances { display:grid; gap:8px; }
    .kh-public-section-heading { display:block; }
    .kh-public-all-link { display:inline-block; margin-top:12px; }
    .kh-service-grid,.kh-help-grid { grid-template-columns:1fr; gap:10px; }
    .kh-service-card { min-height:0; padding:18px; }
    .kh-account-shortcuts { padding:20px 16px; }
    .kh-shortcut-grid { grid-template-columns:1fr; }
}
@media (max-width: 575.98px) {
    footer.footer .container { padding-top:16px; padding-bottom:16px; }
    footer.footer .list-inline { gap:6px; }
    footer.footer .list-inline .btn-icon { width:36px; height:36px; }
    footer.footer .nav { gap:2px 6px; }
    footer.footer .nav .nav-link { padding:7px 8px; font-size:13px; }
}
@media (prefers-reduced-motion: reduce) {
    .kh-account-tiles .tile { transition: none; }
}
/* Remove redundant order sidebar panels; category navigation remains, while actions and currency stay available in the portal navigation and footer selector. */
#order-standard_cart [menuItemName="Actions"],
#order-standard_cart [menuItemName="Choose Currency"] {
    display: none !important;
}