@charset "UTF-8";
/* CSS Document */
 
    /* Galerie Thumbs */
    .gallery-main img { cursor: zoom-in; }
    .gallery-thumbs { gap: 12px; }

    .gallery-thumb{
      width:80px; height:80px; object-fit:cover;
      border-radius:12px; opacity:.7; cursor:pointer;
      border:2px solid transparent;
    }
    .gallery-thumb.active{ opacity:1; border-color:#4caf50; }

    @media (max-width: 768px) {
      .gallery-thumb{ width:90px; height:90px; }
    }

    /* Overlay Lightbox */
    .gallery-overlay{
      position:fixed; inset:0;
      background:rgba(0,0,0,.92);
      z-index:9999;
      display:flex; align-items:center; justify-content:center;
      padding:16px;
    }
    .gallery-overlay img{
      max-width:100%;
      max-height:100%;
      border-radius:16px;
      user-select:none;
    }
    .gallery-counter{
      position:absolute; top:14px; right:18px;
      color:#fff; font-size:14px; opacity:.85;
    }
    .gallery-close{
      position:absolute; top:10px; left:14px;
      color:#fff; font-size:34px; cursor:pointer; opacity:.8;
      line-height:1;
      user-select:none;
    }
    .gallery-close:hover{ opacity:1; }

    .gallery-arrow{
      position:absolute; top:50%;
      transform:translateY(-50%);
      color:#fff; font-size:44px; cursor:pointer;
      padding:12px 14px;
      user-select:none;
      opacity:.75;
    }
    .gallery-arrow:hover{ opacity:1; }
    .gallery-arrow.left{ left:8px; }
    .gallery-arrow.right{ right:8px; }

    @media (hover:none) {
      .gallery-arrow{ font-size:36px; }
    }