/* ===== SCOPED DARK THEME FOR CATEGORY PAGES ===== */
    body {
      background: #fff !important;
      margin: 0;
    }
    #fms-content {
      --fms-dark: #ffffff;
      --fms-surface: #f8fafc;
      --fms-border: #e2e8f0;
      --fms-hover: #f1f5f9;
      --fms-orange: #EC5A22;
      --fms-orange-hover: #D4501E;
      --fms-text: #1e293b;
      --fms-muted: #64748b;
      --fms-blue: #00A9EA;
      --fms-gold: #F5A11A;
      background: var(--fms-dark) !important;
      color: var(--fms-text) !important;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      overflow-x: hidden;
    }

    /* Hero */
    #fms-content .fms-hero {
      padding: 80px 0 60px;
      text-align: center;
      position: relative;
      background: linear-gradient(327deg,rgba(33,0,75,0.20) 3%,rgba(60,0,136,0) 40%),linear-gradient(246deg,rgba(236,90,34,0.08) 0%,rgba(209,25,80,0) 36%),linear-gradient(148deg,rgba(0,169,234,0.04) 0%,transparent 60%),#0B1120;
      overflow: hidden;
    }
    #fms-content .fms-hero .fms-hero-wrap {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    #fms-content .fms-hero-label {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 16px;
      border-radius: 100px;
      border: 1px solid rgba(236,90,34,0.3);
      font-size: 13px;
      color: rgba(226,232,240,0.6);
      margin-bottom: 32px;
      background: rgba(236,90,34,0.06);
    }
    #fms-content .fms-hero-label .pulse {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #EC5A22;
      animation: fms-pulse 2s ease-in-out infinite;
    }
    @keyframes fms-pulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.5; transform: scale(1.5); }
    }
    #fms-content .fms-hero-label span {
      color: #EC5A22;
      font-weight: 600;
    }
    #fms-content .fms-hero h1 {
      font-size: clamp(28px, 4vw, 52px) !important;
      font-weight: 800 !important;
      letter-spacing: -1.5px !important;
      line-height: 1.1 !important;
      margin-bottom: 0 !important;
      color: #fff !important;
      position: relative;
    }
    #fms-content .fms-hero-sub {
      font-size: clamp(15px, 1.5vw, 17px);
      color: rgba(226,232,240,0.5);
      max-width: 520px;
      margin: 16px auto 0;
      line-height: 1.7;
      letter-spacing: 0.02em;
    }

    /* Category tabs - keep old class structure for build.js replacements */
    #fms-content .fms-tabs-row {
      display: flex !important;
      gap: 8px !important;
      justify-content: center !important;
      margin-bottom: 16px !important;
      flex-wrap: wrap !important;
      position: relative;
    }
    #fms-content .fms-tabs-row .tabs__btn {
      padding: 8px 20px !important;
      border-radius: 100px !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      cursor: pointer !important;
      border: 1px solid var(--fms-border) !important;
      background: transparent !important;
      color: var(--fms-muted) !important;
      transition: all 0.2s !important;
      font-family: inherit !important;
      text-decoration: none !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      box-shadow: none !important;
    }
    #fms-content .fms-tabs-row .tabs__btn:hover {
      border-color: var(--fms-muted) !important;
      color: var(--fms-text) !important;
    }
    #fms-content .fms-tabs-row .tabs__btn.active {
      background: var(--fms-orange) !important;
      border-color: var(--fms-orange) !important;
      color: #fff !important;
    }

    /* Sub-category tabs */
    #fms-content .fms-subcats {
      display: flex !important;
      gap: 8px !important;
      justify-content: center !important;
      margin-bottom: 32px !important;
      flex-wrap: wrap !important;
      position: relative;
    }
    #fms-content .fms-subcats .tabs__btn {
      padding: 6px 16px !important;
      border-radius: 100px !important;
      font-size: 13px !important;
      font-weight: 500 !important;
      cursor: pointer !important;
      border: 1px solid var(--fms-border) !important;
      background: transparent !important;
      color: var(--fms-muted) !important;
      transition: all 0.2s !important;
      font-family: inherit !important;
      text-decoration: none !important;
      display: inline-flex !important;
      box-shadow: none !important;
    }
    #fms-content .fms-subcats .tabs__btn:hover {
      border-color: var(--fms-muted) !important;
      color: var(--fms-text) !important;
    }
    #fms-content .fms-subcats .tabs__btn.active {
      background: var(--fms-orange) !important;
      border-color: var(--fms-orange) !important;
      color: #fff !important;
    }

    /* Search bar */
    #fms-content .fms-search-wrapper {
      max-width: 700px;
      margin: 0 auto 48px;
      position: relative;
      z-index: 100;
    }
    #fms-content .fms-search-label {
      display: block;
      font-size: 13px;
      color: var(--fms-muted);
      margin-bottom: 8px;
      text-align: center;
    }
    #fms-content .fms-search-box {
      position: relative;
    }
    #fms-content .fms-search-input {
      width: 100%;
      padding: 14px 20px 14px 48px;
      border-radius: 12px;
      border: 2px solid var(--fms-orange);
      background: #fff;
      color: var(--fms-text);
      font-size: 16px;
      font-family: inherit;
      outline: none;
      transition: all 0.2s;
    }
    #fms-content .fms-search-input::placeholder {
      color: var(--fms-muted);
    }
    #fms-content .fms-search-input:focus {
      box-shadow: 0 0 0 4px rgba(236,90,34,0.1);
    }
    #fms-content .fms-search-icon {
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--fms-orange);
      pointer-events: none;
    }

    /* Search results dropdown */
    #fms-content .fms-search-results {
      position: absolute;
      top: calc(100% + 8px);
      left: 0;
      right: 0;
      background: var(--fms-surface);
      border: 1px solid var(--fms-border);
      border-radius: 12px;
      max-height: 400px;
      overflow-y: auto;
      z-index: 9999;
      box-shadow: 0 20px 60px rgba(0,0,0,0.1);
      display: none;
    }
    #fms-content .fms-search-results.visible {
      display: block;
    }
    #fms-content .fms-search-result-item {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 16px;
      text-decoration: none;
      color: var(--fms-text);
      transition: background 0.15s;
      border-bottom: 1px solid var(--fms-border);
      overflow: hidden;
    }
    #fms-content .fms-search-result-item:last-child {
      border-bottom: none;
    }
    #fms-content .fms-search-result-item:hover {
      background: var(--fms-hover);
    }
    #fms-content .fms-search-result-item img {
      width: 32px;
      height: 32px;
      border-radius: 6px;
      object-fit: contain;
      flex-shrink: 0;
    }
    #fms-content .fms-result-info {
      overflow: hidden;
      min-width: 0;
      flex: 1;
    }
    #fms-content .fms-result-title {
      font-size: 14px;
      font-weight: 600;
      color: var(--fms-text);
      text-align: left;
    }
    #fms-content .fms-result-desc {
      font-size: 12px;
      color: var(--fms-muted);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: left;
    }

    /* Cards grid - Override old #cards and .card-container styles */
    #fms-content .fms-container {
      max-width: 1200px !important;
      margin: 0 auto !important;
      padding: 0 24px 80px !important;
      position: relative;
      z-index: 1;
    }
    #fms-content #cards {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 14px !important;
    }
    #fms-content #cards .card-container {
      display: flex !important;
      align-items: center !important;
      gap: 0 !important;
      padding: 0 !important;
      border-radius: 10px !important;
      border: 1px solid var(--fms-border) !important;
      background: var(--fms-surface) !important;
      transition: all 0.25s !important;
      cursor: pointer !important;
      text-decoration: none !important;
      color: inherit !important;
      box-shadow: none !important;
      min-width: 0 !important;
    }
    #fms-content #cards .card-container:hover {
      border-color: var(--fms-orange) !important;
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
    }
    #fms-content #cards .card-container.inactive {
      display: none !important;
    }
    #fms-content #cards .template__content {
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      padding: 14px 16px !important;
      width: 100% !important;
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      border-radius: 0 !important;
    }
    #fms-content #cards .template__content:hover {
      box-shadow: none !important;
    }
    #fms-content #cards .template__image {
      flex-shrink: 0 !important;
      display: flex !important;
    }
    #fms-content #cards .template__image--img {
      width: 36px !important;
      height: 36px !important;
      margin-right: 0 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }
    #fms-content #cards .template__image--img img {
      width: 36px !important;
      height: 36px !important;
      object-fit: contain !important;
    }
    #fms-content #cards .template__infos {
      min-width: 0 !important;
      overflow: hidden !important;
    }
    #fms-content #cards .template__label {
      font-size: 14px !important;
      font-weight: 600 !important;
      color: var(--fms-text) !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      margin-bottom: 2px !important;
    }
    #fms-content #cards .template__description {
      font-size: 11px !important;
      color: var(--fms-muted) !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      line-height: 1.3 !important;
    }

    /* Responsive */
    @media (max-width: 1024px) {
      #fms-content #cards {
        grid-template-columns: repeat(3, 1fr) !important;
      }
    }
    @media (max-width: 768px) {
      #fms-content .fms-hero {
        padding: 80px 0 40px !important;
      }
      #fms-content #cards {
        grid-template-columns: repeat(2, 1fr) !important;
      }
    }
    @media (max-width: 480px) {
      #fms-content #cards {
        grid-template-columns: 1fr !important;
      }
      #fms-content .fms-tabs-row {
        gap: 4px !important;
      }
      #fms-content .fms-tabs-row .tabs__btn {
        padding: 6px 14px !important;
        font-size: 12px !important;
      }
    }

    /* Pagination */
    #fms-content .fms-pagination {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 6px;
      margin-top: 2.5rem;
      flex-wrap: wrap;
    }
    #fms-content .fms-page-btn {
      min-width: 40px;
      height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      border: 1px solid var(--fms-border);
      background: var(--fms-surface);
      color: var(--fms-muted);
      font-size: 14px;
      font-weight: 600;
      font-family: inherit;
      cursor: pointer;
      transition: all 0.2s;
      padding: 0 12px;
    }
    #fms-content .fms-page-btn:hover {
      border-color: var(--fms-orange);
      color: var(--fms-text);
    }
    #fms-content .fms-page-btn.active {
      background: var(--fms-orange);
      border-color: var(--fms-orange);
      color: #fff;
    }
    #fms-content .fms-page-btn:disabled {
      opacity: 0.3;
      cursor: not-allowed;
    }
    #fms-content .fms-page-btn:disabled:hover {
      border-color: var(--fms-border);
      color: var(--fms-muted);
    }
    #fms-content #cards .card-container:nth-child(n+25) {
      display: none !important;
    }
    #fms-content .fms-page-ellipsis {
      color: var(--fms-muted);
      font-size: 14px;
      padding: 0 4px;
    }/* FAQ (domains-style) */
.geo-faq { padding: 80px 0; background: #FFFFFF; }
.geo-faq-wrap { max-width: 800px; margin: 0 auto; padding: 0 24px; }
.geo-faq-header { text-align: center; margin-bottom: 48px; }
.geo-faq-header h2 { font-size: clamp(28px, 3.5vw, 40px); font-weight: 800; color: #1E293B; letter-spacing: -1px; margin: 0 0 12px; }
.geo-faq-header p { font-size: 16px; color: #64748B; margin: 0; }
.geo-faq-list { list-style: none; padding: 0; margin: 0; }
.geo-faq-item { border: 1px solid #E2E8F0; border-radius: 10px; margin-bottom: 8px; overflow: hidden; background: #F8FAFC; transition: border-color 0.2s; }
.geo-faq-item:hover { border-color: rgba(236,90,34,0.3); }
.geo-faq-title { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; cursor: pointer; transition: background 0.2s; }
.geo-faq-title:hover { background: rgba(0,0,0,0.03); }
.geo-faq-title span { font-size: 15px; font-weight: 600; color: #1E293B; line-height: 1.4; }
.geo-faq-icon { width: 24px; height: 24px; flex-shrink: 0; color: #EC5A22; transition: transform 0.3s; }
.geo-faq-item.active .geo-faq-icon { transform: rotate(45deg); }
.geo-faq-body { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.geo-faq-body-inner { padding: 12px 24px 20px; }
.geo-faq-body p { font-size: 14px; color: #64748B; line-height: 1.7; margin: 0 0 12px; }
.geo-faq-body p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
  .geo-faq { padding: 60px 0; }
  .geo-faq-header h2 { font-size: 24px; }
  .geo-faq-title { padding: 14px 18px; }
  .geo-faq-body-inner { padding: 8px 18px 16px; }
}