/* IMAGES LIGHTBOX */

    .thumb {
      width: 190px;
      margin: 2px;
      cursor: pointer;
      border-radius: 6px;
    }

    #lightbox {
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0, 0, 0, 0.8);
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.4s ease;
      z-index: 9999;
    }

    #lightbox.show {
      opacity: 1;
      visibility: visible;
    }

    #lightbox img {
      max-width: 90vw;
      max-height: 90vh;
      border-radius: 10px;
      box-shadow: 0 0 20px black;
      cursor: pointer;
    }


/* BOOK BUTTONS */    

    /* infobox backdrop */
    #infobox {
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0, 0, 0, 0.8);
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.4s ease;
      z-index: 1000;
    }

    /* Show infobox */
    #infobox.show {
      opacity: 1;
      visibility: visible;
    }

    /* Lightbox content */
    .infobox-content {
      background: white;
      padding: 20px;
      border-radius: 10px;
      max-width: 325px;
      width: 90%;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
      position: relative;
    }

    /* Close button */
    .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 18px;
      background: none;
      border: none;
      cursor: pointer;
      color: #888;
    }

    .close-btn:hover {
      color: #000;
    }