.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 100px;
  padding: 3px 10px;
  font-size: 0.74rem;
  font-weight: 700;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.85);
  transition: all var(--t-fast);
  line-height: 1;
}

.theme-toggle:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.35);
  transform: translateY(-1px);
}

.tt-icon {
  display: inline-block;
  transition: transform var(--t-fast);
}

.theme-toggle .tt-sun {
  display: none;
}
.theme-toggle .tt-moon {
  display: inline-block;
}

.theme-toggle.tt-light-active {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.16);
  color: #1A1D20;
}
.theme-toggle.tt-light-active .tt-sun {
  display: inline-block;
}
.theme-toggle.tt-light-active .tt-moon {
  display: none;
}

[data-theme="light"] {
  --bg:           #F6F8FA;
  --bg-alt:       #FFFFFF;
  --fg:           #1F2328;
  --fg-muted:     #656D76;
  --fg-faint:     rgba(0, 0, 0, 0.05);
  --white:        #1F2328;
  --card-bg:      #FFFFFF;
  --border:       rgba(31, 35, 40, 0.12);
  --border-strong:rgba(31, 35, 40, 0.22);
  --shadow:       0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-lg:    0 12px 36px rgba(0, 0, 0, 0.1);
  --shadow-xl:    0 24px 60px rgba(0, 0, 0, 0.14);
}

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

[data-theme="light"] #header-wrapper {
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] #top-bar {
  background: #F1F3F5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: #495057;
}

[data-theme="light"] .top-bar-link {
  color: #495057;
}
[data-theme="light"] .top-bar-link:hover {
  color: #111;
}
[data-theme="light"] .top-phone-link {
  color: #111;
}

[data-theme="light"] .lang-toggle {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.12);
  color: #495057;
}

[data-theme="light"] #main-header {
  background: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .nav-logo .logo-dark {
  color: #111;
}

[data-theme="light"] #header-search-wrap {
  background: #F1F3F5;
  border-color: rgba(0, 0, 0, 0.12);
}

[data-theme="light"] #search-cat-select,
[data-theme="light"] #header-cat-select,
[data-theme="light"] #main-search-input,
[data-theme="light"] #header-search-input {
  color: #111;
  background: transparent;
}
[data-theme="light"] #main-search-input::placeholder,
[data-theme="light"] #header-search-input::placeholder {
  color: #868E96;
}

[data-theme="light"] #cart-trigger-btn,
[data-theme="light"] .header-cart-btn {
  background: #F1F3F5;
  border-color: rgba(0, 0, 0, 0.12);
  color: #111;
}
[data-theme="light"] .cart-trigger-label,
[data-theme="light"] .header-cart-label {
  color: #6C757D;
}
[data-theme="light"] .cart-trigger-count,
[data-theme="light"] .header-cart-count {
  color: #111;
}

[data-theme="light"] #nav-subbar {
  background: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .nav-cat-trigger {
  color: #495057;
}
[data-theme="light"] .nav-cat-trigger:hover {
  background: rgba(204, 31, 31, 0.06);
  color: var(--accent);
}

[data-theme="light"] #mega-menu-dropdown {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .mm-cat-item,
[data-theme="light"] .mm-cat-item *,
[data-theme="light"] .mega-cat-item {
  color: #1a1a24 !important;
}
[data-theme="light"] .mm-cat-item:hover,
[data-theme="light"] .mm-cat-item:hover *,
[data-theme="light"] .mega-cat-item.active,
[data-theme="light"] .mega-cat-item:hover {
  background: rgba(204, 31, 31, 0.08);
  color: var(--accent) !important;
}
[data-theme="light"] .cat-nav-links a:not(.active) {
  color: var(--text-2) !important;
}
[data-theme="light"] .cat-nav-links a:hover:not(.active) {
  color: #111827 !important;
}
[data-theme="light"] .cat-nav-links a.active {
  color: #ffffff !important;
}
[data-theme="light"] .mega-subcats-col {
  border-left-color: rgba(0, 0, 0, 0.08);
  border-right-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .mega-subcat-link {
  color: #495057;
}
[data-theme="light"] .mega-subcat-link:hover {
  color: var(--accent);
}

[data-theme="light"] .section {
  background-color: var(--bg);
}
[data-theme="light"] .section-title {
  color: #111;
}
[data-theme="light"] .section-subtitle {
  color: #4A5568;
}

[data-theme="light"] #hero {
  background: radial-gradient(circle at 75% 45%, #EDF2F7 0%, #F7FAFC 60%, #FFFFFF 100%);
}
[data-theme="light"] .hero-title .line-white {
  color: #111;
}
[data-theme="light"] .hero-subtitle {
  color: #4A5568;
}
[data-theme="light"] .hero-stat-card {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}
[data-theme="light"] .stat-num {
  color: #111;
}
[data-theme="light"] .stat-lbl {
  color: #718096;
}
[data-theme="light"] .model-tab-btn {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.12);
  color: #495057;
}
[data-theme="light"] .model-tab-btn.active {
  background: var(--accent);
  color: #FFF;
  border-color: var(--accent);
}

[data-theme="light"] #trust-pillars {
  background: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .trust-pillar-card {
  background: #F8F9FA;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
[data-theme="light"] .trust-pillar-card:hover {
  background: #FFFFFF;
  border-color: rgba(204, 31, 31, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .trust-pillar-info h4 {
  color: #111;
}
[data-theme="light"] .trust-pillar-info p {
  color: #718096;
}

[data-theme="light"] #category-bento {
  background: #F8F9FA;
}
[data-theme="light"] .bento-cat-card {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .bento-cat-title {
  color: #111;
}
[data-theme="light"] .bento-cat-desc {
  color: #718096;
}

[data-theme="light"] #spotlight-banners {
  background: var(--bg);
}
[data-theme="light"] .spotlight-banner-card {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .spotlight-title {
  color: #111;
}
[data-theme="light"] .spotlight-desc {
  color: #4A5568;
}

[data-theme="light"] #deals {
  background: #F8F9FA;
}
[data-theme="light"] #catalog {
  background: var(--bg);
}
[data-theme="light"] .deal-card,
[data-theme="light"] .product-card {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}
[data-theme="light"] .deal-title,
[data-theme="light"] .product-name {
  color: #111;
}
[data-theme="light"] .deal-desc,
[data-theme="light"] .product-desc {
  color: #718096;
}
[data-theme="light"] .deal-orig,
[data-theme="light"] .product-orig {
  color: #A0AEC0;
}
[data-theme="light"] .product-card-img-wrap,
[data-theme="light"] .deal-img-wrap {
  background: #F8F9FA;
}
[data-theme="light"] .catalog-search-input {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.12);
  color: #111;
}
[data-theme="light"] .catalog-tab-btn {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.12);
  color: #495057;
}
[data-theme="light"] .catalog-tab-btn.active {
  background: var(--accent);
  color: #FFF;
  border-color: var(--accent);
}

[data-theme="light"] #hardware-spotlight {
  background: #F8F9FA;
}
[data-theme="light"] .hardware-spotlight-box {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.07);
}
[data-theme="light"] .hw-spot-title {
  color: #111;
}
[data-theme="light"] .hw-spot-desc {
  color: #4A5568;
}
[data-theme="light"] .hw-spec-pill-item {
  background: #F1F3F5;
  border-color: rgba(0, 0, 0, 0.08);
  color: #111;
}
[data-theme="light"] .hw-spot-orig-price {
  color: #A0AEC0;
}

[data-theme="light"] #efootball {
  background: radial-gradient(circle at 50% 0%, #F1F3F5 0%, #FFFFFF 50%, #F8F9FA 100%);
}
[data-theme="light"] #efootball .section-title {
  color: #111;
}
[data-theme="light"] #efootball .section-subtitle {
  color: #4A5568;
}
[data-theme="light"] .efootball-guarantees {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
}
[data-theme="light"] .ef-guarantee-item strong {
  color: #111;
}
[data-theme="light"] .ef-guarantee-item span {
  color: #718096;
}
[data-theme="light"] .platform-pill {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.1);
  color: #111;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
[data-theme="light"] .ef-card {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .ef-card-title {
  color: #111;
}
[data-theme="light"] .ef-card-desc {
  color: #718096;
}
[data-theme="light"] .ef-features-list li,
[data-theme="light"] .ef-card-list li {
  color: #2D3748;
}
[data-theme="light"] .ef-current-price,
[data-theme="light"] .ef-price {
  color: #111;
}
[data-theme="light"] .ef-price-orig,
[data-theme="light"] .ef-orig-price {
  color: #A0AEC0;
}
[data-theme="light"] .ef-buy-btn {
  background: #F1F3F5;
  border-color: rgba(0, 0, 0, 0.15);
  color: #111;
}
[data-theme="light"] .ef-buy-btn:hover {
  background: #111;
  color: #FFF;
}
[data-theme="light"] .ef-whatsapp-cta,
[data-theme="light"] .efootball-whatsapp-banner {
  background: linear-gradient(135deg, rgba(37, 211, 102, 0.12) 0%, #FFFFFF 100%);
  border-color: rgba(37, 211, 102, 0.35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}
[data-theme="light"] .ef-wa-content h3,
[data-theme="light"] .ef-wa-text h4 {
  color: #111;
}
[data-theme="light"] .ef-wa-content p,
[data-theme="light"] .ef-wa-text p {
  color: #4A5568;
}
[data-theme="light"] .ef-wa-chat-btn {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.15);
  color: #111;
}
[data-theme="light"] .ef-wa-chat-btn:hover {
  background: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.25);
  color: #111;
}

[data-theme="light"] #testimonials {
  background: #F8F9FA;
}
[data-theme="light"] .testimonial-card {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}
[data-theme="light"] .testimonial-name {
  color: #111;
}
[data-theme="light"] .testimonial-text {
  color: #2D3748;
}
[data-theme="light"] .slider-btn {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.1);
  color: #111;
}

[data-theme="light"] #gaming-guides {
  background: var(--bg);
}
[data-theme="light"] .guide-card {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}
[data-theme="light"] .guide-title {
  color: #111;
}
[data-theme="light"] .guide-desc {
  color: #718096;
}

[data-theme="light"] #brand-partners-section {
  background: #F1F3F5;
  border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .brand-partner-item {
  color: #495057;
}
[data-theme="light"] .marquee-strip {
  background: #E9ECEF;
  border-color: rgba(0, 0, 0, 0.08);
  color: #111;
}

[data-theme="light"] .modal-box,
[data-theme="light"] .checkout-box {
  background: #FFFFFF;
  color: #111;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
}
[data-theme="light"] #cart-sidebar {
  background: #FFFFFF;
  border-left-color: rgba(0, 0, 0, 0.1);
  box-shadow: -8px 0 30px rgba(0, 0, 0, 0.1);
}
[data-theme="light"] .cart-header,
[data-theme="light"] .cart-footer {
  border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .cart-title,
[data-theme="light"] .cart-subtotal-val,
[data-theme="light"] .checkout-title {
  color: #111;
}
[data-theme="light"] .cart-item {
  background: #F8F9FA;
  border-color: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .cart-item-title {
  color: #111;
}
[data-theme="light"] .form-input,
[data-theme="light"] .form-select {
  background: #F8F9FA;
  border-color: rgba(0, 0, 0, 0.15);
  color: #111;
}
[data-theme="light"] .form-label {
  color: #495057;
}

[data-theme="light"] .category-hero {
  background: radial-gradient(circle at 75% 50%, #EDF2F7 0%, #F7FAFC 60%, #FFFFFF 100%);
}
[data-theme="light"] .cat-hero-title {
  color: #111;
}
[data-theme="light"] .cat-hero-desc {
  color: #4A5568;
}
[data-theme="light"] .cat-subcat-btn {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.12);
  color: #495057;
}
[data-theme="light"] .cat-subcat-btn.active {
  background: var(--accent);
  color: #FFF;
  border-color: var(--accent);
}
