/* ═══ Global Logo Image Override ═══ */
.logo-icon {
    background: none !important;
    overflow: hidden;
}

.logo-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ═══ Theme Toggle Switch ═══ */
.theme-toggle {
    position: relative;
    width: 56px;
    height: 28px;
    cursor: pointer;
    flex-shrink: 0;
}

.theme-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.theme-slider {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.theme-slider::before {
    content: '🌙';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 22px;
    height: 22px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1;
}

.theme-toggle input:checked+.theme-slider {
    background: rgba(99, 102, 241, 0.15);
    border-color: rgba(99, 102, 241, 0.3);
}

.theme-toggle input:checked+.theme-slider::before {
    content: '☀️';
    transform: translateX(28px);
    background: rgba(251, 191, 36, 0.2);
}

/* ═══ Light Theme Overrides ═══ */
[data-theme="light"] {
    --light-bg: #f5f5ff;
    --light-card: #ffffff;
    --light-card-hover: #f0f0ff;
    --light-text: #1a1a2e;
    --light-text-muted: #5a5a7a;
    --light-border: rgba(99, 102, 241, 0.12);
    --light-nav-bg: rgba(245, 245, 255, 0.92);
}

[data-theme="light"] body {
    background: var(--light-bg) !important;
    color: var(--light-text) !important;
}

/* Navigation */
[data-theme="light"] nav {
    background: var(--light-nav-bg) !important;
    border-bottom-color: var(--light-border) !important;
}

[data-theme="light"] .header {
    border-bottom-color: var(--light-border) !important;
}

[data-theme="light"] .logo-text {
    -webkit-text-fill-color: unset !important;
    background: none !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .nav-links a,
[data-theme="light"] .header-nav a {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .nav-links a:hover,
[data-theme="light"] .header-nav a:hover {
    color: #6366f1 !important;
}

/* Cards */
[data-theme="light"] .feature-card,
[data-theme="light"] .mode-card,
[data-theme="light"] .pricing-card,
[data-theme="light"] .plan-card,
[data-theme="light"] .news-card,
[data-theme="light"] .comparison-card,
[data-theme="light"] .service-card,
[data-theme="light"] .faq-item,
[data-theme="light"] .prompt-card,
[data-theme="light"] .highlight-box,
[data-theme="light"] .warning-box,
[data-theme="light"] .verdict-box,
[data-theme="light"] .stat-card {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
    color: var(--light-text) !important;
}

[data-theme="light"] .feature-card:hover,
[data-theme="light"] .mode-card:hover,
[data-theme="light"] .news-card:hover {
    background: var(--light-card-hover) !important;
    border-color: rgba(99, 102, 241, 0.25) !important;
}

/* Headings & text */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4 {
    color: #1a1a2e !important;
}

[data-theme="light"] h1[style*="background"],
[data-theme="light"] .page-header h1,
[data-theme="light"] .section-title h2 {
    -webkit-text-fill-color: unset !important;
    background: none !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .hero h1 {
    -webkit-text-fill-color: unset !important;
    background: none !important;
    color: #1a1a2e !important;
}

[data-theme="light"] p,
[data-theme="light"] .feature-card p,
[data-theme="light"] .mode-card p,
[data-theme="light"] li {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .hero p,
[data-theme="light"] .page-header p,
[data-theme="light"] .section-title p,
[data-theme="light"] .cta p {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] strong {
    color: #1a1a2e !important;
}

/* Hero sections */
[data-theme="light"] .hero {
    background: var(--light-bg) !important;
}

[data-theme="light"] .hero::before {
    background: radial-gradient(ellipse at 30% 50%, rgba(99, 102, 241, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 50%, rgba(167, 139, 250, 0.05) 0%, transparent 50%) !important;
}

[data-theme="light"] .hero-badge {
    background: rgba(99, 102, 241, 0.08) !important;
    border-color: rgba(99, 102, 241, 0.15) !important;
    color: #6366f1 !important;
}

[data-theme="light"] .article-hero {
    background: linear-gradient(135deg, #e8eaff 0%, #f0e8ff 50%, #e8f0ff 100%) !important;
}

[data-theme="light"] .article-hero::before {
    opacity: 0.3 !important;
}

[data-theme="light"] .hero-title {
    -webkit-text-fill-color: unset !important;
    background: none !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .hero-subtitle {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .hero-badge,
[data-theme="light"] .hero-stat {
    color: #6366f1 !important;
}

/* Page header */
[data-theme="light"] .page-header {
    background: var(--light-bg) !important;
}

[data-theme="light"] .page-header::before {
    background: radial-gradient(ellipse at center, rgba(99, 102, 241, 0.04) 0%, transparent 70%) !important;
}

/* Buttons */
[data-theme="light"] .btn-secondary {
    background: rgba(99, 102, 241, 0.06) !important;
    color: #1a1a2e !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .btn-secondary:hover {
    background: rgba(99, 102, 241, 0.12) !important;
}

[data-theme="light"] .btn-rustore {
    background: linear-gradient(135deg, #005BFF, #0047C3) !important;
    color: white !important;
    border-color: rgba(0, 91, 255, 0.1) !important;
    box-shadow: 0 4px 16px rgba(0, 91, 255, 0.2) !important;
}

[data-theme="light"] .btn-rustore:hover {
    background: linear-gradient(135deg, #0047C3, #0036A3) !important;
    border-color: rgba(0, 91, 255, 0.3) !important;
    box-shadow: 0 8px 24px rgba(0, 91, 255, 0.35) !important;
    transform: translateY(-2px);
}

/* Tables */
[data-theme="light"] .bench-table,
[data-theme="light"] .ai-table {
    background: var(--light-card) !important;
}

[data-theme="light"] .bench-table th,
[data-theme="light"] .ai-table th {
    background: rgba(99, 102, 241, 0.08) !important;
    color: #6366f1 !important;
}

[data-theme="light"] .bench-table td,
[data-theme="light"] .ai-table td {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .bench-table td:first-child,
[data-theme="light"] .ai-table td:first-child {
    color: #1a1a2e !important;
}

[data-theme="light"] .bench-table tr:hover td,
[data-theme="light"] .ai-table tr:hover td {
    background: rgba(99, 102, 241, 0.03) !important;
}

[data-theme="light"] .bench-table .winner {
    color: #059669 !important;
}

[data-theme="light"] .bench-table .second {
    color: #3b82f6 !important;
}

/* Blockquote */
[data-theme="light"] blockquote {
    background: rgba(99, 102, 241, 0.04) !important;
    color: var(--light-text-muted) !important;
}

/* CTA / highlight boxes */
[data-theme="light"] .cta {
    background: var(--light-bg) !important;
}

[data-theme="light"] .cta::before {
    background: radial-gradient(ellipse at center, rgba(99, 102, 241, 0.05) 0%, transparent 70%) !important;
}

[data-theme="light"] .cta h2 {
    color: #1a1a2e !important;
}

[data-theme="light"] .cta-box {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.06), rgba(139, 92, 246, 0.04)) !important;
    border-color: rgba(99, 102, 241, 0.15) !important;
}

/* Code blocks */
[data-theme="light"] .code-demo {
    background: #1e1e2e !important;
}

/* Article text */
[data-theme="light"] .article-lead {
    color: var(--light-text-muted) !important;
}

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

[data-theme="light"] .date,
[data-theme="light"] .news-date {
    color: #888 !important;
}

[data-theme="light"] .back-link {
    color: #6366f1 !important;
}

/* Footer */
[data-theme="light"] footer {
    border-top-color: var(--light-border) !important;
    background: var(--light-bg) !important;
}

[data-theme="light"] .footer-copy {
    color: #888 !important;
}

[data-theme="light"] .footer-links a {
    color: #666 !important;
}

[data-theme="light"] .footer-links a:hover {
    color: #6366f1 !important;
}

/* News page specifics */
[data-theme="light"] .news-container {
    background: var(--light-bg) !important;
}

[data-theme="light"] .news-card h2 {
    color: #1a1a2e !important;
}

[data-theme="light"] .read-more {
    color: #6366f1 !important;
}

[data-theme="light"] .featured-card {
    border-color: rgba(99, 102, 241, 0.2) !important;
}

/* Pricing page */
[data-theme="light"] .pricing-container {
    background: var(--light-bg) !important;
}

[data-theme="light"] .plan-card .features li {
    color: var(--light-text-muted) !important;
    border-bottom-color: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .plan-card.featured {
    background: linear-gradient(180deg, rgba(99, 102, 241, 0.05) 0%, var(--light-card) 100%) !important;
}

[data-theme="light"] .pricing-price,
[data-theme="light"] .plan-card .plan-price {
    color: #6366f1 !important;
}

[data-theme="light"] .pricing-price span,
[data-theme="light"] .plan-card .plan-price span {
    color: #888 !important;
}

[data-theme="light"] .guarantee {
    background: rgba(99, 102, 241, 0.03) !important;
    border-color: var(--light-border) !important;
}

/* Toggle styling in light mode */
[data-theme="light"] .theme-slider {
    background: rgba(99, 102, 241, 0.1);
    border-color: rgba(99, 102, 241, 0.2);
}

/* Legal pages */
[data-theme="light"] .highlight {
    background: rgba(99, 102, 241, 0.06) !important;
    border-left-color: #6366f1 !important;
}

[data-theme="light"] .warning {
    background: rgba(245, 158, 11, 0.06) !important;
}

[data-theme="light"] table th {
    background: rgba(99, 102, 241, 0.06) !important;
    color: #6366f1 !important;
}

[data-theme="light"] table td {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] table th,
[data-theme="light"] table td {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* ═══ Extended Light Theme: All Pages ═══ */

/* Glossary page */
[data-theme="light"] .term {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .term:hover {
    border-color: rgba(99, 102, 241, 0.25) !important;
}

[data-theme="light"] .term h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .term .en {
    color: #6366f1 !important;
}

[data-theme="light"] .term p {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .glossary-letter {
    -webkit-text-fill-color: unset !important;
    background: none !important;
    color: #6366f1 !important;
    border-bottom-color: rgba(99, 102, 241, 0.15) !important;
}

[data-theme="light"] .search-bar input {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .search-bar input::placeholder {
    color: #999 !important;
}

[data-theme="light"] .tag-basic {
    background: rgba(34, 197, 94, 0.1) !important;
    color: #059669 !important;
}

[data-theme="light"] .tag-advanced {
    background: rgba(245, 158, 11, 0.1) !important;
    color: #d97706 !important;
}

[data-theme="light"] .tag-pro {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #dc2626 !important;
}

[data-theme="light"] .no-results p {
    color: var(--light-text-muted) !important;
}

/* Blog page */
[data-theme="light"] .blog-card,
[data-theme="light"] .featured-blog-card {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .blog-card:hover,
[data-theme="light"] .featured-blog-card:hover {
    border-color: rgba(99, 102, 241, 0.25) !important;
    background: var(--light-card-hover) !important;
}

[data-theme="light"] .blog-card h3,
[data-theme="light"] .featured-blog-card h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .blog-card p,
[data-theme="light"] .featured-blog-card p {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .blog-card .card-meta,
[data-theme="light"] .featured-blog-card .card-meta {
    color: #999 !important;
}

/* SVG icon containers — keep gradient visible in light */
[data-theme="light"] .icon-box,
[data-theme="light"] .card-icon,
[data-theme="light"] .section-icon {
    opacity: 0.9;
}

/* FAQ page */
[data-theme="light"] .faq-item {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .faq-item:hover {
    border-color: rgba(99, 102, 241, 0.2) !important;
}

[data-theme="light"] .faq-question h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .faq-answer p {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .faq-arrow {
    color: #999 !important;
}

[data-theme="light"] .faq-category h2 {
    color: #1a1a2e !important;
}

/* About page */
[data-theme="light"] .value-card,
[data-theme="light"] .tech-card {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .value-card:hover,
[data-theme="light"] .tech-card:hover {
    border-color: rgba(99, 102, 241, 0.25) !important;
}

[data-theme="light"] .value-card h3,
[data-theme="light"] .tech-card h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .value-card p,
[data-theme="light"] .tech-card p {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .timeline-item {
    border-left-color: rgba(99, 102, 241, 0.2) !important;
}

[data-theme="light"] .timeline-item .year {
    color: #6366f1 !important;
}

[data-theme="light"] .stat-number {
    color: #6366f1 !important;
}

[data-theme="light"] .stat-label {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .team-card,
[data-theme="light"] .contact-card {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

/* Blog articles — info boxes, use cases, role cards, etc. */
[data-theme="light"] .info-box {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .info-box.tip {
    border-left-color: #22c55e !important;
}

[data-theme="light"] .info-box.warning {
    border-left-color: #f59e0b !important;
}

[data-theme="light"] .info-box .box-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .info-box p {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .toc {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .toc h4 {
    color: #1a1a2e !important;
}

[data-theme="light"] .toc a {
    color: #6366f1 !important;
}

[data-theme="light"] .comparison-table th {
    background: rgba(99, 102, 241, 0.08) !important;
    color: #6366f1 !important;
}

[data-theme="light"] .comparison-table td {
    background: var(--light-card) !important;
    color: var(--light-text-muted) !important;
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .prompt-example {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .prompt-example p {
    color: #1a1a2e !important;
}

[data-theme="light"] .use-case {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .use-case h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .use-case .prompt {
    background: rgba(99, 102, 241, 0.06) !important;
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .role-card {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .role-card h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .role-card .role-subtitle {
    color: #6366f1 !important;
}

[data-theme="light"] .role-card .task {
    background: rgba(99, 102, 241, 0.04) !important;
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .role-card .task strong {
    color: #1a1a2e !important;
}

[data-theme="light"] .role-card .time-saved {
    background: rgba(34, 197, 94, 0.08) !important;
    color: #059669 !important;
}

/* Blog models comparison page */
[data-theme="light"] .model-card {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .model-card h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .model-card .company {
    color: #6366f1 !important;
}

[data-theme="light"] .model-card .verdict {
    background: rgba(99, 102, 241, 0.05) !important;
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .model-card .verdict strong {
    color: #6366f1 !important;
}

[data-theme="light"] .table-wrapper {
    border-color: var(--light-border) !important;
}

[data-theme="light"] .model-table th {
    background: rgba(99, 102, 241, 0.08) !important;
    color: #6366f1 !important;
}

[data-theme="light"] .model-table td {
    background: var(--light-card) !important;
    color: var(--light-text-muted) !important;
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .model-table .model-name {
    color: #1a1a2e !important;
}

[data-theme="light"] .model-table .highlight {
    color: #059669 !important;
}

[data-theme="light"] .model-table .best td {
    background: rgba(34, 197, 94, 0.04) !important;
}

/* Breadcrumbs */
[data-theme="light"] .breadcrumb a {
    color: #999 !important;
}

[data-theme="light"] .breadcrumb a:hover {
    color: #6366f1 !important;
}

[data-theme="light"] .breadcrumb span {
    color: #ccc !important;
}

/* Article general */
[data-theme="light"] .article a {
    color: #6366f1 !important;
}

[data-theme="light"] .article h2,
[data-theme="light"] .article h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .article p {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .meta {
    color: var(--light-text-muted) !important;
}

/* Smooth transition for theme change */
html {
    transition: background-color 0.3s ease;
}

html[data-theme="light"] body,
html[data-theme="light"] body * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Error toast light */
[data-theme="light"] .error-toast {
    background: rgba(239, 68, 68, 0.95) !important;
}

/* Donate section light theme */
[data-theme="light"] #walletAddr {
    color: #0d7a50 !important;
}

[data-theme="light"] #copyWalletBtn {
    color: #0d7a50 !important;
    background: rgba(13, 122, 80, 0.12) !important;
}

[data-theme="light"] #donate h3 {
    color: #1a1a2e !important;
}

/* ═══ Yandex Partner Banners — Light Theme ═══ */
[data-theme="light"] .section>div[onclick*="yandex"],
[data-theme="light"] .section>div[onclick*="appmetrica"],
[data-theme="light"] div[onclick*="ya.ru"],
[data-theme="light"] div[onclick*="appmetrica"] {
    background: linear-gradient(135deg, rgba(255, 204, 0, 0.1), rgba(255, 100, 80, 0.06), rgba(99, 102, 241, 0.04)) !important;
    border-color: rgba(200, 180, 0, 0.2) !important;
}

[data-theme="light"] .section>div[onclick*="yandex"] div[style*="font-weight:700"],
[data-theme="light"] .section>div[onclick*="appmetrica"] div[style*="font-weight:700"],
[data-theme="light"] div[onclick*="ya.ru"] div[style*="font-weight:700"],
[data-theme="light"] div[onclick*="appmetrica"] div[style*="font-weight:700"] {
    color: #1a1a2e !important;
}

[data-theme="light"] .section>div[onclick*="yandex"] div[style*="font-size:14px"],
[data-theme="light"] .section>div[onclick*="appmetrica"] div[style*="font-size:14px"],
[data-theme="light"] .section>div[onclick*="yandex"] div[style*="font-size:13px"],
[data-theme="light"] .section>div[onclick*="appmetrica"] div[style*="font-size:13px"],
[data-theme="light"] div[onclick*="ya.ru"] div[style*="font-size:13px"],
[data-theme="light"] div[onclick*="appmetrica"] div[style*="font-size:13px"] {
    color: #555 !important;
}

/* ═══ Telegram Floating Button ═══ */

/* Prevent Telegram button from blocking footer links */
footer {
    padding-bottom: 80px !important;
    position: relative;
    z-index: 10000;
    background: #0a0a1a;
}

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

.telegram-float.hidden {
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
}

.telegram-float {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

.telegram-float:hover {
    transform: translateY(-4px) scale(1.05);
}

.telegram-float-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2AABEE, #229ED9);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(42, 171, 238, 0.35), 0 0 40px rgba(42, 171, 238, 0.1);
    position: relative;
    transition: box-shadow 0.3s ease;
}

.telegram-float:hover .telegram-float-btn {
    box-shadow: 0 6px 28px rgba(42, 171, 238, 0.5), 0 0 60px rgba(42, 171, 238, 0.15);
}

.telegram-float-btn::before {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid rgba(42, 171, 238, 0.3);
    animation: telegram-pulse 2s ease-in-out infinite;
}

@keyframes telegram-pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.15);
        opacity: 0;
    }
}

.telegram-float-btn svg {
    width: 28px;
    height: 28px;
    fill: white;
}

.telegram-float-label {
    background: rgba(10, 10, 26, 0.9);
    border: 1px solid rgba(42, 171, 238, 0.25);
    color: #fff;
    padding: 6px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Inter', system-ui, sans-serif;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(10px);
    transition: all 0.3s ease;
    pointer-events: none;
}

.telegram-float:hover .telegram-float-label {
    opacity: 1;
    transform: translateX(0);
}

[data-theme="light"] .telegram-float-label {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(42, 171, 238, 0.2) !important;
    color: #1a1a2e !important;
}

@media (max-width: 480px) {
    .telegram-float {
        bottom: 20px;
        right: 20px;
    }

    .telegram-float-btn {
        width: 48px;
        height: 48px;
    }

    .telegram-float-btn svg {
        width: 24px;
        height: 24px;
    }

    .telegram-float-label {
        display: none;
    }
}

/* ═══ Marketplace Nav Button — Glow Effect ═══ */

.nav-marketplace {
    background: linear-gradient(135deg, #7c3aed, #a855f7, #6366f1) !important;
    color: #fff !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.3px;
    text-decoration: none !important;
    position: relative;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 0 15px rgba(124, 58, 237, 0.4), 0 0 30px rgba(124, 58, 237, 0.15);
    animation: marketplace-glow 2.5s ease-in-out infinite;
    transition: all 0.3s ease !important;
    white-space: nowrap;
}

.nav-marketplace::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 22px;
    background: linear-gradient(135deg, #7c3aed, #a855f7, #6366f1, #7c3aed);
    background-size: 300% 300%;
    animation: marketplace-border 3s ease infinite;
    z-index: -1;
    opacity: 0.6;
    filter: blur(4px);
}

.nav-marketplace:hover {
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 0 25px rgba(124, 58, 237, 0.6), 0 0 50px rgba(124, 58, 237, 0.25) !important;
    color: #fff !important;
}

@keyframes marketplace-glow {

    0%,
    100% {
        box-shadow: 0 0 15px rgba(124, 58, 237, 0.4), 0 0 30px rgba(124, 58, 237, 0.15);
    }

    50% {
        box-shadow: 0 0 25px rgba(168, 85, 247, 0.6), 0 0 50px rgba(168, 85, 247, 0.25);
    }
}

@keyframes marketplace-border {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* Light theme adjustments */
[data-theme="light"] .nav-marketplace,
[data-theme="light"] a.nav-marketplace,
[data-theme="light"] .nav-links a.nav-marketplace,
[data-theme="light"] ul a.nav-marketplace {
    background: linear-gradient(135deg, #6d28d9, #7c3aed, #4f46e5) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 0 18px rgba(109, 40, 217, 0.35), 0 2px 10px rgba(109, 40, 217, 0.25);
}

[data-theme="light"] .nav-marketplace:hover,
[data-theme="light"] a.nav-marketplace:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 0 28px rgba(109, 40, 217, 0.55), 0 4px 18px rgba(109, 40, 217, 0.35) !important;
}

/* SVG icon inside marketplace button */
.nav-marketplace svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: -2px;
    transition: transform 0.3s ease;
}

.nav-marketplace:hover svg {
    transform: scale(1.15);
}

/* Mobile: smaller button */
@media (max-width: 768px) {
    .nav-marketplace {
        padding: 5px 12px !important;
        font-size: 12px !important;
    }
}

/* ═══ Marketplace Page — Light Theme ═══ */

/* Hero section */
[data-theme="light"] .marketplace-hero {
    background: var(--light-bg) !important;
}

[data-theme="light"] .marketplace-hero::before {
    background: radial-gradient(circle, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.05) 30%, transparent 70%) !important;
}

[data-theme="light"] .marketplace-hero h1 {
    background: linear-gradient(135deg, #1a1a2e 0%, #4f46e5 50%, #6366f1 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

[data-theme="light"] .marketplace-hero p {
    color: #5a5a7a !important;
}

[data-theme="light"] .hero-badge {
    background: rgba(99, 102, 241, 0.08) !important;
    border-color: rgba(99, 102, 241, 0.2) !important;
    color: #6366f1 !important;
}

/* Hero stat cards — light theme */
[data-theme="light"] .hero-stat-card {
    background: rgba(255, 255, 255, 0.85) !important;
    border-color: rgba(99, 102, 241, 0.15) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .hero-stat-card:hover {
    box-shadow: 0 8px 32px rgba(99, 102, 241, 0.15) !important;
}

[data-theme="light"] .hero-stat-card .stat-label {
    color: #1a1a2e !important;
}

[data-theme="light"] .hero-stat-card.stat-shield:hover {
    border-color: rgba(22, 163, 74, 0.4) !important;
    box-shadow: 0 8px 32px rgba(22, 163, 74, 0.15) !important;
}

[data-theme="light"] .hero-stat-card.stat-payment:hover {
    border-color: rgba(99, 102, 241, 0.4) !important;
    box-shadow: 0 8px 32px rgba(99, 102, 241, 0.15) !important;
}

[data-theme="light"] .hero-stat-card.stat-lightning:hover {
    border-color: rgba(217, 119, 6, 0.4) !important;
    box-shadow: 0 8px 32px rgba(217, 119, 6, 0.15) !important;
}

[data-theme="light"] .hero-stat-card.stat-shield:hover .stat-label {
    color: #059669 !important;
}

[data-theme="light"] .hero-stat-card.stat-payment:hover .stat-label {
    color: #4f46e5 !important;
}

[data-theme="light"] .hero-stat-card.stat-lightning:hover .stat-label {
    color: #d97706 !important;
}

/* Search box */
[data-theme="light"] .search-box input {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(99, 102, 241, 0.15) !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .search-box input::placeholder {
    color: #999 !important;
}

/* Filter chips */
[data-theme="light"] .chip {
    background: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(99, 102, 241, 0.12) !important;
    color: #5a5a7a !important;
}

[data-theme="light"] .chip:hover {
    background: rgba(99, 102, 241, 0.06) !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
    color: #6366f1 !important;
}

[data-theme="light"] .chip.active {
    background: rgba(99, 102, 241, 0.1) !important;
    border-color: rgba(99, 102, 241, 0.4) !important;
    color: #4f46e5 !important;
}

/* View toggle */
[data-theme="light"] .view-toggle {
    background: rgba(99, 102, 241, 0.06) !important;
}

[data-theme="light"] .view-btn {
    color: #999 !important;
}

[data-theme="light"] .view-btn.active {
    background: rgba(99, 102, 241, 0.12) !important;
    color: #6366f1 !important;
}

/* Product cards */
[data-theme="light"] .product-card {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .product-card:hover {
    border-color: rgba(99, 102, 241, 0.35) !important;
    box-shadow: 0 16px 48px rgba(99, 102, 241, 0.12), 0 0 0 1px rgba(99, 102, 241, 0.15) !important;
}

[data-theme="light"] .card-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .product-card:hover .card-title {
    color: #4f46e5 !important;
}

[data-theme="light"] .card-desc {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .card-price {
    background: linear-gradient(135deg, #059669, #0d9488) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

[data-theme="light"] .card-price .currency {
    -webkit-text-fill-color: #888 !important;
}

[data-theme="light"] .card-stats {
    color: #999 !important;
}

[data-theme="light"] .card-tag {
    opacity: 0.9;
}

[data-theme="light"] .card-image::after {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.9), transparent) !important;
}

/* Product modal */
[data-theme="light"] .modal-content {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .product-info .title {
    color: #1a1a2e !important;
}

[data-theme="light"] .product-info .subtitle {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .info-item {
    background: rgba(99, 102, 241, 0.04) !important;
    border-color: rgba(99, 102, 241, 0.1) !important;
}

[data-theme="light"] .info-item .label {
    color: #999 !important;
}

[data-theme="light"] .info-item .value {
    color: #1a1a2e !important;
}

[data-theme="light"] .modal-close {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #666 !important;
}

[data-theme="light"] .modal-close:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    color: #1a1a2e !important;
}

/* Empty state */
[data-theme="light"] .empty-state h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .empty-state p {
    color: var(--light-text-muted) !important;
}

[data-theme="light"] .empty-state .empty-icon {
    background: rgba(99, 102, 241, 0.06) !important;
    border-color: rgba(99, 102, 241, 0.12) !important;
}

/* ═══ Pricing Page — Light Theme ═══ */

[data-theme="light"] .plan-card {
    background: var(--light-card) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .plan-card:hover {
    border-color: rgba(99, 102, 241, 0.3) !important;
    box-shadow: 0 8px 32px rgba(99, 102, 241, 0.1) !important;
}

[data-theme="light"] .plan-card.featured {
    background: linear-gradient(180deg, rgba(99, 102, 241, 0.05) 0%, var(--light-card) 100%) !important;
    border-color: #6366f1 !important;
}

[data-theme="light"] .plan-card.highlight {
    border-color: #16a34a !important;
}

[data-theme="light"] .plan-card h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .plan-card .plan-price {
    color: #6366f1 !important;
}

[data-theme="light"] .plan-card .plan-price span {
    color: #888 !important;
}

[data-theme="light"] .plan-card .original-price {
    color: #999 !important;
}

[data-theme="light"] .plan-card .features li {
    color: var(--light-text-muted) !important;
    border-bottom-color: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .btn-secondary-pay {
    background: rgba(99, 102, 241, 0.06) !important;
    color: #1a1a2e !important;
    border-color: rgba(99, 102, 241, 0.15) !important;
}

[data-theme="light"] .btn-secondary-pay:hover:not(:disabled) {
    background: rgba(99, 102, 241, 0.1) !important;
}

/* Pricing icon glow reduction in light theme */
[data-theme="light"] .plan-icon img {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1)) !important;
}

[data-theme="light"] .plan-card:hover .plan-icon img {
    filter: drop-shadow(0 4px 16px rgba(99, 102, 241, 0.25)) !important;
}

[data-theme="light"] .plan-icon::before {
    display: none;
}

[data-theme="light"] .guarantee {
    background: rgba(99, 102, 241, 0.03) !important;
    border-color: var(--light-border) !important;
}

[data-theme="light"] .guarantee p {
    color: var(--light-text-muted) !important;
}