.ffg-wrap { margin: 1rem 0; color: #000; }
.ffg-breadcrumbs { margin-bottom: 1rem; font-size: 1.95rem; overflow-wrap: anywhere; line-height: 1.2; }
.ffg-breadcrumbs a { text-decoration: none; color: #000; }
.ffg-breadcrumbs a:hover { text-decoration: underline; }
.ffg-sep { margin: 0 .4rem; }

.ffg-grid { display: grid; gap: .75rem; grid-template-columns: repeat(var(--ffg-cols, 4), minmax(0, 1fr)); }
@media (max-width: 900px) { .ffg-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .ffg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.ffg-item { display: block; text-decoration: none; border: 0; border-radius: 14px; overflow: hidden; color: #000; background: transparent; }

.ffg-folder-item:hover { text-decoration: underline; }

.ffg-image-item img { width: 100%; height: 240px; object-fit: cover; display: block; background: transparent; border-radius: 14px !important; }
@media (max-width: 600px) { .ffg-image-item img { height: 180px; } }

.ffg-folder-item {
  padding: 2rem 1.4rem !important;
  min-height: 240px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1rem !important;
}

.ffg-folder-tile-icon { font-size: 4rem !important; line-height: 1; filter: hue-rotate(550deg) saturate(0);}
.ffg-folder-tile-name { font-size: 2.05rem !important; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ffg-empty, .ffg-error { padding: .9rem 1rem; border-radius: 12px; border: 1px solid #000; background: transparent; color: #000; }

/* Lightbox */
.ffg-lightbox { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(0,0,0,.85); z-index: 999999; }
.ffg-lightbox.is-open { display: flex; }
.ffg-lightbox-inner { position: relative; max-width: min(1100px, 100%); max-height: min(85vh, 100%); }
.ffg-lightbox-img { max-width: 100%; max-height: 85vh; display: block; border-radius: 14px !important; background: #000; }
.ffg-lightbox-close { position: absolute; top: -12px; right: -12px; width: 40px; height: 40px; border-radius: 999px; border: 1px solid #000; background: #fff; color: #000; cursor: pointer; font-size: 18px; }