.pswp {
  --pswp-bg: rgba(255, 255, 255, 0.92);
  --pswp-icon-color: #3a2f28;
  --pswp-icon-color-secondary: rgba(255, 255, 255, 0.85);
  --pswp-icon-stroke-color: rgba(255, 255, 255, 0.85);
  --pswp-placeholder-bg: rgba(255, 255, 255, 0.65);
  z-index: 10000;
}

.pswp-gallery-thumbnails {
  display: none;
}

@media (min-width: 768px) {
  .pswp-gallery-thumbnails {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: flex;
    gap: 0.65rem;
    justify-content: center;
    overflow-x: auto;
    padding: 0.75rem 1rem 1rem;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(10px);
  }

  .pswp-gallery-thumbnail {
    width: 4.75rem;
    height: 3.5rem;
    flex: 0 0 auto;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 0.35rem;
    padding: 0;
    background: rgba(255, 255, 255, 0.65);
    opacity: 0.72;
    transition: border-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
  }

  .pswp-gallery-thumbnail:hover,
  .pswp-gallery-thumbnail.is-active {
    border-color: #7f3a1c;
    opacity: 1;
    transform: translateY(-2px);
  }

  .pswp-gallery-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}