/* ========================================================
   TakeYourHost - World-Class Hosting Platform Stylesheet v2.0
   The benchmark for high-performance hosting UI/UX 2026
   ======================================================== */

:root {
    --tyh-bg: #070c18;
    --tyh-bg-secondary: #0b1325;
    --tyh-surface: #0f1a34;
    --tyh-surface-elevated: #152449;
    --tyh-surface-hover: #1b2e5a;
    --tyh-border: rgba(99, 130, 200, 0.16);
    --tyh-border-highlight: rgba(99, 102, 241, 0.45);
    --tyh-text: #f8fafc;
    --tyh-text-muted: #94a3b8;
    --tyh-text-subtle: #64748b;
    
    --tyh-primary: #6366f1;
    --tyh-primary-light: #818cf8;
    --tyh-primary-dark: #4f46e5;
    --tyh-primary-glow: rgba(99, 102, 241, 0.35);
    
    --tyh-cyan: #06b6d4;
    --tyh-cyan-light: #22d3ee;
    --tyh-cyan-glow: rgba(6, 182, 212, 0.35);
    
    --tyh-emerald: #10b981;
    --tyh-emerald-glow: rgba(16, 185, 129, 0.3);
    
    --tyh-amber: #f59e0b;
    --tyh-rose: #f43f5e;
    
    --tyh-gradient-primary: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #06b6d4 100%);
    --tyh-gradient-text: linear-gradient(135deg, #ffffff 10%, #c7d2fe 55%, #38bdf8 100%);
    --tyh-gradient-card: linear-gradient(145deg, rgba(21, 36, 73, 0.6) 0%, rgba(15, 26, 52, 0.8) 100%);
    --tyh-glass-bg: rgba(11, 19, 37, 0.7);
    --tyh-glass-border: rgba(255, 255, 255, 0.08);
    
    --tyh-shadow-lg: 0 20px 40px -15px rgba(0, 0, 0, 0.5), 0 0 50px rgba(99, 102, 241, 0.12);
    --tyh-shadow-glow: 0 0 35px var(--tyh-primary-glow);
    --tyh-radius-sm: 8px;
    --tyh-radius-md: 14px;
    --tyh-radius-lg: 20px;
    --tyh-radius-xl: 28px;
    --tyh-radius-full: 9999px;
    
    --tyh-font: 'Orbit', 'Tajawal', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

html[data-orbit-theme="light"] {
    --tyh-bg: #f8fafc;
    --tyh-bg-secondary: #f1f5f9;
    --tyh-surface: #ffffff;
    --tyh-surface-elevated: #ffffff;
    --tyh-surface-hover: #f1f5f9;
    --tyh-border: #e2e8f0;
    --tyh-border-highlight: rgba(99, 102, 241, 0.35);
    --tyh-text: #0f172a;
    --tyh-text-muted: #475569;
    --tyh-text-subtle: #94a3b8;
    --tyh-gradient-text: linear-gradient(135deg, #0f172a 10%, #312e81 60%, #0284c7 100%);
    --tyh-gradient-card: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    --tyh-glass-bg: rgba(255, 255, 255, 0.85);
    --tyh-glass-border: rgba(0, 0, 0, 0.06);
    --tyh-shadow-lg: 0 20px 40px -15px rgba(15, 23, 42, 0.08);
}

/* === Ambient Glow & Animations === */
@keyframes tyh-ambient-pulse {
    0%, 100% { transform: scale(1) translate(0, 0); opacity: 0.35; }
    50% { transform: scale(1.15) translate(30px, -20px); opacity: 0.65; }
}

@keyframes tyh-border-flow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes tyh-badge-blink {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.9); }
}

@keyframes tyh-float-card {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* === World-Class Hero Section === */
.tyh-wc-hero {
    position: relative;
    padding: 70px 0 90px;
    overflow: hidden;
    background: radial-gradient(circle at 50% -20%, rgba(99, 102, 241, 0.22) 0%, rgba(6, 182, 212, 0.08) 35%, transparent 70%);
}

.tyh-wc-hero-ambient {
    position: absolute;
    top: -150px;
    right: 15%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.28) 0%, transparent 65%);
    filter: blur(80px);
    pointer-events: none;
    z-index: 0;
    animation: tyh-ambient-pulse 10s ease-in-out infinite;
}

.tyh-wc-hero-ambient-2 {
    position: absolute;
    bottom: -100px;
    left: 10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(6, 182, 212, 0.2) 0%, transparent 65%);
    filter: blur(80px);
    pointer-events: none;
    z-index: 0;
    animation: tyh-ambient-pulse 12s ease-in-out infinite reverse;
}

.tyh-wc-hero-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 40px;
    align-items: center;
}

/* Hero Badge */
.tyh-wc-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: var(--tyh-radius-full);
    background: rgba(99, 102, 241, 0.12);
    border: 1px solid rgba(99, 102, 241, 0.3);
    color: var(--tyh-primary-light);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 24px;
    backdrop-filter: blur(12px);
}

.tyh-wc-badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--tyh-emerald);
    box-shadow: 0 0 10px var(--tyh-emerald);
    animation: tyh-badge-blink 2s ease-in-out infinite;
}

/* Hero Title */
.tyh-wc-hero-title {
    font-size: clamp(38px, 4.4vw, 64px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -1.5px;
    margin-bottom: 20px;
    color: var(--tyh-text);
}

.tyh-wc-hero-title span.tyh-gradient-text {
    background: var(--tyh-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
}

.tyh-wc-hero-lead {
    font-size: clamp(16px, 1.3vw, 19px);
    line-height: 1.8;
    color: var(--tyh-text-muted);
    max-width: 580px;
    margin-bottom: 34px;
}

/* Hero CTAs */
.tyh-wc-hero-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 45px;
}

.tyh-wc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 34px;
    border-radius: var(--tyh-radius-md);
    font-size: 15px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
    border: none;
    cursor: pointer;
}

.tyh-wc-btn-primary {
    background: var(--tyh-gradient-primary);
    background-size: 200% 200%;
    color: #ffffff !important;
    box-shadow: 0 10px 25px -5px rgba(99, 102, 241, 0.5);
    animation: tyh-border-flow 6s ease infinite;
}

.tyh-wc-btn-primary:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 16px 32px -4px rgba(99, 102, 241, 0.65);
    color: #ffffff !important;
}

.tyh-wc-btn-glass {
    background: var(--tyh-glass-bg);
    border: 1px solid var(--tyh-border);
    color: var(--tyh-text) !important;
    backdrop-filter: blur(14px);
}

.tyh-wc-btn-glass:hover {
    border-color: var(--tyh-primary-light);
    background: var(--tyh-surface-hover);
    transform: translateY(-3px);
    color: var(--tyh-text) !important;
}

/* Trust Metric Row */
.tyh-wc-hero-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding-top: 30px;
    border-top: 1px solid var(--tyh-border);
}

.tyh-wc-metric-item {
    display: flex;
    flex-direction: column;
}

.tyh-wc-metric-number {
    font-size: 26px;
    font-weight: 900;
    color: var(--tyh-text);
    letter-spacing: -0.5px;
    line-height: 1.2;
}

.tyh-wc-metric-label {
    font-size: 12px;
    color: var(--tyh-text-muted);
    font-weight: 600;
    margin-top: 4px;
}

/* === Interactive Server Console (Hero Visual) === */
.tyh-wc-console-card {
    background: var(--tyh-glass-bg);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-lg);
    padding: 24px;
    box-shadow: var(--tyh-shadow-lg);
    backdrop-filter: blur(20px);
    position: relative;
    transition: all 0.4s ease;
    animation: tyh-float-card 6s ease-in-out infinite;
}

.tyh-wc-console-card:hover {
    border-color: var(--tyh-border-highlight);
    box-shadow: 0 25px 60px -10px rgba(99, 102, 241, 0.25);
}

.tyh-wc-console-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--tyh-border);
    margin-bottom: 20px;
}

.tyh-wc-console-dots {
    display: flex;
    gap: 6px;
}

.tyh-wc-console-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.tyh-wc-console-dots span:nth-child(1) { background: #ef4444; }
.tyh-wc-console-dots span:nth-child(2) { background: #f59e0b; }
.tyh-wc-console-dots span:nth-child(3) { background: #10b981; }

.tyh-wc-server-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 800;
    color: var(--tyh-emerald);
    background: rgba(16, 185, 129, 0.1);
    padding: 4px 10px;
    border-radius: var(--tyh-radius-full);
}

.tyh-wc-telemetry-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 20px;
}

.tyh-wc-telemetry-box {
    background: var(--tyh-surface);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-md);
    padding: 14px;
}

.tyh-wc-telemetry-title {
    font-size: 11px;
    color: var(--tyh-text-muted);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tyh-wc-telemetry-value {
    font-size: 19px;
    font-weight: 900;
    color: var(--tyh-text);
    margin: 6px 0;
}

.tyh-wc-progress-bar {
    height: 5px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: var(--tyh-radius-full);
    overflow: hidden;
}

.tyh-wc-progress-fill {
    height: 100%;
    background: var(--tyh-gradient-primary);
    border-radius: var(--tyh-radius-full);
}

.tyh-wc-apps-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--tyh-surface);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-md);
    padding: 12px 18px;
    font-size: 12px;
    font-weight: 700;
}

.tyh-wc-app-icons {
    display: flex;
    gap: 14px;
    color: var(--tyh-text-muted);
    font-size: 18px;
}

.tyh-wc-app-icons i:hover {
    color: var(--tyh-primary-light);
    transform: scale(1.2);
    transition: all 0.2s;
}

/* === Floating Glass Domain Search === */
.tyh-wc-domain-container {
    margin-top: -35px;
    position: relative;
    z-index: 10;
}

.tyh-wc-domain-box {
    background: var(--tyh-surface);
    border: 1px solid var(--tyh-border-highlight);
    border-radius: var(--tyh-radius-xl);
    padding: 30px 40px;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.45), 0 0 40px rgba(99, 102, 241, 0.15);
    backdrop-filter: blur(20px);
}

.tyh-wc-domain-form {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--tyh-bg);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-lg);
    padding: 8px 14px;
    transition: border-color 0.3s;
}

.tyh-wc-domain-form:focus-within {
    border-color: var(--tyh-primary);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

.tyh-wc-domain-input {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--tyh-text);
    font-size: 16px;
    font-weight: 600;
    padding: 10px 12px;
    outline: none;
}

.tyh-wc-domain-input::placeholder {
    color: var(--tyh-text-subtle);
}

.tyh-wc-domain-pills {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
}

.tyh-wc-tld-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: var(--tyh-surface-elevated);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-full);
    font-size: 12px;
    font-weight: 700;
    color: var(--tyh-text);
    cursor: pointer;
    transition: all 0.2s;
}

.tyh-wc-tld-pill:hover {
    border-color: var(--tyh-primary-light);
    background: var(--tyh-surface-hover);
    transform: translateY(-2px);
}

.tyh-wc-tld-pill span.price {
    color: var(--tyh-cyan-light);
    font-weight: 800;
}

/* === Modern Bento Plan Cards === */
.tyh-wc-plans-section {
    padding: 100px 0 80px;
    position: relative;
}

.tyh-wc-section-header {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 50px;
}

.tyh-wc-section-header h2 {
    font-size: clamp(30px, 3.5vw, 48px);
    font-weight: 900;
    letter-spacing: -1.2px;
    margin-bottom: 16px;
    color: var(--tyh-text);
}

.tyh-wc-section-header p {
    font-size: 16px;
    line-height: 1.8;
    color: var(--tyh-text-muted);
}

/* Billing Toggle */
.tyh-wc-billing-toggle {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    background: var(--tyh-surface);
    border: 1px solid var(--tyh-border);
    padding: 6px 8px;
    border-radius: var(--tyh-radius-full);
    margin-bottom: 50px;
}

.tyh-wc-toggle-btn {
    padding: 10px 22px;
    border-radius: var(--tyh-radius-full);
    font-size: 13px;
    font-weight: 800;
    color: var(--tyh-text-muted);
    border: none;
    background: transparent;
    cursor: pointer;
    transition: all 0.25s ease;
}

.tyh-wc-toggle-btn.is-active {
    background: var(--tyh-primary);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
}

.tyh-wc-save-pill {
    background: rgba(16, 185, 129, 0.15);
    color: var(--tyh-emerald);
    padding: 4px 10px;
    border-radius: var(--tyh-radius-full);
    font-size: 11px;
    font-weight: 800;
}

/* Bento Plan Grid */
.tyh-wc-plan-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    align-items: stretch;
}

.tyh-wc-plan-card {
    background: var(--tyh-gradient-card);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-lg);
    padding: 32px 26px;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.tyh-wc-plan-card:hover {
    transform: translateY(-8px);
    border-color: var(--tyh-primary);
    box-shadow: 0 25px 50px -12px rgba(99, 102, 241, 0.25);
}

.tyh-wc-plan-card.is-featured {
    border-color: var(--tyh-primary);
    background: linear-gradient(145deg, rgba(30, 48, 92, 0.8) 0%, rgba(15, 26, 52, 0.95) 100%);
    box-shadow: 0 20px 45px -10px rgba(99, 102, 241, 0.35);
}

.tyh-wc-plan-featured-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--tyh-gradient-primary);
    color: #ffffff;
    padding: 4px 16px;
    border-radius: var(--tyh-radius-full);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
    white-space: nowrap;
}

.tyh-wc-plan-name {
    font-size: 22px;
    font-weight: 900;
    color: var(--tyh-text);
    margin-bottom: 8px;
}

.tyh-wc-plan-desc {
    font-size: 13px;
    color: var(--tyh-text-muted);
    line-height: 1.6;
    margin-bottom: 24px;
    min-height: 42px;
}

.tyh-wc-plan-price-wrap {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--tyh-border);
}

.tyh-wc-plan-price {
    font-size: 38px;
    font-weight: 900;
    color: var(--tyh-text);
    letter-spacing: -1px;
    line-height: 1;
}

.tyh-wc-plan-period {
    font-size: 13px;
    color: var(--tyh-text-muted);
    font-weight: 600;
    margin-top: 4px;
}

.tyh-wc-plan-features {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    flex: 1;
}

.tyh-wc-plan-features li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: var(--tyh-text);
    padding: 8px 0;
}

.tyh-wc-plan-features li i {
    color: var(--tyh-emerald);
    font-size: 13px;
    flex-shrink: 0;
}

/* === Global Datacenter & Network Visualizer === */
.tyh-wc-datacenter-section {
    padding: 90px 0;
    background: var(--tyh-bg-secondary);
    border-top: 1px solid var(--tyh-border);
    border-bottom: 1px solid var(--tyh-border);
}

.tyh-wc-network-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    margin-top: 40px;
}

.tyh-wc-node-card {
    background: var(--tyh-surface);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-md);
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.tyh-wc-node-card:hover, .tyh-wc-node-card.is-active {
    border-color: var(--tyh-cyan-light);
    background: var(--tyh-surface-elevated);
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(6, 182, 212, 0.25);
}

.tyh-wc-node-flag {
    font-size: 28px;
    margin-bottom: 10px;
}

.tyh-wc-node-location {
    font-size: 15px;
    font-weight: 800;
    color: var(--tyh-text);
}

.tyh-wc-node-latency {
    font-size: 12px;
    color: var(--tyh-emerald);
    font-weight: 700;
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* === 20x Performance Comparison === */
.tyh-wc-benchmark-box {
    background: var(--tyh-surface);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-lg);
    padding: 35px;
    margin-top: 40px;
}

.tyh-wc-bar-row {
    margin-bottom: 20px;
}

.tyh-wc-bar-info {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 8px;
    color: var(--tyh-text);
}

.tyh-wc-bar-track {
    height: 12px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: var(--tyh-radius-full);
    overflow: hidden;
}

.tyh-wc-bar-progress {
    height: 100%;
    border-radius: var(--tyh-radius-full);
    transition: width 1s ease-in-out;
}

.tyh-wc-bar-progress.fastest {
    background: linear-gradient(90deg, #10b981, #06b6d4);
    width: 95%;
}

.tyh-wc-bar-progress.standard {
    background: #f59e0b;
    width: 45%;
}

.tyh-wc-bar-progress.slow {
    background: #ef4444;
    width: 20%;
}

/* === Comprehensive Technology Bento === */
.tyh-wc-tech-bento {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 50px;
}

.tyh-wc-bento-item {
    background: var(--tyh-gradient-card);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-lg);
    padding: 32px;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.tyh-wc-bento-item:hover {
    transform: translateY(-6px);
    border-color: var(--tyh-primary);
    box-shadow: var(--tyh-shadow-lg);
}

.tyh-wc-bento-icon {
    width: 52px;
    height: 52px;
    border-radius: var(--tyh-radius-md);
    background: rgba(99, 102, 241, 0.14);
    color: var(--tyh-primary-light);
    display: grid;
    place-items: center;
    font-size: 22px;
    margin-bottom: 22px;
}

.tyh-wc-bento-title {
    font-size: 20px;
    font-weight: 800;
    color: var(--tyh-text);
    margin-bottom: 12px;
}

.tyh-wc-bento-desc {
    font-size: 14px;
    color: var(--tyh-text-muted);
    line-height: 1.8;
}

/* === Responsive Media Queries === */
@media (max-width: 1100px) {
    .tyh-wc-plan-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .tyh-wc-network-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .tyh-wc-tech-bento {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .tyh-wc-hero-inner {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .tyh-wc-hero-lead {
        margin-inline: auto;
    }
    .tyh-wc-hero-actions {
        justify-content: center;
    }
    .tyh-wc-hero-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 650px) {
    .tyh-wc-plan-grid {
        grid-template-columns: 1fr;
    }
    .tyh-wc-tech-bento {
        grid-template-columns: 1fr;
    }
    .tyh-wc-network-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .tyh-wc-domain-box {
        padding: 20px;
    }
    .tyh-wc-domain-form {
        flex-direction: column;
    }
    .tyh-wc-domain-form .tyh-wc-btn {
        width: 100%;
    }
}

/* === RTL Specific Tweaks for Arabic === */
html[dir="rtl"] .tyh-wc-hero-title {
    font-family: 'Tajawal', sans-serif;
    letter-spacing: 0;
    line-height: 1.35;
}

html[dir="rtl"] .tyh-wc-section-header h2 {
    font-family: 'Tajawal', sans-serif;
    letter-spacing: 0;
}

html[dir="rtl"] .tyh-wc-plan-name,
html[dir="rtl"] .tyh-wc-bento-title {
    font-family: 'Tajawal', sans-serif;
    letter-spacing: 0;
}

/* === World-Class Header & Navigation Enhancements === */
.orbit-header {
    position: sticky !important;
    top: 0;
    z-index: 1000;
    background: rgba(7, 12, 24, 0.85) !important;
    border-bottom: 1px solid var(--tyh-border) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    transition: all 0.3s ease;
}

html[data-orbit-theme="light"] .orbit-header {
    background: rgba(255, 255, 255, 0.88) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.orbit-nav {
    min-height: 84px !important;
}

.orbit-brand {
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
}

.orbit-mark {
    width: 32px !important;
    height: 34px !important;
}

.orbit-mark span:nth-child(1) { background: var(--tyh-primary) !important; }
.orbit-mark span:nth-child(2) { background: var(--tyh-cyan-light) !important; }
.orbit-mark span:nth-child(3) { background: var(--tyh-emerald) !important; }

.orbit-links > a, .orbit-menu > summary {
    padding-block: 28px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: color 0.2s ease;
}

.orbit-links > a:hover, .orbit-menu > summary:hover {
    color: var(--tyh-primary-light) !important;
}

.orbit-mega {
    background: var(--tyh-surface-elevated) !important;
    border: 1px solid var(--tyh-border-highlight) !important;
    border-radius: var(--tyh-radius-lg) !important;
    box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.6), 0 0 40px rgba(99, 102, 241, 0.15) !important;
    padding: 20px !important;
    backdrop-filter: blur(25px) !important;
}

.orbit-mega a {
    border-radius: var(--tyh-radius-md) !important;
    transition: all 0.2s ease;
}

.orbit-mega a:hover {
    background: var(--tyh-surface-hover) !important;
    transform: translateX(if-ltr(4px, -4px));
}

.orbit-mega a > i {
    color: var(--tyh-primary-light) !important;
}

.orbit-language {
    background: var(--tyh-surface);
    border: 1px solid var(--tyh-border);
    padding: 8px 16px;
    border-radius: var(--tyh-radius-full);
    font-size: 13px !important;
    font-weight: 800 !important;
    transition: all 0.2s;
}

.orbit-language:hover {
    border-color: var(--tyh-primary-light);
    color: var(--tyh-primary-light) !important;
    transform: translateY(-2px);
}

/* === World-Class Footer Enhancements === */
.orbit-footer {
    background: var(--tyh-bg-secondary) !important;
    border-top: 1px solid var(--tyh-border) !important;
    padding-top: 80px !important;
}

.orbit-footer h3 {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    color: var(--tyh-text) !important;
    margin-bottom: 22px !important;
    text-transform: uppercase;
}

.orbit-footer a {
    color: var(--tyh-text-muted) !important;
    font-size: 13px !important;
    line-height: 2 !important;
    transition: all 0.2s;
}

.orbit-footer a:hover {
    color: var(--tyh-primary-light) !important;
    padding-inline-start: 4px;
}

/* === Official License Badge & Icon Styling === */
.tyh-wc-license-header {
    min-height: 58px;
}

.tyh-wc-license-icon-box {
    position: relative;
    overflow: hidden;
}

.tyh-wc-plan-card:hover .tyh-wc-license-icon-box {
    transform: scale(1.08) rotate(-3deg);
    border-color: var(--tyh-primary-light);
}

.tyh-wc-plan-card:hover .tyh-wc-license-icon-box img {
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.4));
}


/* ==========================================================================
   HOSTINGER-PLUS HERO SLIDER, COUNTDOWN PROMO BAR & MULTI-CATEGORY TABS
   ========================================================================== */

/* 1. Flash Sale Top Promo Bar + Live Countdown */
.tyh-wc-promo-bar {
    position: relative;
    z-index: 3;
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.16), rgba(6, 182, 212, 0.16), rgba(16, 185, 129, 0.14));
    border-bottom: 1px solid var(--tyh-border);
    padding: 10px 0;
    margin-bottom: 28px;
    backdrop-filter: blur(12px);
}

.tyh-wc-promo-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.tyh-wc-promo-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border-radius: var(--tyh-radius-full);
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.35);
}

.tyh-wc-promo-text {
    font-size: 13px;
    font-weight: 700;
    color: var(--tyh-text);
    margin: 0;
    flex: 1;
}

.tyh-wc-promo-text strong {
    color: var(--tyh-cyan-light);
}

.tyh-wc-promo-text code {
    background: rgba(99, 102, 241, 0.22);
    border: 1px dashed var(--tyh-primary-light);
    color: #fff;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 900;
    margin-inline: 4px;
}

.tyh-wc-countdown {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Inter', monospace;
}

.tyh-wc-cd-box {
    background: rgba(7, 12, 24, 0.75);
    border: 1px solid var(--tyh-border-highlight);
    border-radius: 8px;
    padding: 4px 8px;
    min-width: 44px;
    text-align: center;
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.tyh-wc-cd-box span {
    font-size: 14px;
    font-weight: 900;
    color: var(--tyh-cyan-light);
}

.tyh-wc-cd-box small {
    font-size: 9px;
    font-weight: 700;
    color: var(--tyh-text-muted);
    text-transform: uppercase;
}

.tyh-wc-cd-sep {
    font-weight: 900;
    color: var(--tyh-primary-light);
}

/* 2. Hero Slider Viewport & Slide Transitions */
.tyh-wc-slider-viewport {
    position: relative;
    z-index: 2;
    min-height: 490px;
}

.tyh-wc-slide {
    display: none;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.45s ease, transform 0.45s ease;
}

.tyh-wc-slide.is-active {
    display: block;
    opacity: 1;
    transform: translateY(0);
    animation: tyhSlideFadeIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes tyhSlideFadeIn {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.99);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Hero Checkmarks List (Hostinger Style) */
.tyh-wc-hero-checks {
    list-style: none;
    padding: 0;
    margin: 0 0 22px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
}

.tyh-wc-hero-checks li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    color: var(--tyh-text);
}

.tyh-wc-hero-checks li i {
    color: var(--tyh-emerald);
    font-size: 15px;
    flex-shrink: 0;
}

/* Hero Price Spotlight */
.tyh-wc-hero-price-spotlight {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    background: rgba(15, 26, 52, 0.72);
    border: 1px solid var(--tyh-border-highlight);
    border-radius: var(--tyh-radius-md);
    padding: 12px 20px;
    margin-bottom: 24px;
}

.tyh-wc-price-label {
    font-size: 12px;
    font-weight: 700;
    color: var(--tyh-text-muted);
}

.tyh-wc-price-big {
    font-size: 36px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -1px;
    line-height: 1;
}

.tyh-wc-price-big small {
    font-size: 15px;
    font-weight: 700;
    color: var(--tyh-cyan-light);
}

.tyh-wc-price-bonus {
    background: rgba(16, 185, 129, 0.16);
    color: var(--tyh-emerald);
    border: 1px solid rgba(16, 185, 129, 0.35);
    padding: 3px 10px;
    border-radius: var(--tyh-radius-full);
    font-size: 11px;
    font-weight: 800;
}

.tyh-wc-guarantee-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--tyh-text-muted);
    padding: 8px 4px;
}

.tyh-wc-guarantee-badge i {
    color: var(--tyh-emerald);
    font-size: 16px;
}

.tyh-wc-console-title {
    margin-inline-start: auto;
    font-family: monospace;
    font-size: 11px;
    color: var(--tyh-text-muted);
    font-weight: 700;
}

.tyh-wc-console-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 16px;
}

.tyh-wc-mini-stat {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-sm);
    padding: 12px;
}

.tyh-wc-mini-stat small {
    display: block;
    font-size: 11px;
    color: var(--tyh-text-muted);
}

.tyh-wc-mini-stat strong {
    font-size: 15px;
    font-weight: 900;
}

/* Slide 1: Hardware Vendor Badges & Terminal */
.tyh-wc-vendor-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.tyh-wc-vendor-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-md);
    padding: 12px;
}

.tyh-wc-vendor-card img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;
}

.tyh-wc-vendor-card strong {
    display: block;
    font-size: 13px;
    color: var(--tyh-text);
}

.tyh-wc-vendor-card span {
    font-size: 11px;
    color: var(--tyh-text-muted);
}

.tyh-wc-terminal-box {
    background: rgba(4, 8, 18, 0.9);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-md);
    padding: 16px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    line-height: 1.75;
    color: #cbd5e1;
}

.tyh-wc-term-prompt {
    color: var(--tyh-cyan-light);
    font-weight: 700;
}

.tyh-wc-term-ok {
    color: var(--tyh-emerald);
}

/* Slide 2: Official License Mini Showcase Grid */
.tyh-wc-license-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.tyh-wc-license-mini-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-md);
    padding: 14px 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.tyh-wc-license-mini-card:hover {
    transform: translateY(-4px);
    border-color: var(--tyh-primary-light);
    background: rgba(99, 102, 241, 0.14);
}

.tyh-wc-license-mini-card img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.tyh-wc-license-mini-card strong {
    font-size: 12px;
    color: var(--tyh-text);
}

.tyh-wc-license-mini-card span {
    font-size: 11px;
    font-weight: 800;
    color: var(--tyh-emerald);
}

.tyh-wc-console-banner {
    margin-top: 14px;
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: var(--tyh-radius-sm);
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 700;
    color: var(--tyh-emerald);
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Slide 3: Dedicated Server Rack Units */
.tyh-wc-rack-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tyh-wc-rack-unit {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-md);
    padding: 12px 14px;
}

.tyh-wc-rack-unit img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    flex-shrink: 0;
}

.tyh-wc-rack-info {
    flex: 1;
    min-width: 0;
}

.tyh-wc-rack-info strong {
    display: block;
    font-size: 13px;
    color: var(--tyh-text);
}

.tyh-wc-rack-info span {
    font-size: 11px;
    color: var(--tyh-text-muted);
}

.tyh-wc-rack-price {
    font-size: 15px;
    font-weight: 900;
    color: var(--tyh-cyan-light);
    white-space: nowrap;
}

/* 3. Interactive Slider Navigation Bar (Tabs + Arrows + Progress Bar) */
.tyh-wc-slider-nav {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 32px;
}

.tyh-wc-slider-arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--tyh-surface);
    border: 1px solid var(--tyh-border);
    color: var(--tyh-text);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: all 0.25s ease;
    flex-shrink: 0;
}

.tyh-wc-slider-arrow:hover {
    background: var(--tyh-primary);
    border-color: var(--tyh-primary-light);
    color: #fff;
    transform: scale(1.06);
}

.tyh-wc-slider-tabs {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.tyh-wc-slider-tab {
    position: relative;
    background: rgba(15, 26, 52, 0.65);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-md);
    padding: 12px 14px;
    color: var(--tyh-text-muted);
    font-size: 13px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.25s ease;
}

.tyh-wc-slider-tab:hover {
    color: var(--tyh-text);
    border-color: var(--tyh-primary-light);
}

.tyh-wc-slider-tab.is-active {
    background: rgba(99, 102, 241, 0.18);
    border-color: var(--tyh-primary);
    color: #fff;
    box-shadow: 0 10px 25px -8px rgba(99, 102, 241, 0.4);
}

.tyh-wc-slider-tab i {
    color: var(--tyh-cyan-light);
}

.tyh-wc-tab-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0%;
    background: var(--tyh-gradient-primary);
    transition: width 0.2s linear;
}

.tyh-wc-slider-tab.is-active .tyh-wc-tab-progress {
    animation: tyhSliderProgress 6s linear forwards;
}

@keyframes tyhSliderProgress {
    from { width: 0%; }
    to { width: 100%; }
}

/* Domain Box Header inside Hero */
.tyh-wc-domain-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.tyh-wc-domain-header h3 {
    font-size: 16px;
    font-weight: 800;
    color: var(--tyh-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tyh-wc-domain-header h3 i {
    color: var(--tyh-cyan-light);
}

.tyh-wc-domain-transfer-link {
    font-size: 12px;
    font-weight: 800;
    color: var(--tyh-primary-light);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.tyh-wc-domain-transfer-link:hover {
    color: var(--tyh-cyan-light);
}

/* 4. Multi-Category Pricing Switcher Tabs (Homepage) */
.tyh-wc-cat-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    background: var(--tyh-surface);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-lg);
    padding: 8px;
    margin-top: 28px;
    margin-bottom: 6px;
}

.tyh-wc-cat-tab {
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--tyh-radius-md);
    padding: 10px 18px;
    color: var(--tyh-text-muted);
    font-size: 13px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.tyh-wc-cat-tab:hover {
    color: var(--tyh-text);
    background: rgba(255, 255, 255, 0.04);
}

.tyh-wc-cat-tab.is-active {
    background: var(--tyh-gradient-primary);
    color: #fff;
    box-shadow: 0 8px 20px -4px rgba(99, 102, 241, 0.45);
}

.tyh-wc-cat-pane {
    display: none;
}

.tyh-wc-cat-pane.is-active {
    display: block;
    animation: tyhSlideFadeIn 0.4s ease forwards;
}

.tyh-wc-discount-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.tyh-wc-old-price {
    font-size: 13px;
    color: var(--tyh-text-subtle);
    text-decoration: line-through;
    font-weight: 600;
}

.tyh-wc-discount-tag {
    background: rgba(16, 185, 129, 0.16);
    color: var(--tyh-emerald);
    border: 1px solid rgba(16, 185, 129, 0.35);
    padding: 2px 8px;
    border-radius: var(--tyh-radius-full);
    font-size: 10px;
    font-weight: 900;
}

.tyh-wc-plans-footer-bar {
    margin-top: 36px;
    padding: 20px 28px;
    background: var(--tyh-surface);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-lg);
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 16px;
}

.tyh-wc-guarantee-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 700;
    color: var(--tyh-text);
}

.tyh-wc-guarantee-item i {
    color: var(--tyh-emerald);
    font-size: 16px;
}

/* 5. Inner Service Page Trust Pills */
.tyh-wc-inner-trust-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.tyh-wc-inner-trust-pills span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(15, 26, 52, 0.75);
    border: 1px solid var(--tyh-border);
    border-radius: var(--tyh-radius-full);
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 700;
    color: var(--tyh-text);
}

.tyh-wc-inner-trust-pills span i {
    color: var(--tyh-emerald);
}

/* 6. Interactive Trustpilot Reviews Slider */
.tyh-wc-reviews-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.tyh-wc-reviews-header h2 {
    font-size: clamp(26px, 3.2vw, 38px);
    font-weight: 900;
    margin: 8px 0;
}

.tyh-wc-reviews-header p {
    color: var(--tyh-text-muted);
    margin: 0;
}

.tyh-wc-reviews-controls {
    display: flex;
    align-items: center;
    gap: 14px;
}

.tyh-wc-trustpilot-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0, 182, 122, 0.12);
    border: 1px solid rgba(0, 182, 122, 0.35);
    border-radius: var(--tyh-radius-full);
    padding: 8px 16px;
    font-size: 13px;
}

.tyh-wc-tp-stars {
    color: #00b67a;
    letter-spacing: 2px;
    font-size: 14px;
}

.tyh-wc-trustpilot-pill strong {
    color: var(--tyh-text);
}

.tyh-wc-trustpilot-pill a {
    color: #00b67a;
    font-weight: 800;
    text-decoration: none;
}

.tyh-wc-review-nav-btns {
    display: flex;
    gap: 8px;
}

.tyh-wc-review-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--tyh-surface);
    border: 1px solid var(--tyh-border);
    color: var(--tyh-text);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tyh-wc-review-arrow:hover {
    background: var(--tyh-primary);
    border-color: var(--tyh-primary-light);
    color: #fff;
}

.tyh-wc-review-card {
    background: var(--tyh-gradient-card) !important;
    border: 1px solid var(--tyh-border) !important;
    border-radius: var(--tyh-radius-lg) !important;
    padding: 24px !important;
    transition: all 0.3s ease;
}

.tyh-wc-review-card:hover {
    transform: translateY(-5px);
    border-color: var(--tyh-primary) !important;
    box-shadow: var(--tyh-shadow-md);
}

.tyh-wc-review-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.tyh-wc-tp-box-stars {
    display: inline-flex;
    gap: 3px;
}

.tyh-wc-tp-box-stars span {
    width: 22px;
    height: 22px;
    background: #00b67a;
    color: #fff;
    border-radius: 4px;
    display: grid;
    place-items: center;
    font-size: 12px;
}

.tyh-wc-verified-badge {
    font-size: 11px;
    font-weight: 700;
    color: var(--tyh-emerald);
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

@media (max-width: 900px) {
    .tyh-wc-slider-tabs {
        grid-template-columns: repeat(2, 1fr);
    }
    .tyh-wc-hero-checks {
        grid-template-columns: 1fr;
        text-align: start;
    }
    .tyh-wc-promo-inner {
        justify-content: center;
        text-align: center;
    }
}


/* ==========================================================================
   HIGH-CONTRAST OFFICIAL LICENSES PAGE & DOCUMENTATION HUB (v3.5)
   ========================================================================== */

.tyh-lic-hero {
    padding: 56px 0 44px;
    background:
        radial-gradient(circle at 15% 20%, rgba(99, 102, 241, 0.22) 0%, transparent 45%),
        radial-gradient(circle at 85% 30%, rgba(6, 182, 212, 0.18) 0%, transparent 45%),
        linear-gradient(180deg, #070d19 0%, #0b1426 100%);
    border-bottom: 1px solid var(--tyh-border-highlight);
}

.tyh-lic-hero-grid {
    display: grid;
    grid-template-columns: 1.12fr 0.88fr;
    gap: 36px;
    align-items: center;
}

.tyh-lic-hero-copy h1 {
    font-size: clamp(30px, 3.8vw, 48px);
    font-weight: 900;
    line-height: 1.22;
    color: #ffffff;
    margin: 14px 0 16px;
}

.tyh-lic-hero-lead {
    font-size: 16px;
    line-height: 1.8;
    color: #cbd5e1;
    margin-bottom: 26px;
}

.tyh-lic-hero-lead strong {
    color: #ffffff;
}

.tyh-lic-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 30px;
}

.tyh-lic-docs-btn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.24);
    color: #ffffff;
}

.tyh-lic-docs-btn:hover {
    background: #ffffff;
    color: #0b1426;
    border-color: #ffffff;
}

.tyh-lic-pillars {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.tyh-lic-pillar {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(15, 26, 52, 0.85);
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 14px;
    padding: 12px 16px;
}

.tyh-lic-pillar i {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(6, 182, 212, 0.16);
    color: #22d3ee;
    display: grid;
    place-items: center;
    font-size: 16px;
    flex-shrink: 0;
}

.tyh-lic-pillar strong {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #ffffff;
}

.tyh-lic-pillar small {
    font-size: 11px;
    color: #94a3b8;
}

/* Right Hero Board: High-Contrast Official Brand Showcase */
.tyh-lic-hero-board {
    background: linear-gradient(155deg, #111e38 0%, #0a1224 100%);
    border: 1px solid rgba(99, 102, 241, 0.4);
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.7), 0 0 40px rgba(99, 102, 241, 0.18);
}

.tyh-lic-board-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    font-size: 12px;
}

.tyh-lic-board-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    color: #34d399;
}

.tyh-lic-pulse {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 12px #10b981;
}

.tyh-lic-board-head a {
    color: #38bdf8;
    font-weight: 800;
    text-decoration: none;
}

.tyh-lic-showcase-logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.tyh-lic-mini-tile {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 14px;
    padding: 12px 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.tyh-lic-mini-tile:hover {
    transform: translateY(-4px);
    background: rgba(99, 102, 241, 0.16);
    border-color: #818cf8;
    box-shadow: 0 12px 24px -8px rgba(99, 102, 241, 0.4);
}

/* Pure White High-Contrast Logo Container inside Hero Tile */
.tyh-lic-white-badge {
    width: 100%;
    height: 44px;
    background: #ffffff;
    border-radius: 10px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.tyh-lic-white-badge img {
    max-width: 100%;
    max-height: 30px;
    object-fit: contain;
}

.tyh-lic-mini-tile strong {
    font-size: 12px;
    font-weight: 800;
    color: #ffffff;
}

.tyh-lic-mini-tile span {
    font-size: 11px;
    font-weight: 800;
    color: #34d399;
}

.tyh-lic-board-cmd {
    margin-top: 16px;
    background: #060b16;
    border: 1px solid rgba(56, 189, 248, 0.3);
    border-radius: 12px;
    padding: 12px 14px;
}

.tyh-lic-board-cmd-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    margin-bottom: 6px;
}

.tyh-lic-board-cmd code {
    display: block;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 11.5px;
    color: #38bdf8;
    overflow-x: auto;
    white-space: nowrap;
}

/* 2. License Filter & Search Toolbar */
.tyh-lic-catalog-section {
    padding: 50px 0 70px;
}

.tyh-lic-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    background: #0f1a34;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 18px;
    padding: 14px 18px;
    margin-bottom: 36px;
    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.45);
}

.tyh-lic-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tyh-lic-filter-btn {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 12px;
    padding: 9px 14px;
    color: #cbd5e1;
    font-size: 12.5px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tyh-lic-filter-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-color: #818cf8;
}

.tyh-lic-filter-btn.is-active {
    background: var(--tyh-gradient-primary);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 6px 18px -4px rgba(99, 102, 241, 0.55);
}

.tyh-lic-search-box {
    position: relative;
    min-width: 280px;
    flex: 1;
    max-width: 360px;
}

.tyh-lic-search-box i {
    position: absolute;
    top: 50%;
    inset-inline-start: 14px;
    transform: translateY(-50%);
    color: #38bdf8;
    font-size: 14px;
}

.tyh-lic-search-box input {
    width: 100%;
    background: #070d19;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 12px;
    padding: 10px 14px 10px 38px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}

html[dir="rtl"] .tyh-lic-search-box input {
    padding: 10px 38px 10px 14px;
}

.tyh-lic-search-box input:focus {
    outline: none;
    border-color: #38bdf8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2);
}

/* 3. High-Contrast License Product Cards Grid */
.tyh-lic-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.tyh-lic-card {
    background: linear-gradient(160deg, #13203d 0%, #0b1428 100%);
    border: 1.5px solid rgba(148, 163, 184, 0.25);
    border-radius: 22px;
    padding: 26px;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 16px 36px -12px rgba(0, 0, 0, 0.55);
}

.tyh-lic-card:hover {
    transform: translateY(-7px);
    border-color: #6366f1;
    box-shadow: 0 24px 50px -12px rgba(99, 102, 241, 0.35);
}

.tyh-lic-card.is-featured {
    border-color: #6366f1;
    background: linear-gradient(160deg, #192b52 0%, #0d1830 100%);
    box-shadow: 0 20px 45px -10px rgba(99, 102, 241, 0.4);
}

/* Top Row of License Card: HIGH-CONTRAST PURE WHITE LOGO FRAME */
.tyh-lic-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.tyh-lic-logo-frame {
    background: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 14px;
    padding: 10px 16px;
    height: 62px;
    min-width: 125px;
    max-width: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), 0 0 22px var(--lic-accent, rgba(99, 102, 241, 0.3));
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tyh-lic-card:hover .tyh-lic-logo-frame {
    transform: scale(1.05);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5), 0 0 28px var(--lic-accent, rgba(99, 102, 241, 0.5));
}

.tyh-lic-logo-frame img {
    max-width: 130px;
    max-height: 42px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.tyh-lic-meta-badges {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.tyh-lic-cat-pill {
    background: rgba(99, 102, 241, 0.2);
    border: 1px solid rgba(129, 140, 248, 0.4);
    color: #c7d2fe;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 999px;
    white-space: nowrap;
}

.tyh-lic-type-pill {
    background: rgba(7, 13, 25, 0.85);
    border: 1px solid #38bdf8;
    color: #38bdf8;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.5px;
    padding: 3px 9px;
    border-radius: 6px;
    text-transform: uppercase;
    white-space: nowrap;
}

.tyh-lic-title-block {
    margin-bottom: 14px;
}

.tyh-lic-vendor {
    display: block;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #38bdf8;
    margin-bottom: 4px;
}

.tyh-lic-title-block h3 {
    font-size: 19px;
    font-weight: 900;
    color: #ffffff;
    line-height: 1.35;
    margin: 0 0 8px;
}

.tyh-lic-summary {
    font-size: 13.5px;
    line-height: 1.65;
    color: #cbd5e1;
    margin: 0;
    min-height: 44px;
}

.tyh-lic-os-strip {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(7, 13, 25, 0.65);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 11.5px;
    font-weight: 700;
    color: #e2e8f0;
    margin-bottom: 16px;
}

.tyh-lic-os-strip i {
    color: #fbbf24;
    font-size: 15px;
}

/* High-Contrast Price & Billing Cycle Box */
.tyh-lic-price-box {
    background: rgba(7, 13, 25, 0.78);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 16px;
}

.tyh-lic-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.tyh-lic-price-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    margin-bottom: 2px;
}

.tyh-lic-price-box .tyh-wc-plan-price {
    font-size: 30px;
    font-weight: 900;
    color: #ffffff;
}

.tyh-lic-instant-tag {
    background: rgba(16, 185, 129, 0.18);
    border: 1px solid rgba(16, 185, 129, 0.45);
    color: #34d399;
    font-size: 11px;
    font-weight: 800;
    padding: 5px 10px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.tyh-lic-cycle-select-wrap {
    display: block;
    margin: 0;
}

.tyh-lic-cycle-select-wrap span {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #cbd5e1;
    margin-bottom: 5px;
}

.tyh-lic-cycle-select-wrap select {
    width: 100%;
    background: #13203d;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 10px;
    padding: 9px 12px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.tyh-lic-cta-row {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
}

.tyh-lic-cta-row .tyh-wc-btn {
    flex: 1;
}

.tyh-Lic-order-btn {
    background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
    color: #ffffff;
    border: 1px solid rgba(129, 140, 248, 0.45);
    box-shadow: 0 8px 20px -5px rgba(37, 99, 235, 0.5);
}

.tyh-Lic-order-btn:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
    color: #ffffff;
    transform: translateY(-2px);
}

.tyh-lic-guide-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 14px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(148, 163, 184, 0.3);
    color: #e2e8f0;
    font-size: 12.5px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.tyh-lic-guide-link:hover {
    background: #ffffff;
    color: #0b1426;
    border-color: #ffffff;
}

.tyh-lic-features {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
    flex: 1;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    padding-top: 14px;
}

.tyh-lic-features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #f1f5f9;
    padding: 6px 0;
    line-height: 1.5;
}

.tyh-lic-features li i {
    color: #10b981;
    font-size: 14px;
    margin-top: 3px;
    flex-shrink: 0;
}

/* Card Terminal Command Footer */
.tyh-lic-cmd-footer {
    background: #060b16;
    border: 1px solid rgba(56, 189, 248, 0.28);
    border-radius: 12px;
    padding: 10px 12px;
    margin-top: auto;
}

.tyh-lic-cmd-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    margin-bottom: 5px;
}

.tyh-lic-cmd-footer code {
    display: block;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    font-weight: 700;
    color: #38bdf8;
    overflow-x: auto;
    white-space: nowrap;
}

.tyh-lic-copy-btn {
    background: rgba(56, 189, 248, 0.14);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38bdf8;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 10.5px;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all 0.2s ease;
}

.tyh-lic-copy-btn:hover,
.tyh-lic-copy-btn.is-copied {
    background: #10b981;
    border-color: #10b981;
    color: #ffffff;
}

/* 4. Extra API Licenses Section */
.tyh-lic-extra-header {
    margin: 64px 0 28px;
    text-align: center;
}

.tyh-lic-extra-header h2 {
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 900;
    color: #ffffff;
    margin: 12px 0 8px;
}

.tyh-lic-extra-header p {
    color: #cbd5e1;
    max-width: 680px;
    margin: 0 auto;
}

.tyh-lic-compact-price-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(7, 13, 25, 0.78);
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 14px;
}

.tyh-lic-compact-price-bar small {
    display: block;
    font-size: 10.5px;
    color: #94a3b8;
}

.tyh-lic-compact-price-bar strong {
    font-size: 20px;
    font-weight: 900;
    color: #34d399;
}

.tyh-lic-compact-btns {
    display: flex;
    gap: 8px;
}

/* 5. Official Documentation Hub & OS Compatibility Matrix */
.tyh-lic-docs-hub {
    padding: 70px 0;
    background: #080f1e;
    border-top: 1px solid var(--tyh-border);
    border-bottom: 1px solid var(--tyh-border);
}

.tyh-lic-steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-bottom: 36px;
}

.tyh-lic-step-card {
    background: linear-gradient(160deg, #13203d 0%, #0b1428 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 18px;
    padding: 24px;
    display: flex;
    flex-direction: column;
}

.tyh-lic-step-num {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--tyh-gradient-primary);
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
}

.tyh-lic-step-card h3 {
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: 8px;
}

.tyh-lic-step-card p {
    font-size: 13.5px;
    color: #cbd5e1;
    line-height: 1.65;
    margin-bottom: 16px;
    flex: 1;
}

.tyh-lic-tech-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.tyh-lic-os-card {
    background: linear-gradient(160deg, #13203d 0%, #0b1428 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 20px;
    padding: 28px;
}

.tyh-lic-os-card h3 {
    font-size: 20px;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.tyh-lic-os-card h3 i {
    color: #38bdf8;
}

.tyh-lic-os-card > p {
    font-size: 13.5px;
    color: #cbd5e1;
    margin-bottom: 18px;
}

.tyh-lic-table-wrap {
    overflow-x: auto;
}

.tyh-lic-os-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.tyh-lic-os-table th,
.tyh-lic-os-table td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    text-align: start;
    color: #e2e8f0;
}

.tyh-lic-os-table th {
    background: rgba(7, 13, 25, 0.7);
    color: #94a3b8;
    font-weight: 800;
    font-size: 11.5px;
    text-transform: uppercase;
}

.tyh-lic-status-ok {
    background: rgba(16, 185, 129, 0.18);
    border: 1px solid rgba(16, 185, 129, 0.4);
    color: #34d399;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 999px;
}

.tyh-lic-status-els {
    background: rgba(56, 189, 248, 0.18);
    border: 1px solid rgba(56, 189, 248, 0.4);
    color: #38bdf8;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 999px;
}

.tyh-lic-Quick-cmds {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tyh-lic-qcmd-item {
    background: #060b16;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 12px;
    padding: 10px 14px;
}

.tyh-lic-qcmd-item strong {
    color: #e2e8f0;
    font-size: 12px;
}

.tyh-lic-qcmd-item code {
    display: block;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    color: #34d399;
    margin-top: 4px;
    overflow-x: auto;
    white-space: nowrap;
}

/* Also upgrade Portfolio Catalog Cards on Homepage with High-Contrast White Logo Badge */
.tyh-wc-portfolio-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.tyh-wc-portfolio-logo {
    width: 52px;
    height: 52px;
    background: #ffffff;
    border-radius: 14px;
    padding: 8px;
    display: grid;
    place-items: center;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

.tyh-wc-portfolio-logo img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.tyh-wc-portfolio-price-pill {
    background: rgba(16, 185, 129, 0.14);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #34d399;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
}

@media (max-width: 1100px) {
    .tyh-lic-grid,
    .tyh-lic-steps-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .tyh-lic-hero-grid,
    .tyh-lic-tech-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .tyh-lic-grid,
    .tyh-lic-steps-grid,
    .tyh-lic-pillars {
        grid-template-columns: 1fr;
    }
    .tyh-lic-showcase-logos {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* Upgrade all license/brand icon boxes across the entire site for high contrast */
.tyh-wc-license-icon-box,
.tyh-wc-license-mini-card img {
    background: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

.tyh-wc-license-mini-card img {
    width: 48px !important;
    height: 48px !important;
    padding: 6px !important;
    border-radius: 10px !important;
}


/* ==========================================================================
   MAC-STYLE LIVE SERVER TERMINAL & FLOATING PROTECTION BADGES (.sec-home-visual)
   ========================================================================== */

.tyh-lic-visual-col {
    position: relative;
    padding: 24px 18px;
}

.sec-home-visual {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

/* Floating White Badges (Top-Right & Bottom-Left) */
.sec-home-float {
    position: absolute;
    z-index: 5;
    background: #ffffff;
    border-radius: 16px;
    padding: 13px 20px;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45), 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.95);
    transition: transform 0.3s ease;
    animation: tyhFloatBadge 4.5s ease-in-out infinite;
}

.sec-home-float--top {
    top: -22px;
    right: -14px;
}

.sec-home-float--bottom {
    bottom: -24px;
    left: -18px;
    animation-delay: 2.2s;
}

@keyframes tyhFloatBadge {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.sec-home-float-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #e8fbf3;
    color: #10b981;
    display: grid;
    place-items: center;
    font-size: 20px;
    flex-shrink: 0;
}

.sec-home-float span {
    display: flex;
    flex-direction: column;
    text-align: start;
    line-height: 1.3;
}

.sec-home-float strong {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.2px;
}

.sec-home-float small {
    font-size: 12.5px;
    font-weight: 600;
    color: #64748b;
    margin-top: 2px;
}

/* Dark macOS Terminal Window */
.vps-terminal {
    background: #101520;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 30px 70px -15px rgba(0, 0, 0, 0.78), 0 0 40px rgba(37, 99, 235, 0.18);
    text-align: left;
    direction: ltr;
}

.terminal-header {
    background: #1c2331;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.terminal-controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.terminal-controls .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.terminal-controls .dot.red { background: #ff5f56; }
.terminal-controls .dot.yellow { background: #ffbd2e; }
.terminal-controls .dot.green { background: #27c93f; }

.terminal-title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'DM Mono', 'Consolas', 'Monaco', monospace;
    font-size: 13px;
    font-weight: 600;
    color: #94a3b8;
    white-space: nowrap;
}

.terminal-body {
    padding: 24px 24px 28px;
    font-family: 'DM Mono', 'Consolas', 'Monaco', monospace;
    font-size: 13.5px;
    line-height: 1.75;
    color: #cbd5e1;
    background: #101520;
    min-height: 360px;
}

.terminal-body .term-line {
    margin-top: 12px;
    word-break: break-word;
}

.terminal-body .term-line:first-child {
    margin-top: 0;
}

.terminal-body .prompt {
    color: #22c55e;
    font-weight: 700;
    margin-right: 6px;
}

.terminal-body .command {
    color: #ffffff;
    font-weight: 700;
}

.terminal-body .output {
    color: #94a3b8;
    margin-top: 2px;
    margin-bottom: 10px;
    padding-left: 2px;
}

.terminal-body .cursor {
    display: inline-block;
    width: 8px;
    height: 16px;
    background: #22c55e;
    vertical-align: middle;
    margin-left: 4px;
    animation: tyhTermBlink 1s step-end infinite;
}

@keyframes tyhTermBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Quick-Access Brand Bar Below Hero */
.tyh-lic-hero-brandbar {
    margin-top: 42px;
    padding-top: 28px;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.tyh-lic-showcase-logos--9col {
    grid-template-columns: repeat(9, 1fr);
}

@media (max-width: 1200px) {
    .tyh-lic-showcase-logos--9col {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 768px) {
    .sec-home-float--top,
    .sec-home-float--bottom {
        position: static;
        margin: 10px 0;
        width: 100%;
    }
    .tyh-lic-showcase-logos--9col {
        grid-template-columns: repeat(3, 1fr);
    }
}



/* ==========================================================================
   LOGGED-IN CLIENT COMMAND BAR, MEGA DROPDOWNS, MOBILE DRAWER & PORTAL (v4.2)
   ========================================================================== */

/* Permanent Mobile & Tablet Main Site Navigation Bar (<= 1020px) */
.tyh-mobile-sitenav {
    display: none;
    background: rgba(8, 15, 30, 0.96);
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    padding: 6px 0;
}

html[data-orbit-theme="light"] .tyh-mobile-sitenav {
    background: #f1f5f9;
    border-top-color: rgba(15, 23, 42, 0.1);
}

.tyh-mobile-sitenav-inner {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
    scrollbar-color: rgba(56, 189, 248, 0.55) rgba(255, 255, 255, 0.05);
}

.tyh-mobile-sitenav-inner::-webkit-scrollbar {
    height: 4px;
}

.tyh-mobile-sitenav-inner::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 999px;
}

.tyh-mobile-sitenav-inner::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.55);
    border-radius: 999px;
}

.tyh-mobile-sitenav-inner a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 11px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(148, 163, 184, 0.18);
    color: #cbd5e1 !important;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none !important;
    flex-shrink: 0;
}

html[data-orbit-theme="light"] .tyh-mobile-sitenav-inner a {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.12);
    color: #334155 !important;
}

.tyh-mobile-sitenav-inner a i {
    color: #38bdf8;
    font-size: 11.5px;
}

.tyh-mobile-sitenav-inner a.is-highlight {
    border-color: rgba(56, 189, 248, 0.4);
    background: rgba(6, 182, 212, 0.12);
    color: #ffffff !important;
}

.tyh-mobile-sitenav-inner a.is-active,
.tyh-mobile-sitenav-inner a:hover {
    background: rgba(37, 99, 235, 0.24);
    border-color: #38bdf8;
    color: #ffffff !important;
}

/* Ensure main hamburger menu opens above client command bar on mobile */
.orbit-header {
    z-index: 500 !important;
}

.orbit-links.is-open {
    z-index: 3000 !important;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.85) !important;
}

/* Client Command Bar Wrapper (Outside Header to prevent backdrop-filter fixed trap) */
.tyh-cnav-wrapper {
    position: relative;
    z-index: 400;
    background: linear-gradient(180deg, #0d1830 0%, #091122 100%);
    border-top: 1px solid rgba(56, 189, 248, 0.22);
    border-bottom: 1px solid rgba(99, 102, 241, 0.26);
    box-shadow: 0 14px 34px -10px rgba(0, 0, 0, 0.55);
}

html[data-orbit-theme="light"] .tyh-cnav-wrapper {
    background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%);
    border-top: 1px solid rgba(37, 99, 235, 0.16);
    border-bottom: 1px solid rgba(37, 99, 235, 0.2);
    box-shadow: 0 10px 28px -10px rgba(15, 23, 42, 0.08);
}

.tyh-cnav-container {
    width: min(1380px, calc(100% - 32px)) !important;
    margin-inline: auto !important;
}

.tyh-cnav-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 56px;
    padding: 6px 0;
}

.tyh-cnav-divider {
    width: 1px;
    height: 26px;
    background: rgba(148, 163, 184, 0.22);
    flex-shrink: 0;
}

/* 1. Client Identity Pill */
.tyh-cnav-item {
    position: relative;
    flex-shrink: 0;
}

.tyh-cnav-identity {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px 5px 7px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(148, 163, 184, 0.24);
    color: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: start;
}

html[dir="rtl"] .tyh-cnav-identity {
    padding: 5px 7px 5px 10px;
}

html[data-orbit-theme="light"] .tyh-cnav-identity {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.14);
    color: #0f172a;
}

.tyh-cnav-identity:hover,
.tyh-cnav-item.is-open > .tyh-cnav-identity {
    background: rgba(37, 99, 235, 0.18);
    border-color: rgba(56, 189, 248, 0.55);
    box-shadow: 0 0 18px rgba(37, 99, 235, 0.25);
}

.tyh-cnav-avatar {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.35);
}

.tyh-cnav-online-dot {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #10b981;
    border: 2px solid #0b1428;
}

.tyh-cnav-user-meta {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    max-width: 135px;
}

.tyh-cnav-user-role {
    font-size: 9.5px;
    font-weight: 700;
    color: #38bdf8;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tyh-cnav-user-name {
    font-size: 12.5px;
    font-weight: 800;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

html[data-orbit-theme="light"] .tyh-cnav-user-name {
    color: #0f172a;
}

.tyh-cnav-caret {
    font-size: 9.5px;
    color: #94a3b8;
    transition: transform 0.2s ease;
    margin-inline-start: 2px;
}

.tyh-cnav-item.is-open > [data-tyh-cnav-trigger] .tyh-cnav-caret {
    transform: rotate(180deg);
    color: #38bdf8;
}

/* 2. Primary Client Navigation Menu Links */
.tyh-cnav-menu {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-inline-end: auto;
    min-width: 0;
}

.tyh-cnav-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 9px;
    border: 1px solid transparent;
    background: transparent;
    color: #e2e8f0 !important;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none !important;
    transition: all 0.18s ease;
}

html[data-orbit-theme="light"] .tyh-cnav-link {
    color: #1e293b !important;
}

.tyh-cnav-link-icon {
    font-size: 13px;
    color: #38bdf8;
}

.tyh-cnav-link:hover,
.tyh-cnav-item.is-open > .tyh-cnav-link,
.tyh-cnav-link.is-active {
    background: rgba(37, 99, 235, 0.16);
    border-color: rgba(56, 189, 248, 0.35);
    color: #ffffff !important;
}

html[data-orbit-theme="light"] .tyh-cnav-link:hover,
html[data-orbit-theme="light"] .tyh-cnav-item.is-open > .tyh-cnav-link,
html[data-orbit-theme="light"] .tyh-cnav-link.is-active {
    background: rgba(37, 99, 235, 0.1);
    border-color: rgba(37, 99, 235, 0.3);
    color: #1d4ed8 !important;
}

.tyh-cnav-link.is-active {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.24) 0%, rgba(6, 182, 212, 0.18) 100%);
    border-color: rgba(56, 189, 248, 0.5);
}

/* Badges inside Navigation Links */
.tyh-cnav-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1;
}

.tyh-cnav-badge.is-cyan {
    background: rgba(6, 182, 212, 0.2);
    border: 1px solid rgba(6, 182, 212, 0.45);
    color: #22d3ee;
}

.tyh-cnav-badge.is-emerald {
    background: rgba(16, 185, 129, 0.2);
    border: 1px solid rgba(16, 185, 129, 0.45);
    color: #34d399;
}

.tyh-cnav-badge.is-amber {
    background: rgba(245, 158, 11, 0.24);
    border: 1px solid rgba(245, 158, 11, 0.55);
    color: #fbbf24;
}

.tyh-cnav-badge.is-purple {
    background: rgba(139, 92, 246, 0.24);
    border: 1px solid rgba(139, 92, 246, 0.5);
    color: #c4b5fd;
}

/* 3. Mega Dropdown Panels (.tyh-cnav-dropdown) — Compact & Viewport-Fit */
.tyh-cnav-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    inset-inline-start: 0;
    z-index: 600;
    background: linear-gradient(165deg, #111d38 0%, #0a1224 100%);
    border: 1px solid rgba(99, 102, 241, 0.42);
    border-radius: 16px;
    box-shadow: 0 24px 60px -10px rgba(0, 0, 0, 0.85), 0 0 28px rgba(37, 99, 235, 0.22);
    padding: 12px;
    max-height: calc(100dvh - 135px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(56, 189, 248, 0.5) rgba(255, 255, 255, 0.04);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.tyh-cnav-dropdown::-webkit-scrollbar {
    width: 5px;
}

.tyh-cnav-dropdown::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.45);
    border-radius: 999px;
}

html[data-orbit-theme="light"] .tyh-cnav-dropdown {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.14);
    box-shadow: 0 25px 55px -12px rgba(15, 23, 42, 0.18);
}

.tyh-cnav-item.is-open > .tyh-cnav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.tyh-cnav-dropdown--account {
    width: 420px;
    max-width: calc(100vw - 24px);
}

.tyh-cnav-dropdown--mega {
    width: 540px;
    max-width: calc(100vw - 24px);
}

.tyh-cnav-dropdown--single {
    width: 340px;
    max-width: calc(100vw - 24px);
}

.tyh-cnav-dropdown--alerts {
    inset-inline-start: auto;
    inset-inline-end: 0;
    width: 360px;
    max-width: calc(100vw - 24px);
}

/* Mega Dropdown Header */
.tyh-cnav-mega-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 9px;
    margin-bottom: 9px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    font-size: 11.5px;
    font-weight: 800;
    color: #94a3b8;
}

.tyh-cnav-mega-head span i {
    color: #38bdf8;
    margin-inline-end: 5px;
}

.tyh-cnav-mega-head a {
    color: #38bdf8 !important;
    font-size: 11.5px;
    font-weight: 800;
    text-decoration: none;
}

.tyh-cnav-head-balance {
    color: #34d399;
    font-size: 13.5px;
    font-weight: 900;
}

.tyh-cnav-mega-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.tyh-cnav-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Dropdown Link Card (Compact so all 8 fit cleanly without clipping) */
.tyh-cnav-link-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    text-decoration: none !important;
    transition: all 0.16s ease;
}

.tyh-cnav-link-card:hover {
    background: rgba(37, 99, 235, 0.15);
    border-color: rgba(56, 189, 248, 0.32);
}

html[data-orbit-theme="light"] .tyh-cnav-link-card:hover {
    background: #f1f5f9;
    border-color: rgba(37, 99, 235, 0.25);
}

.tyh-cnav-icon-box {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-size: 13.5px;
    flex-shrink: 0;
}

.tyh-cnav-icon-box.is-blue { background: rgba(37, 99, 235, 0.18); color: #60a5fa; border: 1px solid rgba(59, 130, 246, 0.35); }
.tyh-cnav-icon-box.is-cyan { background: rgba(6, 182, 212, 0.18); color: #22d3ee; border: 1px solid rgba(6, 182, 212, 0.35); }
.tyh-cnav-icon-box.is-emerald { background: rgba(16, 185, 129, 0.18); color: #34d399; border: 1px solid rgba(16, 185, 129, 0.35); }
.tyh-cnav-icon-box.is-purple { background: rgba(139, 92, 246, 0.18); color: #c084fc; border: 1px solid rgba(139, 92, 246, 0.35); }
.tyh-cnav-icon-box.is-amber { background: rgba(245, 158, 11, 0.18); color: #fbbf24; border: 1px solid rgba(245, 158, 11, 0.35); }
.tyh-cnav-icon-box.is-rose { background: rgba(244, 63, 94, 0.18); color: #fb7185; border: 1px solid rgba(244, 63, 94, 0.35); }
.tyh-cnav-icon-box.is-indigo { background: rgba(99, 102, 241, 0.18); color: #818cf8; border: 1px solid rgba(99, 102, 241, 0.35); }
.tyh-cnav-icon-box.is-teal { background: rgba(20, 184, 166, 0.18); color: #2dd4bf; border: 1px solid rgba(20, 184, 166, 0.35); }

.tyh-cnav-link-card strong {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12.5px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.25;
}

html[data-orbit-theme="light"] .tyh-cnav-link-card strong {
    color: #0f172a;
}

.tyh-cnav-link-card small {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #94a3b8;
    margin-top: 2px;
    line-height: 1.3;
}

.tyh-cnav-inline-tag {
    font-style: normal;
    font-size: 9.5px;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 999px;
}

.tyh-cnav-inline-tag.is-amber {
    background: rgba(245, 158, 11, 0.22);
    color: #fbbf24;
}

/* Account Dropdown Inner Components (Compact to fit 100% in viewport) */
.tyh-cnav-acc-header {
    background: rgba(7, 13, 26, 0.65);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 8px;
}

html[data-orbit-theme="light"] .tyh-cnav-acc-header {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.1);
}

.tyh-cnav-acc-user {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}

.tyh-cnav-acc-avatar-lg {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.tyh-cnav-acc-info {
    min-width: 0;
}

.tyh-cnav-acc-info strong {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
}

html[data-orbit-theme="light"] .tyh-cnav-acc-info strong {
    color: #0f172a;
}

.tyh-cnav-acc-info > span {
    display: block;
    font-size: 11.5px;
    color: #94a3b8;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tyh-cnav-acc-status {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    font-size: 10.5px !important;
    font-weight: 700;
    color: #34d399 !important;
    margin-top: 2px;
}

.tyh-cnav-acc-status i {
    font-size: 6px;
}

.tyh-cnav-acc-wallet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 8px;
}

.tyh-cnav-acc-wallet small {
    display: block;
    font-size: 10.5px;
    color: #94a3b8;
}

.tyh-cnav-acc-wallet strong {
    font-size: 16px;
    font-weight: 900;
    color: #34d399;
}

.tyh-cnav-wallet-add-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 11px;
    border-radius: 8px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff !important;
    font-size: 11.5px;
    font-weight: 800;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tyh-cnav-wallet-add-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(16, 185, 129, 0.35);
}

.tyh-cnav-acc-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin-bottom: 8px;
}

.tyh-cnav-acc-stats a {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 9px;
    padding: 6px 4px;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.18s ease;
}

.tyh-cnav-acc-stats a:hover {
    background: rgba(37, 99, 235, 0.16);
    border-color: rgba(56, 189, 248, 0.4);
}

.tyh-cnav-acc-stats strong {
    display: block;
    font-size: 14px;
    font-weight: 900;
    color: #ffffff;
    line-height: 1.1;
}

html[data-orbit-theme="light"] .tyh-cnav-acc-stats strong {
    color: #0f172a;
}

.tyh-cnav-acc-stats a.is-warning strong {
    color: #fbbf24;
}

.tyh-cnav-acc-stats span {
    display: block;
    font-size: 10px;
    font-weight: 600;
    color: #94a3b8;
    margin-top: 2px;
}

.tyh-cnav-acc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin-bottom: 8px;
}

.tyh-cnav-admin-bar {
    margin-bottom: 8px;
}

.tyh-cnav-admin-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    border-radius: 9px;
    background: rgba(245, 158, 11, 0.18);
    border: 1px solid rgba(245, 158, 11, 0.45);
    color: #fbbf24 !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
}

.tyh-cnav-acc-footer {
    display: flex;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.tyh-cnav-footer-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.tyh-cnav-footer-btn.is-secondary {
    background: rgba(37, 99, 235, 0.18);
    border: 1px solid rgba(59, 130, 246, 0.4);
    color: #60a5fa !important;
}

.tyh-cnav-footer-btn.is-secondary:hover {
    background: #2563eb;
    color: #ffffff !important;
}

.tyh-cnav-footer-btn.is-logout {
    background: rgba(244, 63, 94, 0.14);
    border: 1px solid rgba(244, 63, 94, 0.35);
    color: #fb7185 !important;
}

.tyh-cnav-footer-btn.is-logout:hover {
    background: #e11d48;
    border-color: #e11d48;
    color: #ffffff !important;
}

/* 4. Right / End Actions Bar (.tyh-cnav-actions) */
.tyh-cnav-actions {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

.tyh-cnav-wallet-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 9px;
    border-radius: 10px;
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.35);
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.tyh-cnav-wallet-chip:hover {
    background: rgba(16, 185, 129, 0.22);
    border-color: #10b981;
    transform: translateY(-1px);
}

.tyh-cnav-wallet-icon {
    color: #34d399;
    font-size: 13px;
}

.tyh-cnav-wallet-text {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.tyh-cnav-wallet-text small {
    font-size: 9px;
    font-weight: 700;
    color: #94a3b8;
}

.tyh-cnav-wallet-text strong {
    font-size: 12px;
    font-weight: 900;
    color: #34d399;
}

.tyh-cnav-wallet-plus {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    background: #10b981;
    color: #ffffff;
    font-size: 9px;
    display: grid;
    place-items: center;
}

/* Notification Bell Button & Popover */
.tyh-cnav-bell-btn {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(148, 163, 184, 0.24);
    color: #e2e8f0;
    font-size: 15px;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

html[data-orbit-theme="light"] .tyh-cnav-bell-btn {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.14);
    color: #1e293b;
}

.tyh-cnav-bell-btn:hover,
.tyh-cnav-item.is-open > .tyh-cnav-bell-btn {
    background: rgba(37, 99, 235, 0.18);
    border-color: #38bdf8;
    color: #38bdf8;
}

.tyh-cnav-bell-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 999px;
    background: #f59e0b;
    color: #0b1428;
    font-size: 10px;
    font-weight: 900;
    display: grid;
    place-items: center;
    border: 2px solid #0b1428;
}

.tyh-cnav-alerts-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 250px;
    overflow-y: auto;
}

.tyh-cnav-alert-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(148, 163, 184, 0.18);
    text-decoration: none !important;
    transition: all 0.18s ease;
}

.tyh-cnav-alert-item:hover {
    background: rgba(37, 99, 235, 0.15);
    border-color: rgba(56, 189, 248, 0.4);
}

.tyh-cnav-alert-item.is-warning {
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.35);
}

.tyh-cnav-alert-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(56, 189, 248, 0.18);
    color: #38bdf8;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.tyh-cnav-alert-item.is-warning .tyh-cnav-alert-icon {
    background: rgba(245, 158, 11, 0.22);
    color: #fbbf24;
}

.tyh-cnav-alert-item strong {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.4;
}

html[data-orbit-theme="light"] .tyh-cnav-alert-item strong {
    color: #0f172a;
}

.tyh-cnav-alert-item small {
    display: block;
    font-size: 11px;
    color: #94a3b8;
    margin-top: 2px;
}

.tyh-cnav-alerts-empty {
    text-align: center;
    padding: 18px 12px;
}

.tyh-cnav-alerts-empty i {
    font-size: 26px;
    color: #10b981;
    margin-bottom: 6px;
}

.tyh-cnav-alerts-empty strong {
    display: block;
    font-size: 12.5px;
    color: #ffffff;
}

html[data-orbit-theme="light"] .tyh-cnav-alerts-empty strong {
    color: #0f172a;
}

.tyh-cnav-alerts-empty small {
    display: block;
    font-size: 11px;
    color: #94a3b8;
    margin-top: 3px;
}

.tyh-cnav-alerts-foot {
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    font-size: 11.5px;
    font-weight: 700;
}

.tyh-cnav-alerts-foot a {
    color: #38bdf8 !important;
    text-decoration: none;
}

/* Action Buttons inside Client Bar */
.tyh-cnav-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 38px;
    padding: 0 13px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.tyh-cnav-btn--ghost {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(148, 163, 184, 0.28);
    color: #e2e8f0 !important;
}

html[data-orbit-theme="light"] .tyh-cnav-btn--ghost {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.16);
    color: #1e293b !important;
}

.tyh-cnav-btn--ghost:hover {
    background: rgba(56, 189, 248, 0.15);
    border-color: #38bdf8;
    color: #ffffff !important;
}

.tyh-cnav-btn--primary {
    background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
    border: 1px solid rgba(129, 140, 248, 0.45);
    color: #ffffff !important;
    box-shadow: 0 6px 16px -4px rgba(37, 99, 235, 0.5);
}

.tyh-cnav-btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px -4px rgba(37, 99, 235, 0.65);
}

.tyh-cnav-drawer-toggle {
    display: none;
    align-items: center;
    gap: 6px;
    height: 38px;
    padding: 0 13px;
    border-radius: 10px;
    background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
    border: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 6px 16px -4px rgba(6, 182, 212, 0.45);
}

/* Scrollable Client Navigation Bar Shell with Arrows & Visible Scrollbar (<= 1160px) */
.tyh-cnav-scroll-shell {
    display: none;
    align-items: center;
    gap: 6px;
    padding: 2px 0 8px;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.tyh-cnav-scroll-arrow {
    width: 28px;
    height: 32px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(148, 163, 184, 0.24);
    color: #38bdf8;
    font-size: 11px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    cursor: pointer;
}

.tyh-cnav-scroll-arrow:hover {
    background: rgba(37, 99, 235, 0.24);
    border-color: #38bdf8;
    color: #ffffff;
}

.tyh-cnav-mobile-strip {
    display: flex;
    align-items: center;
    gap: 7px;
    overflow-x: auto;
    flex: 1;
    min-width: 0;
    padding: 4px 2px 7px;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #38bdf8 rgba(255, 255, 255, 0.08);
}

.tyh-cnav-mobile-strip::-webkit-scrollbar {
    height: 5px;
}

.tyh-cnav-mobile-strip::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.07);
    border-radius: 999px;
}

.tyh-cnav-mobile-strip::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #2563eb 0%, #38bdf8 100%);
    border-radius: 999px;
}

.tyh-cnav-mpill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(148, 163, 184, 0.22);
    color: #e2e8f0 !important;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none !important;
    flex-shrink: 0;
    transition: all 0.18s ease;
}

html[data-orbit-theme="light"] .tyh-cnav-mpill {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.14);
    color: #1e293b !important;
}

.tyh-cnav-mpill i {
    color: #38bdf8;
    font-size: 12px;
}

.tyh-cnav-mpill.is-active,
.tyh-cnav-mpill:hover {
    background: rgba(37, 99, 235, 0.24);
    border-color: #38bdf8;
    color: #ffffff !important;
}

.tyh-cnav-mpill.is-logout-pill {
    background: rgba(244, 63, 94, 0.12);
    border-color: rgba(244, 63, 94, 0.35);
    color: #fb7185 !important;
}

.tyh-cnav-mpill.is-logout-pill i {
    color: #fb7185;
}

.tyh-cnav-mpill b {
    background: rgba(56, 189, 248, 0.24);
    color: #38bdf8;
    font-size: 10.5px;
    padding: 1px 6px;
    border-radius: 999px;
}

.tyh-cnav-mpill b.is-warn {
    background: rgba(245, 158, 11, 0.28);
    color: #fbbf24;
}

/* ==========================================================================
   SLIDE-OUT FULL-HEIGHT CLIENT CONTROL DRAWER (#tyhClientDrawer)
   ========================================================================== */

.tyh-cdrawer-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 9990 !important;
    background: rgba(4, 9, 20, 0.76);
    backdrop-filter: blur(6px);
}

.tyh-cdrawer {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    inset-inline-end: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    z-index: 9999 !important;
    width: min(410px, 92vw);
    background: linear-gradient(180deg, #0f1b35 0%, #081021 100%);
    border-inline-start: 1px solid rgba(56, 189, 248, 0.35);
    box-shadow: -20px 0 60px rgba(0, 0, 0, 0.85);
    display: flex;
    flex-direction: column;
    transform: translateX(105%);
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

html[dir="rtl"] .tyh-cdrawer {
    transform: translateX(-105%);
}

.tyh-cdrawer.is-open {
    transform: translateX(0) !important;
}

.tyh-cdrawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    background: rgba(7, 13, 26, 0.78);
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    flex-shrink: 0;
}

.tyh-cdrawer-user {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.tyh-cdrawer-user strong {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
}

.tyh-cdrawer-user small {
    display: block;
    font-size: 11.5px;
    color: #94a3b8;
}

.tyh-cdrawer-close {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(148, 163, 184, 0.26);
    color: #ffffff;
    font-size: 15px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.tyh-cdrawer-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 16px 18px;
}

.tyh-cdrawer-wallet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.16) 0%, rgba(37, 99, 235, 0.16) 100%);
    border: 1px solid rgba(16, 185, 129, 0.38);
    border-radius: 13px;
    padding: 12px 14px;
    margin-bottom: 12px;
}

.tyh-cdrawer-wallet span {
    display: block;
    font-size: 11px;
    color: #cbd5e1;
}

.tyh-cdrawer-wallet strong {
    font-size: 18px;
    font-weight: 900;
    color: #34d399;
}

.tyh-cdrawer-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
    margin-bottom: 12px;
}

.tyh-cdrawer-stats a {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 11px;
    padding: 9px 4px;
    text-align: center;
    text-decoration: none !important;
}

.tyh-cdrawer-stats i {
    font-size: 14px;
    margin-bottom: 3px;
    display: block;
}

.tyh-cdrawer-stats i.is-cyan { color: #38bdf8; }
.tyh-cdrawer-stats i.is-emerald { color: #34d399; }
.tyh-cdrawer-stats i.is-amber { color: #fbbf24; }
.tyh-cdrawer-stats i.is-purple { color: #c084fc; }

.tyh-cdrawer-stats strong {
    display: block;
    font-size: 14px;
    font-weight: 900;
    color: #ffffff;
}

.tyh-cdrawer-stats span {
    display: block;
    font-size: 10px;
    color: #94a3b8;
}

.tyh-cdrawer-cta-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 16px;
}

.tyh-cdrawer-group {
    margin-bottom: 16px;
}

.tyh-cdrawer-group h4 {
    font-size: 11.5px;
    font-weight: 800;
    color: #38bdf8;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin: 0 0 7px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.tyh-cdrawer-links {
    display: flex;
    flex-direction: column;
    gap: 3px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 12px;
    padding: 5px;
}

.tyh-cdrawer-links--grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.tyh-cdrawer-links a {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 11px;
    border-radius: 8px;
    color: #e2e8f0 !important;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background 0.16s ease;
}

.tyh-cdrawer-links a:hover {
    background: rgba(37, 99, 235, 0.2);
    color: #ffffff !important;
}

.tyh-cdrawer-links a i {
    width: 16px;
    text-align: center;
    color: #60a5fa;
    flex-shrink: 0;
}

.tyh-cdrawer-links a b {
    margin-inline-start: auto;
    background: rgba(56, 189, 248, 0.2);
    color: #38bdf8;
    font-size: 10.5px;
    padding: 1px 7px;
    border-radius: 999px;
}

.tyh-cdrawer-links a b.is-warn {
    background: rgba(245, 158, 11, 0.24);
    color: #fbbf24;
}

.tyh-cdrawer-foot {
    display: flex;
    gap: 10px;
    padding: 12px 18px;
    background: rgba(7, 13, 26, 0.9);
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    flex-shrink: 0;
}

.tyh-cdrawer-util-btn,
.tyh-cdrawer-logout-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 9px;
    border-radius: 9px;
    font-size: 12.5px;
    font-weight: 800;
    text-decoration: none !important;
}

.tyh-cdrawer-util-btn {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(148, 163, 184, 0.24);
    color: #e2e8f0 !important;
}

.tyh-cdrawer-logout-btn {
    background: rgba(244, 63, 94, 0.16);
    border: 1px solid rgba(244, 63, 94, 0.4);
    color: #fb7185 !important;
}

/* ==========================================================================
   CLIENT PORTAL DASHBOARD HERO, STATS & SHORTCUTS (.tyh-portal-*)
   ========================================================================== */

.tyh-portal-hero {
    display: grid;
    grid-template-columns: 1.55fr 0.85fr;
    align-items: center;
    gap: 24px;
    background: linear-gradient(145deg, #111f3d 0%, #091224 100%);
    border: 1px solid rgba(56, 189, 248, 0.28);
    border-radius: 22px;
    padding: 30px 32px;
    margin-bottom: 24px;
    box-shadow: 0 22px 50px -15px rgba(0, 0, 0, 0.55);
    position: relative;
    overflow: hidden;
}

html[data-orbit-theme="light"] .tyh-portal-hero {
    background: linear-gradient(145deg, #ffffff 0%, #eff6ff 100%);
    border-color: rgba(37, 99, 235, 0.22);
    box-shadow: 0 18px 40px -15px rgba(15, 23, 42, 0.08);
}

.tyh-portal-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 13px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.14);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38bdf8;
    font-size: 11.5px;
    font-weight: 800;
    margin-bottom: 12px;
}

.tyh-portal-hero h1 {
    font-size: clamp(24px, 3vw, 34px) !important;
    font-weight: 900 !important;
    color: #ffffff;
    margin: 0 0 10px !important;
    letter-spacing: -0.5px !important;
}

html[data-orbit-theme="light"] .tyh-portal-hero h1 {
    color: #0f172a;
}

.tyh-portal-hero h1 span {
    background: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tyh-portal-hero p {
    font-size: 14px;
    color: #cbd5e1;
    line-height: 1.65;
    margin: 0 0 20px;
    max-width: 580px;
}

html[data-orbit-theme="light"] .tyh-portal-hero p {
    color: #475569;
}

.tyh-portal-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tyh-portal-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.tyh-portal-btn.is-primary {
    background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
    color: #ffffff !important;
    box-shadow: 0 8px 20px -5px rgba(37, 99, 235, 0.5);
}

.tyh-portal-btn.is-cyan {
    background: rgba(6, 182, 212, 0.16);
    border: 1px solid rgba(6, 182, 212, 0.45);
    color: #22d3ee !important;
}

.tyh-portal-btn.is-ghost {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(148, 163, 184, 0.28);
    color: #e2e8f0 !important;
}

html[data-orbit-theme="light"] .tyh-portal-btn.is-ghost {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.16);
    color: #1e293b !important;
}

.tyh-portal-btn:hover {
    transform: translateY(-2px);
}

.tyh-portal-wallet-card {
    background: rgba(7, 13, 26, 0.72);
    border: 1px solid rgba(16, 185, 129, 0.35);
    border-radius: 18px;
    padding: 20px;
}

html[data-orbit-theme="light"] .tyh-portal-wallet-card {
    background: #ffffff;
    border-color: rgba(16, 185, 129, 0.4);
}

.tyh-portal-wallet-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.tyh-portal-wallet-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: rgba(16, 185, 129, 0.18);
    color: #34d399;
    font-size: 20px;
    display: grid;
    place-items: center;
}

.tyh-portal-wallet-top small {
    display: block;
    font-size: 12px;
    color: #94a3b8;
}

.tyh-portal-wallet-top strong {
    font-size: 26px;
    font-weight: 900;
    color: #34d399;
}

.tyh-portal-wallet-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.tyh-portal-wallet-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 12px;
    border-radius: 10px;
    font-size: 12.5px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.tyh-portal-wallet-btn.is-fill {
    background: #10b981;
    color: #ffffff !important;
}

.tyh-portal-wallet-btn.is-outline {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(148, 163, 184, 0.26);
    color: #e2e8f0 !important;
}

html[data-orbit-theme="light"] .tyh-portal-wallet-btn.is-outline {
    background: #f1f5f9;
    color: #1e293b !important;
}

/* 4 Stat Cards Grid */
.tyh-portal-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.tyh-portal-stat-card {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(160deg, #13203d 0%, #0b1428 100%);
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 16px;
    padding: 20px 18px;
    text-decoration: none !important;
    transition: all 0.22s ease;
}

html[data-orbit-theme="light"] .tyh-portal-stat-card {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.tyh-portal-stat-card:hover {
    transform: translateY(-4px);
    border-color: #38bdf8;
    box-shadow: 0 14px 30px -10px rgba(37, 99, 235, 0.35);
}

.tyh-portal-stat-icon {
    width: 48px;
    height: 48px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    font-size: 20px;
    flex-shrink: 0;
}

.tyh-portal-stat-card.is-blue .tyh-portal-stat-icon { background: rgba(37, 99, 235, 0.2); color: #60a5fa; }
.tyh-portal-stat-card.is-emerald .tyh-portal-stat-icon { background: rgba(16, 185, 129, 0.2); color: #34d399; }
.tyh-portal-stat-card.is-purple .tyh-portal-stat-icon { background: rgba(139, 92, 246, 0.2); color: #c084fc; }
.tyh-portal-stat-card.is-amber .tyh-portal-stat-icon { background: rgba(245, 158, 11, 0.2); color: #fbbf24; }

.tyh-portal-stat-info {
    flex: 1;
    min-width: 0;
}

.tyh-portal-stat-num {
    display: block;
    font-size: 26px;
    font-weight: 900;
    color: #ffffff;
    line-height: 1.1;
}

html[data-orbit-theme="light"] .tyh-portal-stat-num {
    color: #0f172a;
}

.tyh-portal-stat-label {
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    color: #94a3b8;
    margin-top: 4px;
}

.tyh-portal-stat-arrow {
    color: #64748b;
    font-size: 13px;
    transition: transform 0.2s ease, color 0.2s ease;
}

.tyh-portal-stat-card:hover .tyh-portal-stat-arrow {
    color: #38bdf8;
    transform: translateX(3px);
}

html[dir="rtl"] .tyh-portal-stat-card:hover .tyh-portal-stat-arrow {
    transform: translateX(-3px);
}

/* Quick Shortcuts Bar */
.tyh-portal-shortcuts {
    background: rgba(16, 30, 56, 0.7);
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 18px;
    padding: 18px 20px;
    margin-bottom: 26px;
}

html[data-orbit-theme="light"] .tyh-portal-shortcuts {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.1);
}

.tyh-portal-shortcuts-head h3 {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #e2e8f0;
    margin: 0 0 14px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

html[data-orbit-theme="light"] .tyh-portal-shortcuts-head h3 {
    color: #0f172a;
}

.tyh-portal-shortcuts-head h3 i {
    color: #fbbf24;
}

.tyh-portal-shortcuts-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.tyh-portal-sc-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 10px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(148, 163, 184, 0.16);
    text-align: center;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

html[data-orbit-theme="light"] .tyh-portal-sc-item {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.1);
}

.tyh-portal-sc-item:hover {
    background: rgba(37, 99, 235, 0.16);
    border-color: #38bdf8;
    transform: translateY(-2px);
}

.tyh-portal-sc-item i {
    font-size: 20px;
}

.tyh-portal-sc-item i.is-cyan { color: #22d3ee; }
.tyh-portal-sc-item i.is-emerald { color: #34d399; }
.tyh-portal-sc-item i.is-blue { color: #60a5fa; }
.tyh-portal-sc-item i.is-amber { color: #fbbf24; }
.tyh-portal-sc-item i.is-purple { color: #c084fc; }
.tyh-portal-sc-item i.is-rose { color: #fb7185; }

.tyh-portal-sc-item span {
    font-size: 12px;
    font-weight: 700;
    color: #f1f5f9;
    line-height: 1.3;
}

html[data-orbit-theme="light"] .tyh-portal-sc-item span {
    color: #1e293b;
}

/* ==========================================================================
   RESPONSIVE BREAKPOINTS Across ALL Devices (1366px, 1160px, 1020px, 767px)
   ========================================================================== */

@media (max-width: 1320px) {
    .tyh-cnav-link {
        padding: 7px 8px;
        font-size: 12.2px;
        gap: 5px;
    }
    .tyh-cnav-user-meta {
        max-width: 115px;
    }
}

@media (max-width: 1160px) {
    .tyh-cnav-menu,
    .tyh-cnav-divider,
    .tyh-cnav-ticket-cta {
        display: none;
    }
    .tyh-cnav-drawer-toggle {
        display: inline-flex;
    }
    .tyh-cnav-scroll-shell {
        display: flex;
    }
    .tyh-portal-hero {
        grid-template-columns: 1fr;
    }
    .tyh-portal-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .tyh-portal-shortcuts-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1020px) {
    .tyh-mobile-sitenav {
        display: block;
    }
}

@media (max-width: 767px) {
    .tyh-cnav-container {
        width: calc(100% - 24px) !important;
    }
    .tyh-cnav-bar {
        min-height: 50px;
        padding: 5px 0;
    }
    .tyh-cnav-wallet-text small {
        display: none;
    }
    .tyh-cnav-wallet-chip {
        padding: 5px 8px;
        gap: 5px;
    }
    .tyh-cnav-user-meta {
        max-width: 110px;
    }
    .tyh-cnav-dropdown--mega,
    .tyh-cnav-dropdown--account {
        width: calc(100vw - 24px);
    }
    .tyh-cnav-mega-grid,
    .tyh-cnav-acc-grid {
        grid-template-columns: 1fr;
    }
    .tyh-portal-hero {
        padding: 22px 18px;
    }
    .tyh-portal-stats-grid {
        grid-template-columns: 1fr;
    }
    .tyh-portal-shortcuts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 440px) {
    .tyh-cnav-wallet-chip {
        display: none;
    }
    .tyh-cnav-user-meta {
        max-width: 125px;
    }
}

/* ==========================================================================
   v4.3: COMPREHENSIVE DARK & LIGHT MODE CONTRAST, PORTAL TABLES & UI SYSTEM
   Fixes all WHMCS DataTables, Sidebar Badges, Forms, and Light Mode Sections
   ========================================================================== */

/* 1. Portal Container & Executive Pagebar / Breadcrumb Alignment */
.orbit-portal .master-breadcrumb > .container,
.orbit-portal #main-body > .container {
    width: min(1320px, calc(100% - 32px)) !important;
    max-width: 1320px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

.orbit-portal .master-breadcrumb.tyh-portal-pagebar {
    background: rgba(11, 20, 40, 0.88) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15) !important;
    padding: 16px 0 !important;
    margin-bottom: 24px !important;
}

html[data-orbit-theme="light"] .orbit-portal .master-breadcrumb.tyh-portal-pagebar {
    background: #f1f5f9 !important;
    border-bottom: 1px solid #cbd5e1 !important;
}

.tyh-portal-pagebar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}

.tyh-portal-pagebar-title h1 {
    font-size: clamp(18px, 2vw, 22px) !important;
    font-weight: 800 !important;
    color: #f8fafc !important;
    margin: 0 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.25 !important;
}

html[data-orbit-theme="light"] .tyh-portal-pagebar-title h1 {
    color: #0f172a !important;
}

.tyh-portal-pagebar-title p {
    font-size: 13px !important;
    color: #94a3b8 !important;
    margin: 4px 0 0 0 !important;
}

html[data-orbit-theme="light"] .tyh-portal-pagebar-title p {
    color: #475569 !important;
}

.orbit-portal .master-breadcrumb .breadcrumb {
    margin: 0 !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(15, 27, 53, 0.85) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
}

html[data-orbit-theme="light"] .orbit-portal .master-breadcrumb .breadcrumb {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

.orbit-portal .master-breadcrumb .breadcrumb-item a {
    color: #38bdf8 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

html[data-orbit-theme="light"] .orbit-portal .master-breadcrumb .breadcrumb-item a {
    color: #2563eb !important;
}

.orbit-portal .master-breadcrumb .breadcrumb-item.active,
.orbit-portal .master-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #cbd5e1 !important;
}

html[data-orbit-theme="light"] .orbit-portal .master-breadcrumb .breadcrumb-item.active,
html[data-orbit-theme="light"] .orbit-portal .master-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #475569 !important;
}

/* 2. WHMCS DataTables, Table Headers, Rows, Empty State & Search Box */
.orbit-portal .table-container {
    background: #0d182e !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 18px !important;
    padding: 20px !important;
    box-shadow: 0 18px 40px rgba(2, 6, 23, 0.45) !important;
    margin-bottom: 24px !important;
}

html[data-orbit-theme="light"] .orbit-portal .table-container {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;
}

.orbit-portal .dataTables_wrapper .dataTables_info {
    background: rgba(19, 34, 64, 0.85) !important;
    color: #f1f5f9 !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 12px !important;
    padding: 10px 16px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
    line-height: 1.4 !important;
}

html[data-orbit-theme="light"] .orbit-portal .dataTables_wrapper .dataTables_info {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

.orbit-portal .dataTables_wrapper .dataTables_filter {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

.orbit-portal .dataTables_wrapper .dataTables_filter label {
    margin: 0 !important;
    position: relative !important;
}

.orbit-portal .dataTables_wrapper .dataTables_filter label::before {
    color: #38bdf8 !important;
    z-index: 2 !important;
}

html[data-orbit-theme="light"] .orbit-portal .dataTables_wrapper .dataTables_filter label::before {
    color: #2563eb !important;
}

.orbit-portal .dataTables_wrapper .dataTables_filter label .form-control,
.orbit-portal .dataTables_wrapper .dataTables_filter input[type="search"] {
    background-color: #081020 !important;
    color: #ffffff !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    border-radius: 12px !important;
    padding: 8px 14px 8px 36px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    height: 40px !important;
    min-width: 230px !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35) !important;
}

html[data-orbit-theme="light"] .orbit-portal .dataTables_wrapper .dataTables_filter label .form-control,
html[data-orbit-theme="light"] .orbit-portal .dataTables_wrapper .dataTables_filter input[type="search"] {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #94a3b8 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

.orbit-portal .dataTables_wrapper .dataTables_filter input::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

html[data-orbit-theme="light"] .orbit-portal .dataTables_wrapper .dataTables_filter input::placeholder {
    color: #64748b !important;
}

/* DataTables Header Cells - Override twenty-one white background */
.orbit-portal table.dataTable,
.orbit-portal table.table-list,
.orbit-portal .table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
    margin-bottom: 14px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
}

html[data-orbit-theme="light"] .orbit-portal table.dataTable,
html[data-orbit-theme="light"] .orbit-portal table.table-list,
html[data-orbit-theme="light"] .orbit-portal .table {
    border-color: #cbd5e1 !important;
}

.orbit-portal table.dataTable thead th,
.orbit-portal table.dataTable thead td,
.orbit-portal table.dataTable thead .sorting,
.orbit-portal table.dataTable thead .sorting_asc,
.orbit-portal table.dataTable thead .sorting_desc,
.orbit-portal table.dataTable thead .sorting_asc_disabled,
.orbit-portal table.dataTable thead .sorting_desc_disabled,
.orbit-portal table.table-list > thead > tr > th,
.orbit-portal .table > thead > tr > th {
    background-color: #152647 !important;
    color: #f8fafc !important;
    border-bottom: 2px solid rgba(56, 189, 248, 0.35) !important;
    border-top: none !important;
    border-inline: 1px solid rgba(148, 163, 184, 0.14) !important;
    padding: 13px 16px !important;
    font-size: 12.8px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    vertical-align: middle !important;
}

html[data-orbit-theme="light"] .orbit-portal table.dataTable thead th,
html[data-orbit-theme="light"] .orbit-portal table.dataTable thead td,
html[data-orbit-theme="light"] .orbit-portal table.dataTable thead .sorting,
html[data-orbit-theme="light"] .orbit-portal table.dataTable thead .sorting_asc,
html[data-orbit-theme="light"] .orbit-portal table.dataTable thead .sorting_desc,
html[data-orbit-theme="light"] .orbit-portal table.table-list > thead > tr > th,
html[data-orbit-theme="light"] .orbit-portal .table > thead > tr > th {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
    border-bottom: 2px solid #94a3b8 !important;
    border-inline: 1px solid #cbd5e1 !important;
}

.orbit-portal table.dataTable thead .sorting_asc,
.orbit-portal table.dataTable thead .sorting_desc {
    background-color: #1c325c !important;
    color: #38bdf8 !important;
}

html[data-orbit-theme="light"] .orbit-portal table.dataTable thead .sorting_asc,
html[data-orbit-theme="light"] .orbit-portal table.dataTable thead .sorting_desc {
    background-color: #e0f2fe !important;
    color: #0369a1 !important;
}

.orbit-portal table.dataTable thead .sorting::before,
.orbit-portal table.dataTable thead .sorting::after,
.orbit-portal table.dataTable thead .sorting_asc::before,
.orbit-portal table.dataTable thead .sorting_asc::after,
.orbit-portal table.dataTable thead .sorting_desc::before,
.orbit-portal table.dataTable thead .sorting_desc::after {
    opacity: 0.75 !important;
    color: #38bdf8 !important;
}

html[data-orbit-theme="light"] .orbit-portal table.dataTable thead .sorting::before,
html[data-orbit-theme="light"] .orbit-portal table.dataTable thead .sorting::after,
html[data-orbit-theme="light"] .orbit-portal table.dataTable thead .sorting_asc::before,
html[data-orbit-theme="light"] .orbit-portal table.dataTable thead .sorting_asc::after,
html[data-orbit-theme="light"] .orbit-portal table.dataTable thead .sorting_desc::before,
html[data-orbit-theme="light"] .orbit-portal table.dataTable thead .sorting_desc::after {
    color: #0284c7 !important;
}

/* DataTables Body Cells & Empty Row - Override twenty-one #fff */
.orbit-portal table.table-list > tbody > tr,
.orbit-portal table.dataTable > tbody > tr,
.orbit-portal .table > tbody > tr {
    background-color: #0b1529 !important;
}

html[data-orbit-theme="light"] .orbit-portal table.table-list > tbody > tr,
html[data-orbit-theme="light"] .orbit-portal table.dataTable > tbody > tr,
html[data-orbit-theme="light"] .orbit-portal .table > tbody > tr {
    background-color: #ffffff !important;
}

.orbit-portal table.table-list > tbody > tr > td,
.orbit-portal table.dataTable > tbody > tr > td,
.orbit-portal .table > tbody > tr > td,
.orbit-portal .table > tbody > tr > th {
    background-color: #0b1529 !important;
    color: #f1f5f9 !important;
    border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
    border-bottom: none !important;
    padding: 14px 16px !important;
    font-size: 13.5px !important;
    vertical-align: middle !important;
}

html[data-orbit-theme="light"] .orbit-portal table.table-list > tbody > tr > td,
html[data-orbit-theme="light"] .orbit-portal table.dataTable > tbody > tr > td,
html[data-orbit-theme="light"] .orbit-portal .table > tbody > tr > td,
html[data-orbit-theme="light"] .orbit-portal .table > tbody > tr > th {
    background-color: #ffffff !important;
    color: #1e293b !important;
    border-top: 1px solid #e2e8f0 !important;
}

.orbit-portal table.table-list > tbody > tr:hover > td,
.orbit-portal table.dataTable > tbody > tr:hover > td {
    background-color: #132342 !important;
    color: #ffffff !important;
}

html[data-orbit-theme="light"] .orbit-portal table.table-list > tbody > tr:hover > td,
html[data-orbit-theme="light"] .orbit-portal table.dataTable > tbody > tr:hover > td {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

.orbit-portal table.table-list > tbody > tr > td.dataTables_empty,
.orbit-portal table.dataTable > tbody > tr > td.dataTables_empty {
    background-color: #0f1d38 !important;
    color: #e2e8f0 !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 36px 20px !important;
}

html[data-orbit-theme="light"] .orbit-portal table.table-list > tbody > tr > td.dataTables_empty,
html[data-orbit-theme="light"] .orbit-portal table.dataTable > tbody > tr > td.dataTables_empty {
    background-color: #f8fafc !important;
    color: #334155 !important;
}

/* DataTables Length Select ("Show 10 entries") & Pagination */
.orbit-portal .dataTables_wrapper .dataTables_length {
    color: #cbd5e1 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding-top: 6px !important;
}

html[data-orbit-theme="light"] .orbit-portal .dataTables_wrapper .dataTables_length {
    color: #334155 !important;
}

.orbit-portal .dataTables_wrapper .dataTables_length label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: inherit !important;
    font-weight: 600 !important;
}

.orbit-portal .dataTables_wrapper .dataTables_length select,
.orbit-portal .dataTables_wrapper .dataTables_length .custom-select,
.orbit-portal .dataTables_wrapper .dataTables_length .form-control {
    background-color: #152647 !important;
    color: #ffffff !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    height: 34px !important;
    min-width: 64px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

html[data-orbit-theme="light"] .orbit-portal .dataTables_wrapper .dataTables_length select,
html[data-orbit-theme="light"] .orbit-portal .dataTables_wrapper .dataTables_length .custom-select,
html[data-orbit-theme="light"] .orbit-portal .dataTables_wrapper .dataTables_length .form-control {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #94a3b8 !important;
}

.orbit-portal .pagination .page-item .page-link {
    background-color: #152647 !important;
    color: #f1f5f9 !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    font-size: 12.8px !important;
    font-weight: 700 !important;
    padding: 7px 14px !important;
    border-radius: 8px !important;
    margin-inline: 2px !important;
}

html[data-orbit-theme="light"] .orbit-portal .pagination .page-item .page-link {
    background-color: #ffffff !important;
    color: #1e293b !important;
    border-color: #cbd5e1 !important;
}

.orbit-portal .pagination .page-item.disabled .page-link {
    background-color: rgba(15, 27, 53, 0.6) !important;
    color: #94a3b8 !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
}

html[data-orbit-theme="light"] .orbit-portal .pagination .page-item.disabled .page-link {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    border-color: #e2e8f0 !important;
}

.orbit-portal .pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* 3. WHMCS Sidebar Cards, List Items & Counter Badges */
.orbit-portal .sidebar .card,
.orbit-portal .sidebar .card-sidebar {
    background: #0d182e !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-bottom: 18px !important;
    box-shadow: 0 14px 32px rgba(2, 6, 23, 0.4) !important;
}

html[data-orbit-theme="light"] .orbit-portal .sidebar .card,
html[data-orbit-theme="light"] .orbit-portal .sidebar .card-sidebar {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05) !important;
}

.orbit-portal .sidebar .card-header {
    background: #142546 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
    padding: 13px 16px !important;
}

html[data-orbit-theme="light"] .orbit-portal .sidebar .card-header {
    background: #f1f5f9 !important;
    border-bottom: 1px solid #cbd5e1 !important;
}

.orbit-portal .sidebar .card-title {
    color: #f8fafc !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

html[data-orbit-theme="light"] .orbit-portal .sidebar .card-title {
    color: #0f172a !important;
}

.orbit-portal .sidebar .list-group-item {
    background: transparent !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
    padding: 11px 16px !important;
    font-size: 13.2px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.18s ease !important;
}

html[data-orbit-theme="light"] .orbit-portal .sidebar .list-group-item {
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

.orbit-portal .sidebar .list-group-item:hover,
.orbit-portal .sidebar .list-group-item.active {
    background: rgba(56, 189, 248, 0.14) !important;
    color: #ffffff !important;
}

html[data-orbit-theme="light"] .orbit-portal .sidebar .list-group-item:hover,
html[data-orbit-theme="light"] .orbit-portal .sidebar .list-group-item.active {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

/* Sidebar Counter Badges - Fix white pill with faint text */
.orbit-portal .sidebar .list-group-item .badge {
    background: rgba(56, 189, 248, 0.18) !important;
    color: #38bdf8 !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    border-radius: 999px !important;
    padding: 3px 10px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    margin-inline-start: auto !important;
    float: none !important;
}

html[data-orbit-theme="light"] .orbit-portal .sidebar .list-group-item .badge {
    background: #e0f2fe !important;
    color: #0369a1 !important;
    border: 1px solid #bae6fd !important;
}

/* 4. WHMCS Cards, Forms, Labels, Tabs, Alerts & Status Badges */
.orbit-portal .card {
    background: #0d182e !important;
    color: #f1f5f9 !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 16px !important;
}

html[data-orbit-theme="light"] .orbit-portal .card {
    background: #ffffff !important;
    color: #1e293b !important;
    border-color: #cbd5e1 !important;
}

.orbit-portal .card-header {
    background: #142546 !important;
    color: #f8fafc !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
}

html[data-orbit-theme="light"] .orbit-portal .card-header {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-bottom-color: #e2e8f0 !important;
}

.orbit-portal .card-body,
.orbit-portal .card-footer {
    color: #e2e8f0 !important;
}

html[data-orbit-theme="light"] .orbit-portal .card-body,
html[data-orbit-theme="light"] .orbit-portal .card-footer {
    color: #1e293b !important;
}

.orbit-portal .form-control,
.orbit-portal .custom-select,
.orbit-portal select.form-control,
.orbit-portal textarea.form-control {
    background-color: #081020 !important;
    color: #f8fafc !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    border-radius: 10px !important;
}

html[data-orbit-theme="light"] .orbit-portal .form-control,
html[data-orbit-theme="light"] .orbit-portal .custom-select,
html[data-orbit-theme="light"] .orbit-portal select.form-control,
html[data-orbit-theme="light"] .orbit-portal textarea.form-control {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

.orbit-portal label,
.orbit-portal .col-form-label,
.orbit-portal .control-label {
    color: #f1f5f9 !important;
    font-weight: 600 !important;
}

html[data-orbit-theme="light"] .orbit-portal label,
html[data-orbit-theme="light"] .orbit-portal .col-form-label,
html[data-orbit-theme="light"] .orbit-portal .control-label {
    color: #0f172a !important;
}

.orbit-portal .text-muted {
    color: #94a3b8 !important;
}

html[data-orbit-theme="light"] .orbit-portal .text-muted {
    color: #64748b !important;
}

/* Status Pill Labels */
.orbit-portal .label.status,
.orbit-portal span.status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
}

.orbit-portal .status-active,
.orbit-portal .status-paid,
.orbit-portal .status-open,
.orbit-portal .status-answered {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #34d399 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
}

html[data-orbit-theme="light"] .orbit-portal .status-active,
html[data-orbit-theme="light"] .orbit-portal .status-paid,
html[data-orbit-theme="light"] .orbit-portal .status-open,
html[data-orbit-theme="light"] .orbit-portal .status-answered {
    background: #d1fae5 !important;
    color: #047857 !important;
    border-color: #6ee7b7 !important;
}

.orbit-portal .status-pending,
.orbit-portal .status-customer-reply {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

html[data-orbit-theme="light"] .orbit-portal .status-pending,
html[data-orbit-theme="light"] .orbit-portal .status-customer-reply {
    background: #fef3c7 !important;
    color: #b45309 !important;
    border-color: #fcd34d !important;
}

.orbit-portal .status-unpaid,
.orbit-portal .status-suspended,
.orbit-portal .status-expired {
    background: rgba(244, 63, 94, 0.18) !important;
    color: #fb7185 !important;
    border: 1px solid rgba(244, 63, 94, 0.35) !important;
}

html[data-orbit-theme="light"] .orbit-portal .status-unpaid,
html[data-orbit-theme="light"] .orbit-portal .status-suspended,
html[data-orbit-theme="light"] .orbit-portal .status-expired {
    background: #ffe4e6 !important;
    color: #be123c !important;
    border-color: #fda4af !important;
}

.orbit-portal .status-cancelled,
.orbit-portal .status-terminated,
.orbit-portal .status-closed {
    background: rgba(148, 163, 184, 0.18) !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

html[data-orbit-theme="light"] .orbit-portal .status-cancelled,
html[data-orbit-theme="light"] .orbit-portal .status-terminated,
html[data-orbit-theme="light"] .orbit-portal .status-closed {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border-color: #cbd5e1 !important;
}

/* ==========================================================================
   5. COMPLETE LIGHT MODE (`html[data-orbit-theme="light"]`) OVERHAUL
   Fixes all custom sections in Light Mode (Hero, Plans, Licenses, Client Nav)
   ========================================================================== */

/* 5A. Hero Section & Interactive Slider in Light Mode */
html[data-orbit-theme="light"] .tyh-wc-promo-text code {
    background: rgba(79, 70, 229, 0.12) !important;
    color: #312e81 !important;
    border-color: rgba(79, 70, 229, 0.3) !important;
}

html[data-orbit-theme="light"] .tyh-wc-cd-box {
    background: #ffffff !important;
    border-color: rgba(37, 99, 235, 0.25) !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
}

html[data-orbit-theme="light"] .tyh-wc-cd-box span {
    color: #2563eb !important;
}

html[data-orbit-theme="light"] .tyh-wc-cd-box small {
    color: #475569 !important;
}

html[data-orbit-theme="light"] .tyh-wc-hero-price-spotlight {
    background: #ffffff !important;
    border-color: rgba(37, 99, 235, 0.28) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

html[data-orbit-theme="light"] .tyh-wc-price-big {
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-wc-slider-tab {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}

html[data-orbit-theme="light"] .tyh-wc-slider-tab:hover {
    background: #f8fafc !important;
    border-color: #6366f1 !important;
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-wc-slider-tab.is-active {
    background: #eef2ff !important;
    border-color: #4f46e5 !important;
    color: #1e1b4b !important;
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.14) !important;
}

html[data-orbit-theme="light"] .tyh-wc-slider-arrow {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}

/* 5B. Pricing Plans & Inner Service Pages in Light Mode */
html[data-orbit-theme="light"] .tyh-wc-plan-card {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05) !important;
}

html[data-orbit-theme="light"] .tyh-wc-plan-card.is-featured {
    background: linear-gradient(145deg, #ffffff 0%, #eff6ff 100%) !important;
    border: 2px solid #4f46e5 !important;
    box-shadow: 0 20px 45px -10px rgba(79, 70, 229, 0.18) !important;
}

html[data-orbit-theme="light"] .tyh-wc-cat-tab:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-wc-inner-trust-pills span {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}

/* 5C. Official Licenses Page (`index.php?view=licenses`) in Light Mode */
html[data-orbit-theme="light"] .tyh-lic-hero {
    background: linear-gradient(180deg, #eff6ff 0%, #f8fafc 100%) !important;
    border-bottom: 1px solid #cbd5e1 !important;
}

html[data-orbit-theme="light"] .tyh-lic-eyebrow {
    background: rgba(2, 132, 199, 0.1) !important;
    border-color: rgba(2, 132, 199, 0.3) !important;
    color: #0369a1 !important;
}

html[data-orbit-theme="light"] .tyh-lic-hero-copy h1 {
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-lic-hero-copy p {
    color: #334155 !important;
}

html[data-orbit-theme="light"] .tyh-lic-btn-ghost {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

html[data-orbit-theme="light"] .tyh-lic-pillar {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04) !important;
}

html[data-orbit-theme="light"] .tyh-lic-pillar strong {
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-lic-pillar small {
    color: #475569 !important;
}

html[data-orbit-theme="light"] .tyh-lic-toolbar {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;
}

html[data-orbit-theme="light"] .tyh-lic-filter-btn {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

html[data-orbit-theme="light"] .tyh-lic-filter-btn:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-lic-filter-btn.is-active {
    background: linear-gradient(135deg, #0284c7, #2563eb) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

html[data-orbit-theme="light"] .tyh-lic-search-box input {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-lic-search-box input::placeholder {
    color: #64748b !important;
}

html[data-orbit-theme="light"] .tyh-lic-card {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;
}

html[data-orbit-theme="light"] .tyh-lic-card.is-featured {
    background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%) !important;
    border-color: #0284c7 !important;
}

html[data-orbit-theme="light"] .tyh-lic-title-block h3 {
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-lic-summary {
    color: #334155 !important;
}

html[data-orbit-theme="light"] .tyh-lic-os-strip {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #1e293b !important;
}

html[data-orbit-theme="light"] .tyh-lic-price-box,
html[data-orbit-theme="light"] .tyh-lic-compact-price-bar {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

html[data-orbit-theme="light"] .tyh-lic-price-val {
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-lic-price-cyc,
html[data-orbit-theme="light"] .tyh-lic-price-lbl {
    color: #475569 !important;
}

html[data-orbit-theme="light"] .tyh-lic-cycle-select-wrap {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}

html[data-orbit-theme="light"] .tyh-lic-cycle-select-wrap label {
    color: #475569 !important;
}

html[data-orbit-theme="light"] .tyh-lic-cycle-select {
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-lic-cycle-select option {
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-lic-features li {
    color: #1e293b !important;
    border-bottom-color: #f1f5f9 !important;
}

html[data-orbit-theme="light"] .tyh-lic-extra-header h2,
html[data-orbit-theme="light"] .tyh-lic-docs-header h2 {
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-lic-extra-header p,
html[data-orbit-theme="light"] .tyh-lic-docs-header p {
    color: #475569 !important;
}

html[data-orbit-theme="light"] .tyh-lic-docs-hub {
    background: #f1f5f9 !important;
    border-top-color: #cbd5e1 !important;
}

html[data-orbit-theme="light"] .tyh-lic-step-card,
html[data-orbit-theme="light"] .tyh-lic-os-card {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05) !important;
}

html[data-orbit-theme="light"] .tyh-lic-step-card h3,
html[data-orbit-theme="light"] .tyh-lic-os-head h3 {
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-lic-step-card p,
html[data-orbit-theme="light"] .tyh-lic-os-head p {
    color: #475569 !important;
}

html[data-orbit-theme="light"] .tyh-lic-os-table th {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-bottom-color: #cbd5e1 !important;
}

html[data-orbit-theme="light"] .tyh-lic-os-table td {
    color: #1e293b !important;
    border-bottom-color: #e2e8f0 !important;
}

html[data-orbit-theme="light"] .tyh-lic-os-table td strong {
    color: #0f172a !important;
}

/* 5D. Client Command Bar & Mobile Drawer in Light Mode */
html[data-orbit-theme="light"] .tyh-mobile-sitenav {
    background: #f8fafc !important;
    border-top-color: #e2e8f0 !important;
}

html[data-orbit-theme="light"] .tyh-mobile-sitenav-inner a {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

html[data-orbit-theme="light"] .tyh-mobile-sitenav-inner a.is-active {
    background: #eff6ff !important;
    border-color: #2563eb !important;
    color: #1d4ed8 !important;
}

html[data-orbit-theme="light"] .tyh-cnav-scroll-shell {
    background: #f1f5f9 !important;
    border-top-color: #cbd5e1 !important;
}

html[data-orbit-theme="light"] .tyh-cnav-scroll-arrow {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-cnav-pill {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #1e293b !important;
}

html[data-orbit-theme="light"] .tyh-cnav-mega-head {
    border-bottom-color: #e2e8f0 !important;
}

html[data-orbit-theme="light"] .tyh-cnav-mega-head span {
    color: #475569 !important;
}

html[data-orbit-theme="light"] .tyh-cnav-mega-foot {
    background: #f8fafc !important;
    border-top-color: #e2e8f0 !important;
}

html[data-orbit-theme="light"] .tyh-cnav-acc-hero {
    background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%) !important;
    border-color: #cbd5e1 !important;
}

html[data-orbit-theme="light"] .tyh-cnav-acc-stat {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

html[data-orbit-theme="light"] .tyh-cnav-acc-stat small {
    color: #475569 !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-head {
    background: #f8fafc !important;
    border-bottom-color: #e2e8f0 !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-user strong {
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-user small {
    color: #475569 !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-close {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-wallet {
    background: #ecfdf5 !important;
    border-color: #6ee7b7 !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-wallet strong {
    color: #047857 !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-stat {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-stat b {
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-stat span {
    color: #475569 !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-sec-title {
    color: #475569 !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-link {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-link:hover {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-foot {
    background: #f8fafc !important;
    border-top-color: #e2e8f0 !important;
}

html[data-orbit-theme="light"] .tyh-cdrawer-lang {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

/* ==========================================================================
   v4.4: ULTRA-PRO BRAND LOGO IDENTITY (Header & Footer)
   ========================================================================== */

.orbit-brand.tyh-pro-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;
    text-decoration: none !important;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.orbit-brand.tyh-pro-brand:hover {
    transform: translateY(-1px) !important;
}

.tyh-brand-icon-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
    filter: drop-shadow(0 6px 14px rgba(14, 165, 233, 0.28)) !important;
    transition: transform 0.25s ease, filter 0.25s ease !important;
}

.orbit-brand.tyh-pro-brand:hover .tyh-brand-icon-wrap {
    transform: scale(1.05) !important;
    filter: drop-shadow(0 8px 18px rgba(56, 189, 248, 0.42)) !important;
}

.tyh-brand-icon-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

.tyh-brand-text-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1.08 !important;
}

.tyh-brand-wordmark {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: baseline !important;
}

html[data-orbit-theme="light"] .tyh-brand-wordmark {
    color: #0f172a !important;
}

.tyh-brand-wordmark em {
    font-style: normal !important;
    background: linear-gradient(135deg, #38bdf8 0%, #60a5fa 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    padding-inline: 0.5px !important;
}

html[data-orbit-theme="light"] .tyh-brand-wordmark em {
    background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

.tyh-brand-sub {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    letter-spacing: 0.02em !important;
    margin-top: 2px !important;
}

html[data-orbit-theme="light"] .tyh-brand-sub {
    color: #475569 !important;
}

@media (max-width: 640px) {
    .tyh-brand-icon-wrap {
        width: 38px !important;
        height: 38px !important;
    }
    .tyh-brand-wordmark {
        font-size: 18.5px !important;
    }
    .tyh-brand-sub {
        font-size: 9.5px !important;
    }
}

/* ==========================================================================
   v4.5: MAIN NAVIGATION PROFESSIONAL ICONS & MULTI-CURRENCY SWITCHER
   ========================================================================== */

/* 1. Main Navigation Bar Items & Color-Coded Icon Badges */
.orbit-links.tyh-main-nav {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
}

.tyh-main-menu > summary,
.tyh-main-nav-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 7px 11px !important;
    border-radius: 11px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #e2e8f0 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-decoration: none !important;
    list-style: none !important;
}

.tyh-main-menu > summary::-webkit-details-marker {
    display: none !important;
}

html[data-orbit-theme="light"] .tyh-main-menu > summary,
html[data-orbit-theme="light"] .tyh-main-nav-link {
    color: #1e293b !important;
}

.tyh-main-menu > summary:hover,
.tyh-main-menu[open] > summary,
.tyh-main-nav-link:hover,
.tyh-main-nav-link.is-active {
    background: rgba(56, 189, 248, 0.1) !important;
    border-color: rgba(56, 189, 248, 0.25) !important;
    color: #ffffff !important;
}

html[data-orbit-theme="light"] .tyh-main-menu > summary:hover,
html[data-orbit-theme="light"] .tyh-main-menu[open] > summary,
html[data-orbit-theme="light"] .tyh-main-nav-link:hover,
html[data-orbit-theme="light"] .tyh-main-nav-link.is-active {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #0f172a !important;
}

/* Color-Coded Category Icon Badges */
.tyh-nav-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.tyh-main-menu > summary:hover .tyh-nav-ico,
.tyh-main-menu[open] > summary .tyh-nav-ico,
.tyh-main-nav-link:hover .tyh-nav-ico {
    transform: translateY(-1px) scale(1.06) !important;
}

.tyh-nav-ico--hosting {
    background: rgba(56, 189, 248, 0.16) !important;
    color: #38bdf8 !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
}

.tyh-nav-ico--reseller {
    background: rgba(168, 85, 247, 0.16) !important;
    color: #c084fc !important;
    border: 1px solid rgba(168, 85, 247, 0.3) !important;
}

.tyh-nav-ico--servers {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #34d399 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

.tyh-nav-ico--licenses {
    background: rgba(245, 158, 11, 0.16) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(245, 158, 11, 0.32) !important;
}

.tyh-nav-ico--domains {
    background: rgba(59, 130, 246, 0.16) !important;
    color: #60a5fa !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
}

.tyh-nav-ico--support {
    background: rgba(244, 63, 94, 0.16) !important;
    color: #fb7185 !important;
    border: 1px solid rgba(244, 63, 94, 0.3) !important;
}

html[data-orbit-theme="light"] .tyh-nav-ico--hosting {
    background: #e0f2fe !important;
    color: #0284c7 !important;
    border-color: #7dd3fc !important;
}
html[data-orbit-theme="light"] .tyh-nav-ico--reseller {
    background: #f3e8ff !important;
    color: #7e22ce !important;
    border-color: #d8b4fe !important;
}
html[data-orbit-theme="light"] .tyh-nav-ico--servers {
    background: #d1fae5 !important;
    color: #059669 !important;
    border-color: #6ee7b7 !important;
}
html[data-orbit-theme="light"] .tyh-nav-ico--licenses {
    background: #fef3c7 !important;
    color: #d97706 !important;
    border-color: #fcd34d !important;
}
html[data-orbit-theme="light"] .tyh-nav-ico--domains {
    background: #dbeafe !important;
    color: #2563eb !important;
    border-color: #93c5fd !important;
}
html[data-orbit-theme="light"] .tyh-nav-ico--support {
    background: #ffe4e6 !important;
    color: #e11d48 !important;
    border-color: #fda4af !important;
}

.tyh-nav-chev {
    font-size: 10px !important;
    opacity: 0.65 !important;
    transition: transform 0.2s ease !important;
}

.tyh-main-menu[open] > summary .tyh-nav-chev {
    transform: rotate(180deg) !important;
    opacity: 1 !important;
    color: #38bdf8 !important;
}

/* 2. Interactive Multi-Currency Switcher Widget */
.tyh-currency-switcher {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

.tyh-currency-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 38px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    background: rgba(15, 27, 53, 0.85) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    color: #f8fafc !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}

.tyh-currency-btn:hover,
.tyh-currency-switcher.is-open .tyh-currency-btn {
    background: rgba(56, 189, 248, 0.16) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 6px 18px rgba(14, 165, 233, 0.22) !important;
}

html[data-orbit-theme="light"] .tyh-currency-btn {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
}

html[data-orbit-theme="light"] .tyh-currency-btn:hover,
html[data-orbit-theme="light"] .tyh-currency-switcher.is-open .tyh-currency-btn {
    background: #eff6ff !important;
    border-color: #2563eb !important;
    color: #1d4ed8 !important;
}

.tyh-curr-symbol {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.tyh-curr-code {
    letter-spacing: 0.03em !important;
}

.tyh-curr-chev {
    font-size: 9.5px !important;
    opacity: 0.7 !important;
    transition: transform 0.2s ease !important;
}

.tyh-currency-switcher.is-open .tyh-curr-chev {
    transform: rotate(180deg) !important;
}

.tyh-currency-dropdown {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    inset-inline-end: 0 !important;
    width: 245px !important;
    background: #0d182e !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    border-radius: 16px !important;
    box-shadow: 0 22px 48px rgba(2, 6, 23, 0.65) !important;
    padding: 10px !important;
    z-index: 2500 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) scale(0.98) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tyh-currency-switcher.is-open .tyh-currency-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

html[data-orbit-theme="light"] .tyh-currency-dropdown {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.14) !important;
}

.tyh-currency-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 10px 10px !important;
    margin-bottom: 6px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15) !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    color: #38bdf8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

html[data-orbit-theme="light"] .tyh-currency-head {
    color: #0284c7 !important;
    border-bottom-color: #e2e8f0 !important;
}

.tyh-currency-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.tyh-currency-opt {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 8px 10px !important;
    border-radius: 11px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #e2e8f0 !important;
    text-align: start !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.16s ease !important;
}

html[data-orbit-theme="light"] .tyh-currency-opt {
    color: #1e293b !important;
}

.tyh-currency-opt:hover {
    background: rgba(56, 189, 248, 0.1) !important;
    border-color: rgba(56, 189, 248, 0.22) !important;
    text-decoration: none !important;
}

html[data-orbit-theme="light"] .tyh-currency-opt:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}

.tyh-currency-opt.is-active {
    background: rgba(37, 99, 235, 0.18) !important;
    border-color: rgba(56, 189, 248, 0.4) !important;
}

html[data-orbit-theme="light"] .tyh-currency-opt.is-active {
    background: #eff6ff !important;
    border-color: #60a5fa !important;
}

.tyh-curr-opt-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 32px !important;
    padding: 0 6px !important;
    border-radius: 9px !important;
    background: rgba(15, 27, 53, 0.9) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    color: #38bdf8 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    flex-shrink: 0 !important;
}

html[data-orbit-theme="light"] .tyh-curr-opt-badge {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0284c7 !important;
}

.tyh-currency-opt.is-active .tyh-curr-opt-badge {
    background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

.tyh-curr-opt-info {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.2 !important;
    flex: 1 !important;
}

.tyh-curr-opt-info strong {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #f8fafc !important;
}

html[data-orbit-theme="light"] .tyh-curr-opt-info strong {
    color: #0f172a !important;
}

.tyh-curr-opt-info small {
    font-size: 11px !important;
    color: #94a3b8 !important;
}

html[data-orbit-theme="light"] .tyh-curr-opt-info small {
    color: #64748b !important;
}

.tyh-curr-check {
    font-size: 12px !important;
    color: #38bdf8 !important;
    opacity: 0 !important;
    transform: scale(0.6) !important;
    transition: all 0.16s ease !important;
}

html[data-orbit-theme="light"] .tyh-curr-check {
    color: #2563eb !important;
}

.tyh-currency-opt.is-active .tyh-curr-check {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* 3. Responsive Breakpoints for Main Nav Icons, Currency Switcher & Mobile Drawer (v4.7) */
html,
body.orbit-site {
    overflow-x: clip !important;
    max-width: 100% !important;
}

.orbit-wrap,
.tyh-wc-container,
.tyh-wc-hero-inner > *,
.tyh-lic-hero-grid > *,
.tyh-wc-plan-grid > *,
.tyh-wc-tech-bento > *,
.orbit-solution-grid > *,
.orbit-experience > *,
.orbit-migration > *,
.orbit-faq-layout > * {
    min-width: 0;
}

.tyh-mobile-drawer-actions {
    display: none;
}

.tyh-mobile-sitenav-inner {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px !important;
}

.tyh-mobile-sitenav-inner::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

@media (max-width: 1360px) {
    .tyh-main-menu > summary,
    .tyh-main-nav-link {
        padding: 6px 8px !important;
        font-size: 12.6px !important;
        gap: 5px !important;
    }
    .tyh-nav-ico {
        width: 22px !important;
        height: 22px !important;
        font-size: 11px !important;
    }
    .orbit-nav-actions {
        gap: 6px !important;
    }
}

@media (max-width: 1180px) {
    .tyh-main-menu > summary,
    .tyh-main-nav-link {
        padding: 5px 6px !important;
        font-size: 12px !important;
        gap: 4px !important;
    }
    .tyh-nav-ico {
        width: 20px !important;
        height: 20px !important;
        font-size: 10.5px !important;
    }
    .tyh-brand-sub {
        display: none !important;
    }
}

@media (max-width: 1020px) {
    .orbit-mobile-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
        background: rgba(56, 189, 248, 0.1) !important;
        border: 1px solid rgba(56, 189, 248, 0.28) !important;
        color: #f8fafc !important;
        transition: all 0.2s ease !important;
    }
    html[data-orbit-theme="light"] .orbit-mobile-toggle {
        background: #f1f5f9 !important;
        border-color: #cbd5e1 !important;
        color: #0f172a !important;
    }
    .orbit-mobile-toggle[aria-expanded="true"] {
        background: rgba(56, 189, 248, 0.22) !important;
        border-color: #38bdf8 !important;
        color: #38bdf8 !important;
    }

    /* Hide mobile drawer cleanly unless toggled open */
    .orbit-links.tyh-main-nav {
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        inset-inline: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        padding: 14px 16px 20px !important;
        margin: 0 !important;
        max-height: calc(100dvh - 76px) !important;
        overflow-y: auto !important;
        background: rgba(8, 15, 31, 0.98) !important;
        border-top: 1px solid rgba(56, 189, 248, 0.2) !important;
        border-bottom: 1px solid rgba(56, 189, 248, 0.28) !important;
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.85) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        z-index: 3200 !important;
    }
    .orbit-links.tyh-main-nav.is-open {
        display: flex !important;
    }
    html[data-orbit-theme="light"] .orbit-links.tyh-main-nav {
        background: rgba(255, 255, 255, 0.98) !important;
        border-top-color: #e2e8f0 !important;
        border-bottom-color: #cbd5e1 !important;
        box-shadow: 0 22px 48px rgba(15, 23, 42, 0.16) !important;
    }

    .tyh-main-menu {
        width: 100% !important;
    }
    .tyh-main-menu > summary,
    .tyh-main-nav-link {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 46px !important;
        padding: 10px 14px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        gap: 12px !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(148, 163, 184, 0.14) !important;
    }
    html[data-orbit-theme="light"] .tyh-main-menu > summary,
    html[data-orbit-theme="light"] .tyh-main-nav-link {
        background: #f8fafc !important;
        border-color: #e2e8f0 !important;
        color: #0f172a !important;
    }
    .tyh-main-menu[open] > summary,
    .tyh-main-nav-link.is-active {
        background: rgba(56, 189, 248, 0.12) !important;
        border-color: rgba(56, 189, 248, 0.35) !important;
    }
    html[data-orbit-theme="light"] .tyh-main-menu[open] > summary,
    html[data-orbit-theme="light"] .tyh-main-nav-link.is-active {
        background: #eff6ff !important;
        border-color: #93c5fd !important;
    }
    .tyh-nav-ico {
        width: 30px !important;
        height: 30px !important;
        font-size: 13px !important;
        flex-shrink: 0 !important;
    }
    .tyh-nav-label {
        flex: 1 !important;
        text-align: start !important;
        min-width: 0 !important;
    }
    .tyh-nav-chev {
        margin-inline-start: auto !important;
        flex-shrink: 0 !important;
    }

    /* Mobile accordion sub-items inside drawer */
    .orbit-links.tyh-main-nav .orbit-mega,
    .orbit-links.tyh-main-nav .orbit-mega-small {
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 6px 0 2px !important;
        padding: 8px !important;
        background: rgba(15, 27, 53, 0.65) !important;
        border: 1px solid rgba(148, 163, 184, 0.14) !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }
    html[data-orbit-theme="light"] .orbit-links.tyh-main-nav .orbit-mega,
    html[data-orbit-theme="light"] .orbit-links.tyh-main-nav .orbit-mega-small {
        background: #f1f5f9 !important;
        border-color: #e2e8f0 !important;
    }
    .orbit-links.tyh-main-nav .orbit-mega a {
        padding: 10px 11px !important;
        gap: 10px !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.03) !important;
        border: 1px solid rgba(148, 163, 184, 0.1) !important;
        font-size: 13px !important;
    }
    html[data-orbit-theme="light"] .orbit-links.tyh-main-nav .orbit-mega a {
        background: #ffffff !important;
        border-color: #e2e8f0 !important;
        color: #0f172a !important;
    }
    .orbit-links.tyh-main-nav .orbit-mega a > i {
        font-size: 15px !important;
        width: 20px !important;
        margin-top: 2px !important;
    }
    .orbit-links.tyh-main-nav .orbit-mega a b {
        font-size: 14px !important;
        opacity: 0.65 !important;
    }
}

@media (max-width: 767px) {
    .orbit-site .orbit-wrap {
        width: calc(100% - 24px) !important;
        max-width: 100% !important;
    }
    .orbit-nav {
        min-height: 64px !important;
        gap: 8px !important;
        padding-block: 6px !important;
    }
    .orbit-brand.tyh-pro-brand {
        gap: 8px !important;
        min-width: 0 !important;
        flex-shrink: 1 !important;
    }
    .tyh-brand-icon-wrap {
        width: 32px !important;
        height: 32px !important;
    }
    .tyh-brand-wordmark {
        font-size: 16px !important;
    }
    .orbit-nav-actions {
        gap: 6px !important;
        flex-shrink: 0 !important;
    }
    .tyh-currency-btn {
        height: 34px !important;
        padding: 0 8px !important;
        gap: 5px !important;
        font-size: 11.5px !important;
    }
    .tyh-curr-symbol {
        min-width: 18px !important;
        height: 18px !important;
        font-size: 10px !important;
        padding: 0 4px !important;
    }
    .orbit-language {
        height: 34px !important;
        padding: 0 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        font-size: 11.5px !important;
    }
    .orbit-icon-button {
        width: 34px !important;
        height: 34px !important;
        border-radius: 9px !important;
        font-size: 14px !important;
    }

    .tyh-mobile-sitenav-inner {
        width: calc(100% - 24px) !important;
    }

    /* Quick account/cart buttons inside open mobile drawer when header CTA hides */
    .tyh-mobile-drawer-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding-top: 10px !important;
        margin-top: 4px !important;
        border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
    }
    .tyh-mobile-drawer-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-height: 44px !important;
        padding: 10px 12px !important;
        border-radius: 11px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        text-decoration: none !important;
    }
    .tyh-mobile-drawer-btn--primary {
        background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
        color: #ffffff !important;
        box-shadow: 0 6px 16px rgba(37, 99, 235, 0.35) !important;
    }
    .tyh-mobile-drawer-btn--cart {
        background: rgba(255, 255, 255, 0.06) !important;
        border: 1px solid rgba(148, 163, 184, 0.24) !important;
        color: #f8fafc !important;
    }
    html[data-orbit-theme="light"] .tyh-mobile-drawer-btn--cart {
        background: #f1f5f9 !important;
        border-color: #cbd5e1 !important;
        color: #0f172a !important;
    }
}

@media (max-width: 640px) {
    .orbit-links.tyh-main-nav .orbit-mega,
    .orbit-links.tyh-main-nav .orbit-mega-small {
        grid-template-columns: 1fr !important;
    }
    .tyh-wc-hero {
        padding: 28px 0 56px !important;
    }
    .tyh-wc-console-card {
        max-width: 100% !important;
        padding: 16px !important;
        overflow: hidden !important;
    }
    .tyh-wc-console-head {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    .tyh-wc-promo-inner {
        gap: 8px !important;
    }
    .tyh-wc-promo-text {
        flex-basis: 100% !important;
        font-size: 12px !important;
    }
    .tyh-lic-search-box {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 540px) {
    .tyh-currency-dropdown {
        inset-inline-end: 0 !important;
        width: min(260px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
    }
}

@media (max-width: 440px) {
    .orbit-nav {
        gap: 6px !important;
    }
    .tyh-brand-icon-wrap {
        width: 28px !important;
        height: 28px !important;
    }
    .tyh-brand-wordmark {
        font-size: 14.5px !important;
    }
    .orbit-nav-actions {
        gap: 4px !important;
    }
    .tyh-currency-btn {
        height: 31px !important;
        padding: 0 7px !important;
        font-size: 11px !important;
        gap: 4px !important;
    }
    .tyh-curr-symbol {
        display: none !important;
    }
    .orbit-language {
        height: 31px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
    }
    .orbit-icon-button {
        width: 31px !important;
        height: 31px !important;
        font-size: 13px !important;
    }
    .tyh-wc-license-mini-grid,
    .tyh-wc-console-card .tyh-wc-telemetry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    .tyh-wc-slider-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    .tyh-wc-hero-title {
        font-size: clamp(28px, 8vw, 38px) !important;
    }
    .tyh-wc-hero-actions .tyh-wc-btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* 4. Footer Award Badges & Tawk.to Live Chat Non-Overlapping Floating Controls (v4.7.2) */
.tyh-footer-awards {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    border-radius: 14px !important;
    background: rgba(15, 27, 53, 0.72) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
}

html[data-orbit-theme="light"] .tyh-footer-awards {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important;
}

.tyh-footer-award-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    padding: 4px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

html[data-orbit-theme="light"] .tyh-footer-award-item {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

.tyh-footer-award-item:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(245, 158, 11, 0.55) !important;
}

.tyh-footer-award-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

/* Keep floating guide + back-to-top on bottom-left so Tawk.to chat sits unobstructed on bottom-right */
.orbit-back-top {
    left: 18px !important;
    right: auto !important;
    bottom: 18px !important;
    z-index: 230 !important;
}

.orbit-guide-toggle {
    left: 68px !important;
    right: auto !important;
    bottom: 18px !important;
    z-index: 230 !important;
}

@media (max-width: 767px) {
    .orbit-footer-social-row {
        align-items: center !important;
        text-align: center !important;
    }
    .tyh-footer-awards {
        width: 100% !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 8px 10px !important;
    }
    .tyh-footer-award-item {
        width: 42px !important;
        height: 42px !important;
    }
    .orbit-back-top {
        left: 12px !important;
        bottom: 14px !important;
    }
    .orbit-guide-toggle {
        left: 56px !important;
        bottom: 14px !important;
        padding: 9px 12px !important;
    }
}

/* 5. World-Class Responsive Accordion Footer & Mobile Bottom Safe-Area (v4.8.0) */
.tyh-footer-col > h3 {
    margin: 0 0 18px !important;
}

.tyh-footer-col-toggle {
    appearance: none;
    -webkit-appearance: none;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    text-align: start;
    cursor: default;
}

.tyh-footer-col-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.tyh-footer-cat-icon,
.tyh-footer-chevron {
    display: none !important;
}

.tyh-footer-col-links,
.tyh-footer-col-links-inner,
.tyh-footer-links-pad {
    display: block;
}

.tyh-footer-links-pad > a {
    display: block;
    margin-bottom: 10px;
    overflow-wrap: break-word;
}

@media (min-width: 768px) and (max-width: 1020px) {
    .orbit-footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 28px 24px !important;
        padding-bottom: 40px !important;
    }
    .orbit-footer-brand {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 767px) {
    .orbit-footer {
        padding-top: 28px !important;
    }
    .orbit-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding-bottom: 18px !important;
    }
    .orbit-footer-brand {
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 16px !important;
        margin-bottom: 4px !important;
        border-radius: 14px !important;
        background: rgba(15, 27, 53, 0.56) !important;
        border: 1px solid rgba(148, 163, 184, 0.16) !important;
    }
    html[data-orbit-theme="light"] .orbit-footer-brand {
        background: #ffffff !important;
        border-color: #e2e8f0 !important;
        box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
    }
    .orbit-footer-brand > p {
        margin: 0 !important;
        max-width: none !important;
        font-size: 12.5px !important;
        line-height: 1.65 !important;
    }
    .orbit-footer-motto {
        margin-top: 2px !important;
        font-size: 10px !important;
        gap: 10px !important;
    }
    .tyh-footer-col {
        grid-column: auto !important;
        display: block !important;
        border-radius: 12px !important;
        background: rgba(15, 27, 53, 0.52) !important;
        border: 1px solid rgba(148, 163, 184, 0.16) !important;
        overflow: hidden !important;
        transition: border-color 0.25s ease, background-color 0.25s ease !important;
    }
    html[data-orbit-theme="light"] .tyh-footer-col {
        background: #ffffff !important;
        border-color: #e2e8f0 !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    }
    .tyh-footer-col.is-open {
        border-color: rgba(59, 130, 246, 0.48) !important;
        background: rgba(20, 36, 70, 0.72) !important;
    }
    html[data-orbit-theme="light"] .tyh-footer-col.is-open {
        border-color: rgba(37, 99, 235, 0.42) !important;
        background: #f8fbff !important;
    }
    .tyh-footer-col > h3 {
        margin: 0 !important;
        font-size: 14px !important;
    }
    .tyh-footer-col-toggle {
        padding: 12px 14px !important;
        min-height: 48px !important;
        cursor: pointer !important;
        color: var(--tyh-text) !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }
    .tyh-footer-cat-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px !important;
        background: rgba(59, 130, 246, 0.14) !important;
        color: var(--tyh-primary-light) !important;
        font-size: 12px !important;
        flex-shrink: 0 !important;
    }
    .tyh-footer-chevron {
        display: inline-flex !important;
        font-size: 12px !important;
        color: var(--tyh-text-muted) !important;
        transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), color 0.2s ease !important;
        flex-shrink: 0 !important;
    }
    .tyh-footer-col.is-open .tyh-footer-chevron {
        transform: rotate(180deg) !important;
        color: var(--tyh-primary-light) !important;
    }
    .tyh-footer-col-links {
        display: grid !important;
        grid-template-rows: 0fr !important;
        transition: grid-template-rows 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }
    .tyh-footer-col.is-open .tyh-footer-col-links {
        grid-template-rows: 1fr !important;
    }
    .tyh-footer-col-links-inner {
        min-height: 0 !important;
        overflow: hidden !important;
    }
    .tyh-footer-links-pad {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px 8px !important;
        padding: 10px 12px 12px !important;
        border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
    }
    html[data-orbit-theme="light"] .tyh-footer-links-pad {
        border-top-color: #e2e8f0 !important;
    }
    .tyh-footer-links-pad > a {
        display: flex !important;
        align-items: center !important;
        min-height: 36px !important;
        padding: 6px 10px !important;
        margin: 0 !important;
        border-radius: 8px !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        background: rgba(255, 255, 255, 0.03) !important;
    }
    html[data-orbit-theme="light"] .tyh-footer-links-pad > a {
        background: #f1f5f9 !important;
    }
    .tyh-footer-links-pad > a:hover,
    .tyh-footer-links-pad > a:focus-visible {
        padding-inline-start: 10px !important;
        background: rgba(59, 130, 246, 0.14) !important;
    }
    .orbit-footer-social-row {
        align-items: center !important;
        text-align: center !important;
        gap: 14px !important;
        padding-block: 16px !important;
    }
    .orbit-footer-social-row > div:first-child {
        justify-content: center !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .orbit-footer-social-row .orbit-payment-brands {
        justify-content: center !important;
        font-size: 21px !important;
        gap: 14px !important;
        width: 100% !important;
    }
    .orbit-footer-bottom {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 10px !important;
        padding-top: 16px !important;
        padding-bottom: 138px !important;
        font-size: 11px !important;
    }
    .orbit-footer-bottom > div {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 14px !important;
    }
}

/* 6. Client Area Responsive Side-by-Side Cards, Support Pin Polish & Floating Controls Above TakeYourHost AI (v4.8.1) */

/* Keep Back-to-Top & Site Guide cleanly positioned ABOVE TakeYourHost AI (#tyh-ai-launcher) on Desktop & Mobile */
.orbit-back-top {
    left: 24px !important;
    right: auto !important;
    bottom: 112px !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 230 !important;
}

.orbit-guide-toggle {
    left: 72px !important;
    right: auto !important;
    bottom: 112px !important;
    z-index: 230 !important;
}

@media (max-width: 767px) {
    .orbit-back-top {
        left: 24px !important;
        right: auto !important;
        bottom: 108px !important;
        width: 36px !important;
        height: 36px !important;
    }
    .orbit-guide-toggle {
        left: 68px !important;
        right: auto !important;
        bottom: 108px !important;
        padding: 8px 13px !important;
        font-size: 11.5px !important;
    }
}

@media (max-width: 640px) {
    .orbit-back-top {
        left: 14px !important;
        right: auto !important;
        bottom: 86px !important;
        width: 34px !important;
        height: 34px !important;
    }
    .orbit-guide-toggle {
        left: 56px !important;
        right: auto !important;
        bottom: 86px !important;
        padding: 7px 11px !important;
        font-size: 11px !important;
    }
}

/* Fix Support Pin nested <h3> heading & oversized legacy inline PIN font on all viewports */
.orbit-portal .sidebar [menuitemname="SupportPin"] .card-header .card-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    line-height: 1.25 !important;
}

.orbit-portal .sidebar [menuitemname="SupportPin"] .card-header .card-title h3 {
    display: inline !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
}

.orbit-portal .sidebar [menuitemname="SupportPin"] .card-header .float-right,
.orbit-portal .sidebar [menuitemname="SupportPin"] .card-header .card-collapser {
    margin-inline-start: auto !important;
    float: none !important;
}

.orbit-portal .sidebar [menuitemname="SupportPin"] .card-body {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 12px 14px !important;
    background: rgba(56, 189, 248, 0.05) !important;
}

html[data-orbit-theme="light"] .orbit-portal .sidebar [menuitemname="SupportPin"] .card-body {
    background: #f8fafc !important;
}

.orbit-portal .sidebar [menuitemname="SupportPin"] #sPIN {
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    line-height: 1 !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-variant-numeric: tabular-nums !important;
    color: #38bdf8 !important;
    background: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid rgba(56, 189, 248, 0.28) !important;
    border-radius: 10px !important;
    padding: 6px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
}

html[data-orbit-theme="light"] .orbit-portal .sidebar [menuitemname="SupportPin"] #sPIN {
    color: #0369a1 !important;
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

.orbit-portal .sidebar [menuitemname="SupportPin"] .card-body > span:not(#sPIN) {
    margin-left: 0 !important;
    margin-inline-start: auto !important;
    display: inline-flex !important;
    flex-shrink: 0 !important;
}

.orbit-portal .sidebar [menuitemname="SupportPin"] .card-body a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
    background: rgba(56, 189, 248, 0.14) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    color: #38bdf8 !important;
    font-size: 13px !important;
    transition: transform 0.2s ease, background 0.2s ease !important;
}

html[data-orbit-theme="light"] .orbit-portal .sidebar [menuitemname="SupportPin"] .card-body a {
    background: #e0f2fe !important;
    border-color: #bae6fd !important;
    color: #0284c7 !important;
}

.orbit-portal .sidebar [menuitemname="SupportPin"] .card-body a:hover {
    background: rgba(56, 189, 248, 0.25) !important;
    transform: rotate(90deg) !important;
}

/* Tablet & Mobile (<= 991.98px): Full-width sidebars + 2-column side-by-side cards (Support Pin + Your Info, Contacts + Shortcuts) */
@media (max-width: 991.98px) {
    .orbit-portal .sidebar.sidebar-secondary {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-top: 14px !important;
    }

    .orbit-portal .sidebar.tyh-sidebar-pair,
    .orbit-portal .col-lg-4 > .sidebar:has(> [menuitemname="SupportPin"]):has(> [menuitemname="Client Details"]),
    .orbit-portal .sidebar.sidebar-secondary:has(> .card:nth-of-type(2)) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
        margin-bottom: 16px !important;
    }

    .orbit-portal .sidebar.tyh-sidebar-pair > .card,
    .orbit-portal .col-lg-4 > .sidebar:has(> [menuitemname="SupportPin"]):has(> [menuitemname="Client Details"]) > .card,
    .orbit-portal .sidebar.sidebar-secondary:has(> .card:nth-of-type(2)) > .card {
        min-width: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin-bottom: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        border-radius: 13px !important;
    }

    .orbit-portal .sidebar.tyh-sidebar-pair > .card:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
    }

    .orbit-portal .sidebar .card-header {
        padding: 9px 12px !important;
        min-height: 40px !important;
    }

    .orbit-portal .sidebar .card-title {
        font-size: 12.5px !important;
        gap: 6px !important;
        flex-wrap: nowrap !important;
    }

    .orbit-portal .sidebar .card-body {
        padding: 10px 12px !important;
        font-size: 12.5px !important;
    }

    .orbit-portal .sidebar [menuitemname="SupportPin"] .card-body {
        padding: 10px 10px !important;
        gap: 6px !important;
    }

    .orbit-portal .sidebar [menuitemname="SupportPin"] #sPIN {
        font-size: 15.5px !important;
        letter-spacing: 1px !important;
        padding: 5px 8px !important;
        border-radius: 8px !important;
    }

    .orbit-portal .sidebar [menuitemname="SupportPin"] .card-body a {
        width: 30px !important;
        height: 30px !important;
        font-size: 12px !important;
        border-radius: 8px !important;
    }

    .orbit-portal .sidebar .card-footer {
        margin-top: auto !important;
        padding: 8px 10px !important;
    }

    .orbit-portal .sidebar .card-footer .btn {
        padding: 6px 10px !important;
        font-size: 12px !important;
        min-height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
    }

    .orbit-portal .sidebar .list-group-item {
        padding: 8px 10px !important;
        font-size: 12px !important;
        gap: 6px !important;
        line-height: 1.35 !important;
    }
}

/* Mobile Client Area Hero Actions & 2-Column Stat Cards (<= 767px) */
@media (max-width: 767px) {
    .tyh-portal-hero {
        padding: 18px 16px !important;
        gap: 14px !important;
        border-radius: 16px !important;
    }
    .tyh-portal-hero-copy h1 {
        font-size: 21px !important;
        line-height: 1.3 !important;
    }
    .tyh-portal-hero-copy p {
        font-size: 12.5px !important;
        line-height: 1.6 !important;
        margin-bottom: 12px !important;
    }
    .tyh-portal-hero-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    .tyh-portal-hero-actions .tyh-portal-btn {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 9px 10px !important;
        font-size: 11.5px !important;
        gap: 6px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .tyh-portal-hero-actions .tyh-portal-btn:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
    }
    .tyh-portal-wallet-card {
        padding: 12px 14px !important;
        border-radius: 14px !important;
    }
    .tyh-portal-wallet-top strong {
        font-size: 22px !important;
    }
    .tyh-portal-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    .tyh-portal-stat-card {
        padding: 12px !important;
        gap: 10px !important;
    }
    .tyh-portal-stat-icon {
        width: 36px !important;
        height: 36px !important;
        font-size: 15px !important;
        border-radius: 10px !important;
    }
    .tyh-portal-stat-num {
        font-size: 20px !important;
    }
    .tyh-portal-stat-label {
        font-size: 11.5px !important;
    }
}

/* ==========================================================================
   v4.8.2: DOMAIN REGISTRATION, TRANSFER & STANDARD_CART EXECUTIVE OVERHAUL
   Full Dark/Light, AR(RTL)/EN(LTR), Desktop/Tablet/Mobile Responsiveness
   ========================================================================== */

/* 1. Orderform Core Grid, Typography & Sidebar (Beats late-loaded all.min.css) */
body.orbit-site #order-standard_cart {
    font-family: 'Tajawal', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    color: var(--tyh-text) !important;
    padding: 8px 0 56px !important;
}

html[lang="en"] body.orbit-site #order-standard_cart {
    font-family: 'Inter', 'Tajawal', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

body.orbit-site #order-standard_cart > .row {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 26px !important;
    align-items: start !important;
    margin: 0 !important;
}

body.orbit-site #order-standard_cart .cart-sidebar,
body.orbit-site #order-standard_cart .cart-body {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-inline: 0 !important;
}

@media (max-width: 1199.98px) {
    body.orbit-site #order-standard_cart > .row {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }
    body.orbit-site #order-standard_cart .cart-sidebar {
        display: none !important;
    }
}

/* Cart Sidebar Cards (Categories & Actions) */
body.orbit-site #order-standard_cart .cart-sidebar .card,
body.orbit-site #order-standard_cart .cart-sidebar .panel {
    background: #0d182e !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 32px rgba(2, 6, 23, 0.36) !important;
    margin-bottom: 18px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .cart-sidebar .card,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .cart-sidebar .panel {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06) !important;
}

body.orbit-site #order-standard_cart .cart-sidebar .card-header,
body.orbit-site #order-standard_cart .cart-sidebar .panel-heading {
    background: #142546 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
    padding: 13px 16px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .cart-sidebar .card-header,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .cart-sidebar .panel-heading {
    background: #f1f5f9 !important;
    border-bottom-color: #e2e8f0 !important;
}

body.orbit-site #order-standard_cart .cart-sidebar .panel-title,
body.orbit-site #order-standard_cart .cart-sidebar h3 {
    color: #f8fafc !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .cart-sidebar .panel-title,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .cart-sidebar h3 {
    color: #0f172a !important;
}

body.orbit-site #order-standard_cart .cart-sidebar .card-minimise,
body.orbit-site #order-standard_cart .cart-sidebar .panel-minimise {
    margin-inline-start: auto !important;
    float: none !important;
    opacity: 0.72;
}

body.orbit-site #order-standard_cart .cart-sidebar .list-group-item {
    background: transparent !important;
    color: #cbd5e1 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
    padding: 11px 16px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    transition: background-color 0.18s ease, color 0.18s ease, padding-inline-start 0.18s ease !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .cart-sidebar .list-group-item {
    color: #334155 !important;
    border-bottom-color: #eef2f6 !important;
}

body.orbit-site #order-standard_cart .cart-sidebar .list-group-item:last-child {
    border-bottom: 0 !important;
}

body.orbit-site #order-standard_cart .cart-sidebar .list-group-item:hover {
    background: rgba(99, 102, 241, 0.12) !important;
    color: #ffffff !important;
    padding-inline-start: 20px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .cart-sidebar .list-group-item:hover {
    background: #eef2ff !important;
    color: #4338ca !important;
}

body.orbit-site #order-standard_cart .cart-sidebar .list-group-item.active {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.24), rgba(14, 165, 233, 0.18)) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    box-shadow: inset 3px 0 0 #38bdf8 !important;
}

html[dir="rtl"] body.orbit-site #order-standard_cart .cart-sidebar .list-group-item.active {
    box-shadow: inset -3px 0 0 #38bdf8 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .cart-sidebar .list-group-item.active {
    background: linear-gradient(135deg, #eef2ff, #e0f2fe) !important;
    color: #312e81 !important;
    box-shadow: inset 3px 0 0 #4f46e5 !important;
}

html[dir="rtl"][data-orbit-theme="light"] body.orbit-site #order-standard_cart .cart-sidebar .list-group-item.active {
    box-shadow: inset -3px 0 0 #4f46e5 !important;
}

/* Collapsed Mobile/Tablet Cart Categories & Currency Selector */
body.orbit-site #order-standard_cart .sidebar-collapsed {
    background: #0d182e !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    margin: 0 0 18px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .sidebar-collapsed {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05) !important;
}

@media (min-width: 1200px) {
    body.orbit-site #order-standard_cart .sidebar-collapsed {
        display: none !important;
    }
}

body.orbit-site #order-standard_cart .sidebar-collapsed > .panel,
body.orbit-site #order-standard_cart .sidebar-collapsed > .pull-right {
    float: none !important;
    margin: 0 !important;
    flex: 1 1 200px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.orbit-site #order-standard_cart .sidebar-collapsed .card-header {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

body.orbit-site #order-standard_cart .sidebar-collapsed select.form-control {
    width: 100% !important;
    min-height: 42px !important;
    background-color: #081020 !important;
    color: #f8fafc !important;
    border: 1px solid rgba(99, 130, 200, 0.28) !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    padding-inline: 12px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .sidebar-collapsed select.form-control {
    background-color: #f8fafc !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

/* Orderform Section Heading & Lead Text */
body.orbit-site #order-standard_cart .header-lined {
    margin: 0 0 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
    position: relative !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .header-lined {
    border-bottom-color: #e2e8f0 !important;
}

body.orbit-site #order-standard_cart .header-lined::after {
    content: '';
    position: absolute;
    bottom: -1px;
    inset-inline-start: 0;
    width: 72px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #6366f1, #06b6d4);
}

body.orbit-site #order-standard_cart .header-lined h1 {
    font-size: clamp(22px, 2.8vw, 30px) !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    color: #f8fafc !important;
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .header-lined h1 {
    color: #0f172a !important;
}

body.orbit-site #order-standard_cart .cart-body > p {
    color: var(--tyh-text-muted) !important;
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    margin-bottom: 18px !important;
}

/* 2. Domain Checker Hero Search Card */
body.orbit-site #order-standard_cart .domain-checker-container {
    margin: 16px 0 26px !important;
    padding: 0 !important;
    border-radius: 20px !important;
    position: relative !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 18% 15%, rgba(99, 102, 241, 0.28), transparent 52%),
        radial-gradient(circle at 86% 85%, rgba(6, 182, 212, 0.22), transparent 52%),
        linear-gradient(135deg, #0d1933 0%, #111f3f 55%, #0e2444 100%) !important;
    border: 1px solid rgba(99, 102, 241, 0.36) !important;
    box-shadow: 0 22px 50px rgba(2, 6, 23, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-checker-container {
    background:
        radial-gradient(circle at 15% 15%, rgba(99, 102, 241, 0.14), transparent 52%),
        radial-gradient(circle at 85% 85%, rgba(14, 165, 233, 0.14), transparent 52%),
        linear-gradient(135deg, #eef2ff 0%, #ffffff 55%, #ecfeff 100%) !important;
    border-color: rgba(99, 102, 241, 0.28) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08) !important;
}

body.orbit-site #order-standard_cart .domain-checker-bg {
    padding: 44px 28px !important;
    background-image: none !important;
    margin: 0 !important;
}

body.orbit-site #order-standard_cart #frmDomainChecker > .row {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
}

body.orbit-site #order-standard_cart #frmDomainChecker > .row > [class*="col-"] {
    width: 100% !important;
    max-width: 780px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.orbit-site #order-standard_cart .domain-checker-container .input-group-box {
    background: rgba(7, 13, 27, 0.88) !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    border-radius: 16px !important;
    padding: 7px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 12px 30px rgba(2, 6, 23, 0.42) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

body.orbit-site #order-standard_cart .domain-checker-container .input-group-box:focus-within {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.24), 0 14px 32px rgba(2, 6, 23, 0.45) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-checker-container .input-group-box {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-checker-container .input-group-box:focus-within {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.14), 0 14px 30px rgba(15, 23, 42, 0.1) !important;
}

body.orbit-site #order-standard_cart .domain-checker-container .input-group-box .form-control {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #f8fafc !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    border-radius: 11px !important;
    unicode-bidi: plaintext !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-checker-container .input-group-box .form-control {
    color: #0f172a !important;
}

body.orbit-site #order-standard_cart .domain-checker-container .input-group-box .form-control::placeholder {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

body.orbit-site #order-standard_cart .domain-checker-container .input-group-box .input-group-btn,
body.orbit-site #order-standard_cart .domain-checker-container .input-group-box .input-group-append {
    display: flex !important;
    margin: 0 !important;
}

body.orbit-site #order-standard_cart .domain-check-availability,
body.orbit-site #order-standard_cart #btnCheckAvailability {
    width: auto !important;
    min-width: 132px !important;
    height: 48px !important;
    padding: 0 24px !important;
    border-radius: 11px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #6366f1 0%, #0ea5e9 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 8px 22px rgba(79, 70, 229, 0.42) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}

body.orbit-site #order-standard_cart .domain-check-availability:hover,
body.orbit-site #order-standard_cart #btnCheckAvailability:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.06) !important;
    box-shadow: 0 12px 26px rgba(14, 165, 233, 0.42) !important;
}

/* Captcha Box inside Domain Search & Transfer */
body.orbit-site #order-standard_cart .captcha-container {
    text-align: center !important;
}

body.orbit-site #order-standard_cart .default-captcha {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 18px !important;
    border-radius: 12px !important;
    background: rgba(15, 23, 42, 0.58) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    margin: 4px auto 0 !important;
    color: #cbd5e1 !important;
    font-size: 12.5px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .default-captcha {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

body.orbit-site #order-standard_cart .default-captcha > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

body.orbit-site #order-standard_cart .default-captcha img {
    border-radius: 8px !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

body.orbit-site #order-standard_cart .captcha-container .form-control {
    max-width: 110px !important;
    min-height: 38px !important;
    height: 38px !important;
}

@media (max-width: 767.98px) {
    body.orbit-site #order-standard_cart .domain-checker-bg {
        padding: 24px 14px !important;
    }
    body.orbit-site #order-standard_cart .domain-checker-container .input-group-box {
        flex-wrap: wrap !important;
        padding: 8px !important;
        border-radius: 14px !important;
    }
    body.orbit-site #order-standard_cart .domain-checker-container .input-group-box .form-control {
        flex: 1 1 100% !important;
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        font-size: 15px !important;
        padding: 8px 12px !important;
    }
    body.orbit-site #order-standard_cart .domain-checker-container .input-group-box .input-group-btn,
    body.orbit-site #order-standard_cart .domain-checker-container .input-group-box .input-group-append {
        width: 100% !important;
        flex: 1 1 100% !important;
    }
    body.orbit-site #order-standard_cart .domain-check-availability,
    body.orbit-site #order-standard_cart #btnCheckAvailability {
        width: 100% !important;
        height: 44px !important;
        border-radius: 10px !important;
    }
}

/* 3. Domain Lookup Results, Spotlight TLDs & Suggested Domains */
body.orbit-site #order-standard_cart #searchDomainInfo.domain-checker-result-headline {
    background: #0d182e !important;
    border: 1px solid rgba(99, 130, 200, 0.24) !important;
    border-radius: 18px !important;
    padding: 24px 22px !important;
    margin: 0 0 20px !important;
    box-shadow: 0 16px 38px rgba(2, 6, 23, 0.36) !important;
    font-size: 16px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart #searchDomainInfo.domain-checker-result-headline {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

body.orbit-site #order-standard_cart .domain-lookup-primary-loader {
    color: #94a3b8 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 6px 0 !important;
}

body.orbit-site #order-standard_cart .domain-checker-available {
    color: #34d399 !important;
    font-size: clamp(17px, 2.2vw, 22px) !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-checker-available {
    color: #059669 !important;
}

body.orbit-site #order-standard_cart .domain-checker-unavailable,
body.orbit-site #order-standard_cart .domain-checker-invalid {
    color: #fb7185 !important;
    font-size: clamp(16px, 2vw, 20px) !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-checker-unavailable,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-checker-invalid {
    color: #e11d48 !important;
}

body.orbit-site #order-standard_cart #primaryLookupResult .domain-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px !important;
    margin: 14px 0 0 !important;
}

body.orbit-site #order-standard_cart #primaryLookupResult .domain-price .price {
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #f8fafc !important;
    font-variant-numeric: tabular-nums !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart #primaryLookupResult .domain-price .price {
    color: #0f172a !important;
}

/* Unified Add-to-Cart / Checkout Buttons */
body.orbit-site #order-standard_cart .btn-add-to-cart {
    background: linear-gradient(135deg, #6366f1 0%, #2563eb 100%) !important;
    border: 0 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
    padding: 9px 18px !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    box-shadow: 0 6px 18px rgba(79, 70, 229, 0.32) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}

body.orbit-site #order-standard_cart .btn-add-to-cart:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.08) !important;
}

body.orbit-site #order-standard_cart .btn-add-to-cart.checkout {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.35) !important;
}

/* Spotlight TLD Cards Grid */
body.orbit-site #order-standard_cart .spotlight-tlds {
    background: rgba(13, 24, 46, 0.68) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 18px !important;
    padding: 16px !important;
    margin: 0 0 22px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .spotlight-tlds {
    background: #f8fafc !important;
    border-color: #dbe4f0 !important;
}

body.orbit-site #order-standard_cart .spotlight-tlds-container {
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 12px !important;
}

body.orbit-site #order-standard_cart .spotlight-tld-container {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
}

@media (max-width: 640px) {
    body.orbit-site #order-standard_cart .spotlight-tlds {
        padding: 12px !important;
    }
    body.orbit-site #order-standard_cart .spotlight-tlds-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    body.orbit-site #order-standard_cart .spotlight-tld-container:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
    }
}

body.orbit-site #order-standard_cart .spotlight-tld {
    height: 100% !important;
    min-height: 126px !important;
    padding: 20px 12px 14px !important;
    border-radius: 14px !important;
    background: #11203f !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    color: #f8fafc !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

body.orbit-site #order-standard_cart .spotlight-tld:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(99, 102, 241, 0.5) !important;
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.35) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .spotlight-tld {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    color: #0f172a !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

body.orbit-site #order-standard_cart .spotlight-tld-new,
body.orbit-site #order-standard_cart .spotlight-tld-sale,
body.orbit-site #order-standard_cart .spotlight-tld-hot {
    position: absolute !important;
    top: 8px !important;
    inset-inline-end: 8px !important;
    right: auto !important;
    width: auto !important;
    padding: 2px 9px !important;
    border-radius: 999px !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    transform: none !important;
    -webkit-transform: none !important;
    line-height: 1.4 !important;
}

body.orbit-site #order-standard_cart .spotlight-tld-new {
    background: linear-gradient(135deg, #10b981, #059669) !important;
}
body.orbit-site #order-standard_cart .spotlight-tld-sale {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
}
body.orbit-site #order-standard_cart .spotlight-tld-hot {
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important;
}

body.orbit-site #order-standard_cart .spotlight-tld .domain-lookup-result {
    width: 100% !important;
}

body.orbit-site #order-standard_cart .spotlight-tld span.available.price {
    color: #38bdf8 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums !important;
    padding: 2px 0 6px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .spotlight-tld span.available.price {
    color: #4f46e5 !important;
}

body.orbit-site #order-standard_cart .spotlight-tld .btn:not(.domain-contact-support) {
    width: 100% !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    border-radius: 9px !important;
}

body.orbit-site #order-standard_cart .spotlight-tld .unavailable,
body.orbit-site #order-standard_cart .spotlight-tld .invalid {
    margin: 14px 0 0 !important;
    background: rgba(148, 163, 184, 0.14) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .spotlight-tld .unavailable,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .spotlight-tld .invalid {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
}

/* Suggested Domains Card */
body.orbit-site #order-standard_cart .suggested-domains {
    border-radius: 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    background: #0d182e !important;
    margin-bottom: 26px !important;
    box-shadow: 0 14px 32px rgba(2, 6, 23, 0.34) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .suggested-domains {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06) !important;
}

body.orbit-site #order-standard_cart .suggested-domains .panel-heading,
body.orbit-site #order-standard_cart .suggested-domains .card-header {
    background: #142546 !important;
    color: #f8fafc !important;
    border-bottom: 2px solid #10b981 !important;
    padding: 13px 18px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .suggested-domains .panel-heading,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .suggested-domains .card-header {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

body.orbit-site #order-standard_cart .suggested-domains .domain-lookup-suggestions-loader {
    background: #0d182e !important;
    color: #94a3b8 !important;
    padding: 28px 18px !important;
    opacity: 1 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .suggested-domains .domain-lookup-suggestions-loader {
    background: #ffffff !important;
    color: #64748b !important;
}

body.orbit-site #order-standard_cart .suggested-domains .list-group-item {
    background: transparent !important;
    color: #f1f5f9 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
    padding: 13px 18px !important;
    min-height: 54px !important;
    overflow: hidden !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .suggested-domains .list-group-item {
    color: #0f172a !important;
    border-bottom-color: #e2e8f0 !important;
}

body.orbit-site #order-standard_cart .suggested-domains .list-group-item:hover {
    background: rgba(99, 102, 241, 0.08) !important;
}

body.orbit-site #order-standard_cart .suggested-domains .domain,
body.orbit-site #order-standard_cart .suggested-domains .extension {
    font-size: 15px !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

body.orbit-site #order-standard_cart .suggested-domains .extension {
    color: #38bdf8 !important;
    font-weight: 800 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .suggested-domains .extension {
    color: #4f46e5 !important;
}

body.orbit-site #order-standard_cart .suggested-domains .promo {
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    margin-inline: 8px !important;
}

body.orbit-site #order-standard_cart .suggested-domains .actions {
    float: right !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
}

html[dir="rtl"] body.orbit-site #order-standard_cart .suggested-domains .actions {
    float: left !important;
}

body.orbit-site #order-standard_cart .suggested-domains .price {
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #f8fafc !important;
    font-variant-numeric: tabular-nums !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .suggested-domains .price {
    color: #0f172a !important;
}

body.orbit-site #order-standard_cart .suggested-domains .btn:not(.domain-contact-support) {
    padding: 6px 14px !important;
    font-size: 12.5px !important;
    border-radius: 8px !important;
}

body.orbit-site #order-standard_cart .suggested-domains .more-suggestions {
    background: #142546 !important;
    border-top: 1px solid rgba(148, 163, 184, 0.16) !important;
    padding: 12px 16px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .suggested-domains .more-suggestions {
    background: #f8fafc !important;
    border-top-color: #e2e8f0 !important;
}

body.orbit-site #order-standard_cart .suggested-domains .more-suggestions a {
    color: #38bdf8 !important;
    font-weight: 800 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .suggested-domains .more-suggestions a {
    color: #4f46e5 !important;
}

body.orbit-site #order-standard_cart .domain-suggestions-warning {
    padding: 10px 16px !important;
    font-size: 12px !important;
    color: var(--tyh-text-muted) !important;
}

body.orbit-site #order-standard_cart .domain-suggestions-warning p {
    margin: 0 !important;
}

@media (max-width: 640px) {
    body.orbit-site #order-standard_cart .suggested-domains .list-group-item {
        text-align: start !important;
        padding: 12px 14px !important;
    }
    body.orbit-site #order-standard_cart .suggested-domains .actions,
    html[dir="rtl"] body.orbit-site #order-standard_cart .suggested-domains .actions {
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin-top: 10px !important;
        gap: 10px !important;
    }
    body.orbit-site #order-standard_cart .suggested-domains .list-group-item .btn {
        width: auto !important;
        min-width: 118px !important;
        flex: 0 0 auto !important;
    }
}

/* 4. Featured TLDs, Category Filters & 73-Row TLD Pricing Table */
body.orbit-site #order-standard_cart .featured-tlds-container {
    margin: 6px 0 24px !important;
}

body.orbit-site #order-standard_cart .featured-tlds-container > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    margin-inline: -8px !important;
    row-gap: 14px !important;
}

body.orbit-site #order-standard_cart .featured-tlds-container > .row > [class*="col-"] {
    padding-inline: 8px !important;
}

body.orbit-site #order-standard_cart .featured-tlds-container > .row > .col-sm-2,
body.orbit-site #order-standard_cart .featured-tlds-container > .row > .col-sm-4:empty {
    display: none !important;
}

body.orbit-site #order-standard_cart .featured-tld {
    background: linear-gradient(155deg, rgba(21, 36, 73, 0.85) 0%, rgba(13, 24, 46, 0.96) 100%) !important;
    border: 1px solid rgba(99, 130, 200, 0.26) !important;
    border-radius: 18px !important;
    padding: 16px !important;
    text-align: center !important;
    box-shadow: 0 14px 32px rgba(2, 6, 23, 0.36) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

body.orbit-site #order-standard_cart .featured-tld:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(99, 102, 241, 0.55) !important;
    box-shadow: 0 18px 36px rgba(99, 102, 241, 0.18) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .featured-tld {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06) !important;
}

/* Frosted Pearl Logo Badge so dark-ink PNGs (.online / Verisign) shine in Dark Mode */
body.orbit-site #order-standard_cart .featured-tld .img-container {
    width: 100% !important;
    min-height: 76px !important;
    background: rgba(248, 250, 252, 0.96) !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: inset 0 1px 0 #ffffff !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .featured-tld .img-container {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
}

body.orbit-site #order-standard_cart .featured-tld .img-container img {
    max-height: 44px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

body.orbit-site #order-standard_cart .featured-tld .price {
    font-size: 19px !important;
    font-weight: 900 !important;
    color: #38bdf8 !important;
    background: transparent !important;
    font-variant-numeric: tabular-nums !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    padding: 2px 0 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .featured-tld .price {
    color: #4f46e5 !important;
}

/* Browse Extensions Heading & Filter Pills */
body.orbit-site #order-standard_cart .domain-pricing > h4 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #f8fafc !important;
    margin: 10px 0 14px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing > h4 {
    color: #0f172a !important;
}

body.orbit-site #order-standard_cart .tld-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 18px !important;
}

body.orbit-site #order-standard_cart .tld-filters a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    font-size: 12.8px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: rgba(21, 36, 73, 0.72) !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    transition: all 0.18s ease !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .tld-filters a {
    background: #ffffff !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}

body.orbit-site #order-standard_cart .tld-filters a:hover {
    border-color: #6366f1 !important;
    color: #ffffff !important;
    background: rgba(99, 102, 241, 0.2) !important;
    transform: translateY(-1px) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .tld-filters a:hover {
    border-color: #4f46e5 !important;
    color: #4338ca !important;
    background: #eef2ff !important;
}

body.orbit-site #order-standard_cart .tld-filters a:not(.badge-secondary),
body.orbit-site #order-standard_cart .tld-filters a.active,
body.orbit-site #order-standard_cart .tld-filters a.badge-success,
body.orbit-site #order-standard_cart .tld-filters a.badge-primary {
    background: linear-gradient(135deg, #6366f1 0%, #0ea5e9 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 6px 18px rgba(79, 70, 229, 0.36) !important;
}

/* TLD Pricing Table Container (Override hardcoded .bg-white) */
body.orbit-site #order-standard_cart .domain-pricing > .bg-white {
    background: #0d182e !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.36) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing > .bg-white {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header {
    background: #142546 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2) !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header {
    background: #f1f5f9 !important;
    border-bottom-color: #dbe4f0 !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header .tld-column,
body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4,
body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header .col-4,
body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header .col-sm-4,
body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header div:nth-child(odd) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #94a3b8 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 14px 12px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header .tld-column,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header .col-4,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header .col-sm-4,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header div:nth-child(odd) {
    color: #475569 !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header .tld-column {
    text-align: start !important;
    padding-inline-start: 20px !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-row {
    margin: 0 !important;
    padding: 12px 12px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
    align-items: center !important;
    color: #e2e8f0 !important;
    transition: background-color 0.16s ease !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-row {
    border-bottom-color: #eef2f6 !important;
    color: #1e293b !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-row:hover {
    background: rgba(99, 102, 241, 0.08) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-row:hover {
    background: #f8fafc !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-row.highlighted {
    background: rgba(56, 189, 248, 0.08) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-row.highlighted {
    background: #f0f9ff !important;
}

body.orbit-site #order-standard_cart .domain-pricing .two-row-center {
    border: 0 !important;
    border-inline-end: 1px solid rgba(148, 163, 184, 0.14) !important;
    margin: 0 !important;
    padding-inline: 12px !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .two-row-center {
    border-inline-end-color: #e2e8f0 !important;
}

body.orbit-site #order-standard_cart .domain-pricing .two-row-center strong {
    font-size: 15.5px !important;
    font-weight: 900 !important;
    color: #f8fafc !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .two-row-center strong {
    color: #0f172a !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-sale-group {
    display: inline-flex !important;
    align-items: center !important;
    padding: 2px 9px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color: #ffffff !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-sale-group-hot {
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-sale-group-sale {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-sale-group-new {
    background: linear-gradient(135deg, #10b981, #059669) !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .row {
    margin-inline: 0 !important;
    align-items: center !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4,
body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4 {
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #f8fafc !important;
    font-variant-numeric: tabular-nums !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    padding-inline: 6px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4 {
    color: #0f172a !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-row small {
    display: inline-block !important;
    color: #94a3b8 !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-row small {
    color: #64748b !important;
}

body.orbit-site #order-standard_cart .domain-pricing .tld-row.no-tlds {
    color: #94a3b8 !important;
    padding: 24px 16px !important;
}

/* Mobile Responsive TLD Pricing Cards (<= 767.98px) */
@media (max-width: 767.98px) {
    body.orbit-site #order-standard_cart .domain-pricing > .bg-white {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing > .bg-white {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.orbit-site #order-standard_cart .domain-pricing .tld-pricing-header {
        display: none !important;
    }

    body.orbit-site #order-standard_cart .domain-pricing .tld-row {
        background: #0d182e !important;
        border: 1px solid rgba(148, 163, 184, 0.2) !important;
        border-radius: 14px !important;
        padding: 12px 12px !important;
        margin-bottom: 10px !important;
        box-shadow: 0 8px 20px rgba(2, 6, 23, 0.28) !important;
    }

    html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-row {
        background: #ffffff !important;
        border-color: #dbe4f0 !important;
        box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05) !important;
    }

    body.orbit-site #order-standard_cart .domain-pricing .two-row-center {
        border-inline-end: 0 !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
        padding: 0 2px 9px !important;
        margin-bottom: 10px !important;
    }

    html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .two-row-center {
        border-bottom-color: #e2e8f0 !important;
    }

    body.orbit-site #order-standard_cart .domain-pricing .two-row-center strong {
        font-size: 16px !important;
    }

    body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 {
        padding-inline: 0 !important;
    }

    body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .row {
        gap: 6px !important;
        flex-wrap: nowrap !important;
    }

    body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4,
    body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4 {
        flex: 1 1 0 !important;
        max-width: none !important;
        background: rgba(20, 37, 70, 0.65) !important;
        border: 1px solid rgba(148, 163, 184, 0.14) !important;
        border-radius: 10px !important;
        padding: 8px 4px !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4,
    html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4 {
        background: #f8fafc !important;
        border-color: #e2e8f0 !important;
    }

    body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4::before,
    body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4::before {
        display: block;
        font-size: 10px;
        font-weight: 800;
        color: #38bdf8;
        margin-bottom: 4px;
        letter-spacing: 0.03em;
    }

    html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4::before,
    html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4::before {
        color: #4f46e5;
    }

    html[lang="ar"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4:nth-child(1)::before,
    html[lang="ar"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4:nth-child(1)::before {
        content: "تسجيل";
    }
    html[lang="ar"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4:nth-child(2)::before,
    html[lang="ar"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4:nth-child(2)::before {
        content: "نقل";
    }
    html[lang="ar"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4:nth-child(3)::before,
    html[lang="ar"] body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4:nth-child(3)::before {
        content: "تجديد";
    }

    html:not([lang="ar"]) body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4:nth-child(1)::before,
    html:not([lang="ar"]) body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4:nth-child(1)::before {
        content: "REGISTER";
    }
    html:not([lang="ar"]) body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4:nth-child(2)::before,
    html:not([lang="ar"]) body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4:nth-child(2)::before {
        content: "TRANSFER";
    }
    html:not([lang="ar"]) body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-4:nth-child(3)::before,
    html:not([lang="ar"]) body.orbit-site #order-standard_cart .domain-pricing .tld-row .col-md-8 .col-xs-4:nth-child(3)::before {
        content: "RENEWAL";
    }
}

/* 5. Domain Promo Boxes (Add Web Hosting & Transfer Domain) */
body.orbit-site #order-standard_cart .domain-pricing + .row {
    margin-top: 24px !important;
    row-gap: 16px !important;
}

body.orbit-site #order-standard_cart .domain-promo-box {
    background: linear-gradient(155deg, rgba(21, 36, 73, 0.72) 0%, rgba(13, 24, 46, 0.96) 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    margin: 0 !important;
    height: 100% !important;
    color: #e2e8f0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 12px !important;
    box-shadow: 0 14px 32px rgba(2, 6, 23, 0.34) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-promo-box {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    color: #1e293b !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06) !important;
}

body.orbit-site #order-standard_cart .domain-promo-box > .clearfix {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
}

body.orbit-site #order-standard_cart .domain-promo-box > .clearfix i {
    float: none !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    font-size: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(99, 102, 241, 0.16) !important;
    color: #818cf8 !important;
    border: 1px solid rgba(99, 102, 241, 0.3) !important;
    margin-bottom: 6px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-promo-box > .clearfix i {
    background: #eef2ff !important;
    color: #4f46e5 !important;
    border-color: #c7d2fe !important;
}

body.orbit-site #order-standard_cart .domain-promo-box h3 {
    font-size: clamp(18px, 2vw, 21px) !important;
    font-weight: 900 !important;
    color: #f8fafc !important;
    white-space: normal !important;
    margin: 0 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-promo-box h3 {
    color: #0f172a !important;
}

body.orbit-site #order-standard_cart .domain-promo-box p {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
    color: var(--tyh-text-muted) !important;
}

body.orbit-site #order-standard_cart .domain-promo-box .text-warning {
    color: #fbbf24 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-promo-box .text-warning {
    color: #b45309 !important;
}

body.orbit-site #order-standard_cart .domain-promo-box .text-primary {
    color: #38bdf8 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-promo-box .text-primary {
    color: #0284c7 !important;
}

body.orbit-site #order-standard_cart .domain-promo-box .btn {
    align-self: flex-start !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    font-size: 13.5px !important;
    border: 0 !important;
}

body.orbit-site #order-standard_cart .domain-promo-box .btn-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
}

body.orbit-site #order-standard_cart .domain-promo-box .btn-primary {
    background: linear-gradient(135deg, #6366f1 0%, #0ea5e9 100%) !important;
    color: #ffffff !important;
}

body.orbit-site #order-standard_cart .domain-promo-box .small {
    font-size: 11.5px !important;
    color: #94a3b8 !important;
}

/* 6. Sibling Domain Cart Pages: Transfer, Configure Product Domain, Configure Domains, Renewals */
body.orbit-site #order-standard_cart #frmDomainTransfer > .row {
    justify-content: center !important;
}

body.orbit-site #order-standard_cart #frmDomainTransfer > .row > [class*="col-"] {
    margin-inline: auto !important;
}

body.orbit-site #order-standard_cart .panel.card,
body.orbit-site #order-standard_cart .card.panel-default {
    background: #0d182e !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 16px 36px rgba(2, 6, 23, 0.36) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .panel.card,
html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .card.panel-default {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06) !important;
}

body.orbit-site #order-standard_cart .panel-addon {
    background: #0d182e !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    color: #e2e8f0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .panel-addon {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    color: #1e293b !important;
}

body.orbit-site #order-standard_cart .panel-addon .panel-body {
    padding: 16px !important;
}

body.orbit-site #order-standard_cart .panel-addon .panel-body label {
    color: #f8fafc !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .panel-addon .panel-body label {
    color: #0f172a !important;
}

body.orbit-site #order-standard_cart .panel-addon .panel-price {
    background: #142546 !important;
    color: #38bdf8 !important;
    font-weight: 800 !important;
    padding: 8px 12px !important;
    font-size: 13.5px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .panel-addon .panel-price {
    background: #f1f5f9 !important;
    color: #4f46e5 !important;
}

body.orbit-site #order-standard_cart .panel-addon .panel-add {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
    border-radius: 0 !important;
}

body.orbit-site #order-standard_cart .domain-selection-options .option {
    background: #0d182e !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    margin-bottom: 10px !important;
    color: #f1f5f9 !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-selection-options .option {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    color: #0f172a !important;
}

body.orbit-site #order-standard_cart .domain-selection-options .option-selected {
    background: #132242 !important;
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-selection-options .option-selected {
    background: #eef2ff !important;
    border-color: #4f46e5 !important;
}

body.orbit-site #order-standard_cart .sub-heading {
    border-top: 1px solid rgba(148, 163, 184, 0.22) !important;
    margin: 26px 0 22px !important;
}

body.orbit-site #order-standard_cart .sub-heading span {
    background: var(--tyh-bg) !important;
    color: #38bdf8 !important;
    font-weight: 800 !important;
    border-radius: 999px !important;
    padding: 0 16px !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .sub-heading span {
    color: #4f46e5 !important;
}

body.orbit-site #order-standard_cart .domain-renewals {
    background: transparent !important;
    border: 0 !important;
}

body.orbit-site #order-standard_cart .domain-renewals .domain-renewal {
    background: #0d182e !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 16px !important;
    padding: 18px !important;
    margin-bottom: 14px !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .domain-renewals .domain-renewal {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
}

body.orbit-site #order-standard_cart .form-control.domain-renewals-filter {
    background: #081020 !important;
    color: #f8fafc !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    width: min(260px, 100%) !important;
}

html[data-orbit-theme="light"] body.orbit-site #order-standard_cart .form-control.domain-renewals-filter {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

/* 7. Public Landing Page Domains Finder (`index.php?view=domains`) */
body.orbit-site .orbit-domain-block {
    background: var(--tyh-surface) !important;
    border: 1px solid var(--tyh-border-highlight) !important;
    border-radius: 22px !important;
    padding: 36px 38px !important;
    box-shadow: var(--tyh-shadow-lg) !important;
    gap: 40px !important;
}

body.orbit-site .orbit-domain-block h2 {
    color: var(--tyh-text) !important;
    font-weight: 900 !important;
}

body.orbit-site .orbit-domain-block p {
    color: var(--tyh-text-muted) !important;
    font-size: 14px !important;
}

body.orbit-site .orbit-domain-form {
    background: var(--tyh-bg) !important;
    border: 1px solid var(--tyh-border) !important;
    border-radius: 14px !important;
    padding: 7px 10px !important;
}

body.orbit-site .orbit-domain-form:focus-within {
    border-color: var(--tyh-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.22) !important;
}

body.orbit-site .orbit-domain-form .orbit-button-primary {
    background: linear-gradient(135deg, #6366f1 0%, #0ea5e9 100%) !important;
    border: 0 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
}

body.orbit-site .orbit-tlds {
    flex-wrap: wrap !important;
    gap: 10px !important;
}

body.orbit-site .orbit-tlds span {
    padding: 5px 14px;
    border-radius: 999px;
    background: var(--tyh-surface-elevated);
    border: 1px solid var(--tyh-border);
    color: var(--tyh-text);
    font-size: 13.5px;
    direction: ltr;
}

@media (max-width: 767.98px) {
    body.orbit-site .orbit-domain-block {
        grid-template-columns: 1fr !important;
        padding: 24px 18px !important;
        gap: 20px !important;
    }
    body.orbit-site .orbit-domain-form .orbit-button span {
        display: inline !important;
    }
}