/* Кастомный скроллбар в стиле macOS темная тема */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
  }
  
  .custom-scrollbar::-webkit-scrollbar {
    height: 8px;
  }
  
  .custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
  }
  
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: content-box;
  }
  
  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
    background-clip: content-box;
  }
  
  .custom-scrollbar::-webkit-scrollbar-thumb:active {
    background: rgba(255, 255, 255, 0.4);
    background-clip: content-box;
  }
  
  .custom-scrollbar::-webkit-scrollbar-corner {
    background: transparent;
  }

  .bg-dark { background-color: #1B1B25; }
  .bg-dark-card { background-color: #252538; }
  .text-gold { color: #fdce01; }
  .border-gold { border-color: #fdce01; }
  .bg-gold { background-color: #fdce01; }
  .hover\:bg-gold:hover { background-color: #fdce01; }
  
  /* Стили для фотосетки */
  .photo-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 200px);
    gap: 4px;
    width: 1200px;
    flex-shrink: 0;
  }
  
  .photo-grid .photo-item {
    overflow: hidden;
    border-radius: 0;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .photo-grid .photo-item:hover {
    border-color: #fdce01;
    transform: scale(1.02);
  }
  
  .photo-grid .photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    overflow: hidden;
  }
  
  .photo-grid .photo-item:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }
  
  .photo-grid .photo-item:nth-child(2) {
    grid-column: 3;
    grid-row: 1 / 3;
  }
  
  .photo-grid .photo-item:nth-child(3) {
    grid-column: 4 / 6;
    grid-row: 1;
  }
  
  .photo-grid .photo-item:nth-child(4) {
    grid-column: 4;
    grid-row: 2;
  }
  
  .photo-grid .photo-item:nth-child(5) {
    grid-column: 5;
    grid-row: 2;
  }
  
  .photo-grid .photo-item:nth-child(6) {
    grid-column: 6;
    grid-row: 1 / 3;
  }