body { font-family: 'Inter', sans-serif; }
    html { scroll-behavior: smooth; }

    /* Fade-in animations */
    .fade-in { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
    .fade-in.visible { opacity: 1; transform: translateY(0); }

    /* Card interactions */
    .project-card { transition: transform 0.4s ease, box-shadow 0.4s ease; }
    .project-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08); }
    
    /* Image placeholders */
    .img-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #9ca3af; text-align: center; padding: 20px; }
 
 .jedi-panel {
      background: rgba(255, 255, 255, 0.88);
      backdrop-filter: blur(20px);
      box-shadow: 0 18px 48px -36px rgba(15, 23, 42, 0.2);
    }

    .jedi-control {
      transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
    }

    .jedi-control:focus {
      outline: none;
      border-color: rgba(191, 219, 254, 1);
      box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.08);
      background-color: #ffffff;
    }

    .jedi-card {
      background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
      border: 1px solid rgba(229, 231, 235, 0.92);
      box-shadow: 0 18px 54px -38px rgba(15, 23, 42, 0.24);
      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    }

    .jedi-card:hover {
      transform: translateY(-4px);
      border-color: rgba(209, 213, 219, 0.95);
      box-shadow: 0 28px 84px -40px rgba(15, 23, 42, 0.28);
    }

    .jedi-case-card {
      background: linear-gradient(180deg, #ffffff 0%, #f8f8fa 100%);
      border: 1px solid rgba(229, 231, 235, 0.9);
      transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
    }

    .jedi-case-card:hover {
      transform: translateY(-2px);
      border-color: rgba(209, 213, 219, 0.95);
      box-shadow: 0 18px 42px -30px rgba(15, 23, 42, 0.22);
    }

    #pattern-list {
      min-width: 0;
    }

    #pattern-list > * {
      min-width: 0;
    }

    .jedi-card,
    .jedi-case-card {
      min-width: 0;
      overflow: hidden;
    }

    .jedi-card h3,
    .jedi-card p,
    .jedi-case-card h4,
    .jedi-case-card p {
      overflow-wrap: anywhere;
    }

    .jedi-alpha {
      transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    }

    .jedi-alpha:hover:not(:disabled) {
      transform: translateY(-1px);
    }

    .jedi-reset {
      transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    }

    .jedi-reset:hover:not(:disabled) {
      background-color: rgba(243, 244, 246, 0.9);
      color: #111113;
    }

    .jedi-reset:disabled {
      cursor: default;
      opacity: 0.45;
    }

    .jedi-filter-dropdown[data-open="true"] .jedi-dropdown-chevron {
      color: #6b7280;
      transform: translateY(-50%) rotate(180deg);
    }

    .jedi-dropdown-trigger {
      width: 100%;
      border: 1px solid rgba(255, 255, 255, 0.84);
      border-radius: 22px;
      background: rgba(248, 248, 250, 0.92);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 10px 28px -26px rgba(15, 23, 42, 0.22);
      color: #4b5563;
      transition: border-color 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease, color 0.24s ease;
    }

    .jedi-dropdown-trigger:hover {
      border-color: rgba(229, 231, 235, 0.92);
      background: rgba(255, 255, 255, 0.96);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 14px 34px -28px rgba(15, 23, 42, 0.18);
      color: #374151;
    }

    .jedi-dropdown-trigger:focus {
      outline: none;
      border-color: rgba(209, 213, 219, 0.96);
      background: #ffffff;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0 0 3px rgba(15, 23, 42, 0.04), 0 16px 40px -30px rgba(15, 23, 42, 0.18);
      color: #111113;
    }

    .jedi-dropdown-label {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-right: 1rem;
    }

    .jedi-dropdown-chevron {
      transition: color 0.22s ease, transform 0.22s ease;
    }

    .jedi-dropdown-panel {
      border: 1px solid rgba(255, 255, 255, 0.9);
      background: rgba(255, 255, 255, 0.98);
      backdrop-filter: blur(24px);
      box-shadow: 0 24px 64px -40px rgba(15, 23, 42, 0.26), 0 10px 24px -20px rgba(15, 23, 42, 0.12);
    }

    .jedi-dropdown-option {
      width: 100%;
      border-radius: 16px;
      padding: 0.8rem 0.9rem;
      text-align: left;
      font-size: 15px;
      color: #4b5563;
      transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
    }

    .jedi-dropdown-option:hover {
      background: rgba(244, 244, 245, 0.92);
      color: #111113;
      transform: translateY(-1px);
    }

    .jedi-dropdown-option[data-active="true"] {
      background: rgba(242, 242, 247, 0.96);
      color: #111113;
    }

    .jedi-search-control {
      border: 1px solid rgba(255, 255, 255, 0.84);
      background: rgba(248, 248, 250, 0.92);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 10px 28px -26px rgba(15, 23, 42, 0.22);
      transition: border-color 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease, color 0.24s ease;
    }

    .jedi-search-control:hover,
    .jedi-search-control:focus-within {
      border-color: rgba(229, 231, 235, 0.92);
      background: rgba(255, 255, 255, 0.96);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 14px 34px -28px rgba(15, 23, 42, 0.18);
    }

    .jedi-search-control:focus-within {
      border-color: rgba(209, 213, 219, 0.96);
      background: #ffffff;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0 0 3px rgba(15, 23, 42, 0.04), 0 16px 40px -30px rgba(15, 23, 42, 0.18);
    }

    .jedi-search-control svg {
      transition: color 0.22s ease;
    }

    .jedi-search-control:hover svg,
    .jedi-search-control:focus-within svg {
      color: #6b7280;
    }

    #filters {
      position: relative;
      z-index: 30;
      isolation: isolate;
      overflow: visible;
    }

    #filters .jedi-filter-dropdown {
      position: relative;
      z-index: 1;
    }

    #filters .jedi-filter-dropdown[data-open="true"] {
      z-index: 80;
    }

    #filters .jedi-dropdown-panel {
      z-index: 81;
    }

    #filters .grid {
      overflow: visible;
    }

    #search,
    #filters,
    #patterns {
      position: relative;
      scroll-margin-top: 120px;
    }

    #patterns {
      z-index: 10;
    }
	
/* Контейнер-строка */
.social-row-isolated {
    display: flex;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 10px !important;
    width: auto !important;
}

/* Сама иконка-ссылка */
.jedi-social-icon {
    display: inline-flex !important;
    text-decoration: none !important;
    /* Устанавливаем базовый цвет (например, серый) */
    color: #888888 !important; 
    transition: all 0.2s ease-in-out !important;
}

/* Эффект при наведении */
.jedi-social-icon:hover {
    /* Цвет при наведении (черный или акцентный) */
    color: #000000 !important; 
    transform: translateY(-2px) !important;
}

/* Чтобы SVG слушался цвета ссылки */
.jedi-social-icon svg {
    stroke: currentColor !important;
}
img {
  user-select: none;
  pointer-events: none;
}