/* SmartHolder — light/dark theme tokens & overrides */

:root {
    --primary: #0500ff;
    --primary-hover: #0400cc;
}

/* ── Light theme tokens ── */
[data-theme="light"] {
    color-scheme: light;
    --sh-page-bg: #ffffff;
    --sh-surface: #fafafa;
    --sh-surface-elevated: #ffffff;
    --sh-border: #f3f3f3;
    --sh-border-strong: #e0e0e0;
    --sh-text: #0f0f0f;
    --sh-text-muted: #4b4b4b;
    --sh-text-faint: #878787;
    --sh-nav-link: #000000;
    --sh-nav-link-hover: #878787;
    --sh-modal-bg: #ffffff;
    --sh-modal-border: #e0e0e0;
    --sh-input-bg: #ffffff;
    --sh-input-border: #d9dde6;
    --sh-input-text: #111827;
    --sh-overlay: rgba(0, 0, 0, 0.45);
    --sh-badge-bg: #f0f0f0;
    --sh-badge-text: #888888;
    --sh-selected-bg: #f5f5ff;
    --sh-step-inactive: #dddddd;
    --sh-step-line: #e5e5e5;
    --sh-card-placeholder: #f2f2f2;
    --sh-benefit-border: #f3f3f3;
    --sh-logo-filter: none;
    --sh-cm-logo-filter: brightness(0);
    --sh-hiw-bg: #1c1c1e;
    --sh-hiw-step-bg: #202022;
    --sh-hiw-step-border: #2e2e30;
    --sh-status-bg: #f5f5f5;
    --sh-status-th-bg: rgba(0, 0, 0, 0.04);
    --sh-status-only-bg: #eeeeee;
    --sh-status-duo-bg: rgba(0, 0, 0, 0.04);
    --sh-status-text: #0f0f0f;
    --sh-status-muted: #4b4b4b;
    --sh-social-bg: #f5f5f5;
    --sh-social-card-bg: #ffffff;
    --sh-social-card-border: #f3f3f3;
    --sh-footer-bg: #272727;
    --sh-cta-pill-bg: rgba(0, 0, 0, 0.12);
    --sh-cta-pill-text: #1a3a1a;
    --sh-cta-sub: rgba(0, 0, 0, 0.5);
    --sh-toggle-track: #f1f1f1;
    --sh-toggle-ball: #0f0f0f;
}

/* ── Dark theme tokens (default) ── */
[data-theme="dark"] {
    color-scheme: dark;
    --sh-page-bg: #0a0a0a;
    --sh-surface: #1c1c1e;
    --sh-surface-elevated: #202022;
    --sh-border: #2e2e30;
    --sh-border-strong: #363638;
    --sh-text: #f0f0f0;
    --sh-text-muted: #9a9a9a;
    --sh-text-faint: #777777;
    --sh-nav-link: #e8e8e8;
    --sh-nav-link-hover: #aaaaaa;
    --sh-modal-bg: #202022;
    --sh-modal-border: #363638;
    --sh-input-bg: #252527;
    --sh-input-border: #363638;
    --sh-input-text: #f0f0f0;
    --sh-overlay: rgba(0, 0, 0, 0.65);
    --sh-badge-bg: #252527;
    --sh-badge-text: #aaaaaa;
    --sh-selected-bg: rgba(5, 0, 255, 0.12);
    --sh-step-inactive: #444444;
    --sh-step-line: #363638;
    --sh-card-placeholder: #2c2c2e;
    --sh-benefit-border: #2e2e30;
    --sh-logo-filter: brightness(0) invert(1);
    --sh-cm-logo-filter: brightness(0) invert(1);
    --sh-hiw-bg: #1c1c1e;
    --sh-hiw-step-bg: #202022;
    --sh-hiw-step-border: #2e2e30;
    --sh-status-bg: #272727;
    --sh-status-th-bg: #ffffff08;
    --sh-status-only-bg: #393939;
    --sh-status-duo-bg: #ffffff08;
    --sh-status-text: #ffffff;
    --sh-status-muted: #cfcfcf;
    --sh-social-bg: #272727;
    --sh-social-card-bg: #2e2e2e;
    --sh-social-card-border: rgba(255, 255, 255, 0.1);
    --sh-footer-bg: #272727;
    --sh-cta-pill-bg: rgba(255, 255, 255, 0.1);
    --sh-cta-pill-text: #c8f5d8;
    --sh-cta-sub: rgba(255, 255, 255, 0.55);
    --sh-toggle-track: #2e2e30;
    --sh-toggle-ball: #f0f0f0;
}

/* Page base */
html[data-theme] body {
    background-color: var(--sh-page-bg) !important;
    color: var(--sh-text) !important;
}

/* Nav */
.main-nav-bar {
    background: var(--sh-surface) !important;
    border: 1px solid var(--sh-border) !important;
    border-radius: 14px;
    padding: 10px 25px;
    margin-top: 12px;
}

[data-theme="dark"] .main-nav .main-nav-row a,
[data-theme="dark"] .responsive-navbar .main-nav-links ul li a {
    color: var(--sh-nav-link) !important;
}

[data-theme="dark"] .main-nav .main-nav-row .main-nav-links a:hover,
[data-theme="dark"] .responsive-navbar .main-nav-links ul li a:hover {
    color: var(--primary) !important;
}

[data-theme="dark"] .responsive-navbar .main-nav-links {
    background: var(--sh-surface-elevated) !important;
    border-color: var(--sh-border) !important;
}

[data-theme="dark"] .responsive-navbar .main-nav-links ul li {
    border-bottom-color: var(--sh-border) !important;
}

[data-theme="dark"] .responsive-navbar .main-nav-links ul li a:hover {
    background: var(--sh-surface) !important;
}

[data-theme="dark"] .main-nav-logo img {
    filter: var(--sh-logo-filter);
}

/* Hero */
[data-theme="dark"] .main-home-container {
    background-color: var(--sh-surface) !important;
    border-color: var(--sh-border) !important;
}

[data-theme="dark"] .main-home-container .main-home-row .main-home-header h1,
[data-theme="dark"] .main-home-container .main-home-row .main-home-header .h1 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .main-home-container .main-home-row .main-home-header p {
    color: var(--sh-text-muted) !important;
}

/* Hero CTA — explicit class beats mobile a:first-child / a:last-child rules */
.hero-cta-btn,
.main-home-click .main-home-btn .open-card-modal,
.main-home-click .main-home-btn a.hero-cta-btn,
.main-home-container .main-home-row .main-home-click .main-home-btn a,
.main-home-container .main-home-row .main-home-click a.open-card-modal,
.main-home-container .main-home-row .main-home-click a.hero-cta-btn,
.main-home-container .main-home-row a.hero-cta-btn,
.main-home-container .main-home-row a.open-card-modal.hero-cta-btn {
    background-color: var(--primary) !important;
    border: 2px solid var(--primary) !important;
    color: #fff !important;
    border-radius: 50px !important;
}

.hero-cta-btn:hover,
.main-home-click .main-home-btn .open-card-modal:hover,
.main-home-container .main-home-row .main-home-click .main-home-btn a:hover,
.main-home-container .main-home-row .main-home-click a.open-card-modal:hover,
.main-home-container .main-home-row .main-home-click a.hero-cta-btn:hover,
.main-home-container .main-home-row a.hero-cta-btn:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    color: #fff !important;
}

/* Features */
[data-theme="dark"] .features-group .features-group-container .features-group-header h2,
[data-theme="dark"] .features-group .features-group-container .features-group-header .h2 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .features-group .features-group-container .features-group-row .features-group-col,
[data-theme="dark"] .features-group .features-group-container .features-group-row-center .features-group-col {
    background-color: var(--sh-surface-elevated) !important;
    border-color: var(--sh-border) !important;
}

[data-theme="dark"] .features-group .features-group-container .features-group-row .features-group-col .features-group-content h3,
[data-theme="dark"] .features-group .features-group-container .features-group-row .features-group-col .features-group-content .h3,
[data-theme="dark"] .features-group .features-group-container .features-group-row-center .features-group-col .features-group-content h3,
[data-theme="dark"] .features-group .features-group-container .features-group-row-center .features-group-col .features-group-content .h3 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .features-group .features-group-container .features-group-row .features-group-col .features-group-content p,
[data-theme="dark"] .features-group .features-group-container .features-group-row-center .features-group-col .features-group-content p {
    color: var(--sh-text-muted) !important;
}

[data-theme="dark"] .features-group .features-group-container .features-group-row-center .features-group-col .features-group-content .features-ticket span {
    color: var(--sh-text) !important;
}

/* About */
[data-theme="dark"] .main-about-container .main-about-row .main-about-col span {
    color: var(--sh-text) !important;
    border-color: var(--sh-border-strong) !important;
}

[data-theme="dark"] .main-about-container .main-about-row .main-about-col h2,
[data-theme="dark"] .main-about-container .main-about-row .main-about-col .h2 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .main-about-container .main-about-row .main-about-col p {
    color: var(--sh-text-muted) !important;
}

[data-theme="dark"] .about-info .about-info-container .about-info-row {
    background-color: var(--sh-surface-elevated) !important;
    border-color: var(--sh-border) !important;
}

[data-theme="dark"] .about-info .about-info-container .about-info-content h3,
[data-theme="dark"] .about-info .about-info-container .about-info-content .h3 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .about-info .about-info-container .about-info-content p {
    color: var(--sh-text-muted) !important;
}

/* Coins animation */
[data-theme="dark"] .coins-animation-container {
    background-color: var(--sh-surface) !important;
    border-color: var(--sh-border) !important;
}

[data-theme="dark"] .coins-animation-container .coins-animation-header h2,
[data-theme="dark"] .coins-animation-container .coins-animation-header .h2 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .coins-animation-container .coins-animation-header p {
    color: var(--sh-text-muted) !important;
}

[data-theme="dark"] .coins-animation-container .coins-animation-row .coins-animation-col .coins-animation-animate .coins-animate-wrapper {
    background-color: var(--sh-surface-elevated) !important;
    border-color: var(--sh-border) !important;
}

[data-theme="dark"] .coins-animation-container .coins-animation-row .coins-animation-col .coins-animation-animate .coins-animate-wrapper .coins-animate-content figcaption {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .coins-animation-container .coins-animation-row .coins-animation-col .coins-animation-animate .coins-animate-wrapper .coins-animate-content span {
    color: var(--sh-text-faint) !important;
}

[data-theme="dark"] .coins-animation-container .coins-animation-circle .animation-circle-content figure {
    color: var(--sh-text) !important;
}

/* Crypto investments */
[data-theme="dark"] .crypto-investments .crypto-investments-header h2,
[data-theme="dark"] .crypto-investments .crypto-investments-header .h2 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .crypto-investments .crypyo-investments-row .crypyo-investments-col {
    background-color: var(--sh-surface-elevated) !important;
    border-color: var(--sh-border) !important;
}

[data-theme="dark"] .crypto-investments .crypyo-investments-row .crypyo-investments-col header {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .crypto-investments .crypyo-investments-row .crypyo-investments-col p {
    color: var(--sh-text-muted) !important;
}

/* Partners */
[data-theme="dark"] .company-parters-header h2,
[data-theme="dark"] .company-parters-header .h2 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .company-parters-header p {
    color: var(--sh-text-muted) !important;
}

[data-theme="dark"] .company-partners-row .company-partners-col img {
    opacity: 0.7;
}

[data-theme="dark"] .company-partners-row .company-partners-col img:hover {
    opacity: 1;
}

/* FAQ */
[data-theme="dark"] .coinup-sss .coinup-sss-container .coinup-sss-header h2,
[data-theme="dark"] .coinup-sss .coinup-sss-container .coinup-sss-header .h2 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .coinup-sss .coinup-sss-container .coinup-sss-header p {
    color: var(--sh-text-muted) !important;
}

[data-theme="dark"] .coinup-sss .coinup-sss-container .coinup-sss-row .coinup-sss-col {
    border-bottom-color: var(--sh-border) !important;
}

[data-theme="dark"] .coinup-sss .coinup-sss-container .coinup-sss-row .coinup-sss-col .sss-col-header h4,
[data-theme="dark"] .coinup-sss .coinup-sss-container .coinup-sss-row .coinup-sss-col .sss-col-header .h4 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .coinup-sss .coinup-sss-container .coinup-sss-row .coinup-sss-col .sss-col-content p {
    color: var(--sh-text-muted) !important;
}

/* Store */
[data-theme="dark"] .coinup-store-container {
    background-color: var(--sh-surface) !important;
    border-color: var(--sh-border) !important;
}

[data-theme="dark"] .coinup-store-container .coinup-store-header h2,
[data-theme="dark"] .coinup-store-container .coinup-store-header .h2,
[data-theme="dark"] .coinup-store-container .coinup-stores-row a h4,
[data-theme="dark"] .coinup-store-container .coinup-stores-row a .h4 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .coinup-store-container .coinup-stores-row a p {
    color: var(--sh-text-muted) !important;
}

[data-theme="dark"] .coinup-store-container .coinup-stores-row .coinup-stores-col {
    background-color: var(--sh-surface-elevated) !important;
    border-color: var(--sh-border) !important;
}

[data-theme="dark"] .store-soon-badge {
    background: var(--sh-badge-bg) !important;
    color: var(--sh-badge-text) !important;
}

/* Assistance */
[data-theme="dark"] .assitance-help-header h2,
[data-theme="dark"] .assitance-help-header .h2 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .assitance-help-header p {
    color: var(--sh-text-muted) !important;
}

[data-theme="dark"] .assistance-help-container .assistance-help-row .assistance-help-col {
    background-color: var(--sh-surface-elevated) !important;
    border-color: var(--sh-border) !important;
}

[data-theme="dark"] .assistance-help-container .assistance-help-row a h4,
[data-theme="dark"] .assistance-help-container .assistance-help-row a .h4 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .assistance-help-container .assistance-help-row a p {
    color: var(--sh-text-muted) !important;
}

/* About features (inline block) */
[data-theme="dark"] .about-feat-text h5 {
    color: var(--sh-text) !important;
}

[data-theme="dark"] .about-feat-text p {
    color: var(--sh-text-muted) !important;
}

/* ── Light overrides for sections that are dark in main.css ── */

[data-theme="light"] .hiw-section {
    background: #f0f0f2 !important;
}

[data-theme="light"] .hiw-section h2 {
    color: #0f0f0f !important;
}

[data-theme="light"] .hiw-section .hiw-subtitle {
    color: #4b4b4b !important;
}

[data-theme="light"] .hiw-badge {
    background: rgba(0, 0, 0, 0.05) !important;
    color: #666 !important;
    border-color: #ddd !important;
}

[data-theme="light"] .hiw-step,
[data-theme="light"] .hiw-cta {
    background: #ffffff !important;
    border-color: #e8e8e8 !important;
}

[data-theme="light"] .hiw-step h4,
[data-theme="light"] .hiw-cta h4 {
    color: #0f0f0f !important;
}

[data-theme="light"] .hiw-step p,
[data-theme="light"] .hiw-cta p {
    color: #4b4b4b !important;
}

[data-theme="light"] .hiw-step-icon {
    background: #f0f0f0 !important;
    color: #666 !important;
}

[data-theme="light"] .hiw-tag {
    background: #f5f5f5 !important;
    border-color: #e0e0e0 !important;
    color: #4b4b4b !important;
}

[data-theme="light"] .coins-statuses-container {
    background-color: var(--sh-status-bg) !important;
}

[data-theme="light"] .coins-statuses-container .coins-statuses-row .statuses-header h2,
[data-theme="light"] .coins-statuses-container .coins-statuses-row .statuses-header .h2 {
    color: var(--sh-status-text) !important;
}

[data-theme="light"] .coins-statuses-container .coins-statuses-row .statuses-header p {
    color: var(--sh-status-muted) !important;
}

[data-theme="light"] .coins-statuses-container .coins-statuses-table table th {
    color: var(--sh-text-faint) !important;
    background-color: var(--sh-status-th-bg) !important;
}

[data-theme="light"] .coins-statuses-container .coins-statuses-table table .only td {
    background-color: var(--sh-status-only-bg) !important;
    color: var(--sh-status-text) !important;
}

[data-theme="light"] .coins-statuses-container .coins-statuses-table table .duo td {
    background-color: var(--sh-status-duo-bg) !important;
    color: var(--sh-status-text) !important;
}

[data-theme="light"] .social-comments-container {
    background-color: var(--sh-social-bg) !important;
}

[data-theme="light"] .social-comments-container .social-comments-title h2,
[data-theme="light"] .social-comments-container .social-comments-title .h2 {
    color: var(--sh-status-text) !important;
}

[data-theme="light"] .social-comments-container .social-comments-title p {
    color: var(--sh-status-muted) !important;
}

[data-theme="light"] .social-comments-container .social-comment-row .social-comments-col {
    background-color: var(--sh-social-card-bg) !important;
    border-color: var(--sh-social-card-border) !important;
    color: var(--sh-status-text) !important;
}

[data-theme="light"] .social-comments-container .statuses-animation img:first-child,
[data-theme="light"] .social-comments-container .statuses-animation img:last-child {
    background-color: #eeeeee !important;
}

[data-theme="light"] .social-comments-container .statuses-animation img:nth-child(2) {
    background-color: #e0e0e0 !important;
}

[data-theme="light"] .footer-container {
    background-color: var(--sh-footer-bg) !important;
}

[data-theme="light"] .footer-brand img {
    filter: brightness(0) invert(1);
}

/* Theme toggle — in nav next to language & menu */
#themeToggle.theme-toggle-nav {
    position: static;
    width: 38px;
    height: 38px;
    min-width: 38px;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#themeToggle.theme-toggle-nav .theme-icon {
    font-size: 15px;
    color: var(--sh-text-muted);
    pointer-events: none;
    line-height: 1;
    transition: color 0.2s ease;
}

#themeToggle.theme-toggle-nav:hover .theme-icon {
    color: var(--primary);
}

#themeToggle.theme-toggle-nav .theme-icon-sun {
    display: none;
}

#themeToggle.theme-toggle-nav.mode .theme-icon-moon {
    display: none;
}

#themeToggle.theme-toggle-nav.mode .theme-icon-sun {
    display: inline-block;
}

/* Inline index.html components using CSS variables */
#buildPreloader {
    background: var(--sh-page-bg);
}

#buildPreloader .bp-text {
    color: var(--sh-text);
}

.lang-modal-overlay {
    background: var(--sh-overlay);
}

.lang-modal {
    background: var(--sh-modal-bg);
    color: var(--sh-text);
}

.lang-modal h3 {
    color: var(--sh-text);
}

.lang-modal-close {
    border-color: var(--sh-modal-border);
    color: var(--sh-text-muted);
}

.lang-option {
    border-color: var(--sh-border);
    color: var(--sh-text);
}

.lang-option.selected {
    background: var(--sh-selected-bg);
}

.lang-option:hover {
    border-color: var(--sh-border-strong);
}

.lang-option-text h5 {
    color: var(--sh-text);
}

.lang-option-text span {
    color: var(--sh-text-faint);
}

.lang-radio {
    border-color: var(--sh-border-strong);
}

.lang-icon-btn {
    border-color: var(--sh-border-strong);
    color: var(--sh-text-muted);
}

.cta-pill {
    background: var(--sh-cta-pill-bg);
    color: var(--sh-cta-pill-text);
}

.cta-sub {
    color: var(--sh-cta-sub);
}

.store-soon-badge {
    background: var(--sh-badge-bg);
    color: var(--sh-badge-text);
}

.amlen-loader-card {
    background: linear-gradient(145deg, rgba(18, 18, 32, .96), rgba(37, 35, 62, .96));
}

.amlen-loader-spinner {
    border-color: rgba(255, 255, 255, .14);
    border-top-color: #00d6ff;
    border-right-color: var(--primary, #0500ff);
}

.amlen-loader-text {
    color: rgba(255, 255, 255, .94);
}

#cmTronWcTip {
    color: var(--sh-text-muted);
}

.cm-tron-trx-fee {
    color: var(--sh-text-muted);
}

.cm-box {
    background: var(--sh-modal-bg);
    color: var(--sh-text);
}

.cm-close {
    border-color: var(--sh-modal-border);
    color: var(--sh-text-muted);
}

.cm-close:hover {
    border-color: var(--sh-border-strong);
    color: var(--sh-text);
}

.cm-logo-dark {
    filter: var(--sh-cm-logo-filter);
}

.cm-step-dot {
    background: var(--sh-step-inactive);
}

.cm-step-label {
    color: var(--sh-text-faint);
}

.cm-step-line {
    background: var(--sh-step-line);
}

.cm-title {
    color: var(--sh-text);
}

.cm-subtitle {
    color: var(--sh-text-muted);
}

.cm-benefits li {
    color: var(--sh-text-muted);
    border-bottom-color: var(--sh-benefit-border);
}

.cm-btn-secondary {
    color: var(--sh-text-muted);
    border-color: var(--sh-modal-border);
}

.cm-btn-secondary:hover {
    border-color: var(--sh-border-strong);
}

.cm-card-opt {
    border-color: var(--sh-border);
}

.cm-card-opt:hover {
    border-color: var(--sh-border-strong);
}

.cm-card-img,
.cm-card-img-placeholder {
    background: var(--sh-card-placeholder);
}

.cm-card-name {
    color: var(--sh-text);
}

.cm-net-opt {
    border-color: var(--sh-border);
    color: var(--sh-text);
}

.cm-net-icon {
    background: var(--sh-card-placeholder);
}

.cm-hint {
    color: var(--sh-text-faint);
}

.cm-form-label {
    color: var(--sh-text);
}

.cm-email-input {
    background: var(--sh-input-bg);
    border-color: var(--sh-input-border);
    color: var(--sh-input-text);
}

.cm-note {
    color: var(--sh-text-muted);
}

.about-feat-text h5 {
    color: var(--sh-text);
}

.about-feat-text p {
    color: var(--sh-text-muted);
}

/* Responsive overrides (main.css media queries use light hardcoded colors) */
@media (max-width: 1245px) {
    [data-theme="dark"] .coinup-store-container {
        background-color: var(--sh-surface) !important;
        border-color: var(--sh-border) !important;
    }

    [data-theme="dark"] .coinup-store-container .coinup-store-header h2,
    [data-theme="dark"] .coinup-store-container .coinup-store-header .h2,
    [data-theme="dark"] .coinup-store-container .coinup-stores-row a h4,
    [data-theme="dark"] .coinup-store-container .coinup-stores-row a .h4 {
        color: var(--sh-text) !important;
    }

    [data-theme="dark"] .coinup-store-container .coinup-stores-row a p {
        color: var(--sh-text-muted) !important;
    }

    [data-theme="dark"] .coinup-store-container .coinup-stores-row .coinup-stores-col {
        background-color: var(--sh-surface-elevated) !important;
        border-color: var(--sh-border) !important;
    }
}

@media (max-width: 992px) {
    .hero-cta-btn,
    .main-home-container .main-home-row .main-home-click .main-home-btn a,
    .main-home-container .main-home-row .main-home-click a.open-card-modal,
    .main-home-container .main-home-row .main-home-click a.hero-cta-btn,
    .main-home-container .main-home-row a.hero-cta-btn,
    .main-home-container .main-home-row a:first-child.hero-cta-btn,
    .main-home-container .main-home-row a:last-child.hero-cta-btn {
        background-color: var(--primary) !important;
        border: 2px solid var(--primary) !important;
        color: #fff !important;
        border-radius: 50px !important;
    }
}

@media (max-width: 576px) {
    .hero-cta-btn,
    .main-home-container .main-home-row .main-home-btn a,
    .main-home-container .main-home-row .main-home-btn a.open-card-modal,
    .main-home-container .main-home-row .main-home-click .main-home-btn a,
    .main-home-container .main-home-row .main-home-click a.open-card-modal,
    .main-home-container .main-home-row .main-home-click a.hero-cta-btn,
    .main-home-container .main-home-row a.hero-cta-btn,
    .main-home-container .main-home-row a:first-child.hero-cta-btn,
    .main-home-container .main-home-row a:last-child.hero-cta-btn {
        background-color: var(--primary) !important;
        border: 2px solid var(--primary) !important;
        color: #fff !important;
        border-radius: 50px !important;
    }

    .hero-cta-btn:hover,
    .main-home-container .main-home-row .main-home-click .main-home-btn a:hover,
    .main-home-container .main-home-row a.hero-cta-btn:hover {
        background-color: var(--primary-hover) !important;
        border-color: var(--primary-hover) !important;
    }

    [data-theme="dark"] .main-home-container .main-home-row a:last-child:not(.hero-cta-btn):not(.open-card-modal) {
        background-color: var(--sh-surface-elevated) !important;
        color: var(--sh-text) !important;
        border-color: var(--sh-border) !important;
    }
}