.woodmaster-mosaic-gallery{
  --wmg-gap:22px;
  --wmg-radius:16px;
  width:100%;
  max-width:1240px;
  margin:56px auto 76px;
  padding:0 24px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--wmg-gap);
}
.woodmaster-mosaic-gallery[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}
.woodmaster-mosaic-gallery[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1380px}
.woodmaster-mosaic-gallery[data-columns="5"]{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1460px}
.woodmaster-mosaic-gallery__item,
.woodmaster-mosaic-gallery__item--1,
.woodmaster-mosaic-gallery__item--2,
.woodmaster-mosaic-gallery__item--3,
.woodmaster-mosaic-gallery__item--4,
.woodmaster-mosaic-gallery__item--5,
.woodmaster-mosaic-gallery__item--6,
.woodmaster-mosaic-gallery__item--7,
.woodmaster-mosaic-gallery__item--8,
.woodmaster-mosaic-gallery__item--9,
.woodmaster-mosaic-gallery__item--10{
  display:block;
  width:100%;
  margin:0;
  overflow:hidden;
  border-radius:var(--wmg-radius);
  background:#f5f2ec;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
  position:relative;
  aspect-ratio:4/3;
}
.woodmaster-mosaic-gallery__button{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  cursor:pointer;
  line-height:0;
}
.woodmaster-mosaic-gallery__image{
  display:block;
  width:100%;
  height:100% !important;
  max-width:100%;
  object-fit:cover;
  transition:transform .28s ease,filter .28s ease;
}
.woodmaster-mosaic-gallery__button:hover .woodmaster-mosaic-gallery__image,
.woodmaster-mosaic-gallery__button:focus-visible .woodmaster-mosaic-gallery__image{
  transform:scale(1.035);
  filter:brightness(.96);
}
.woodmaster-mosaic-gallery figcaption{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}
.woodmaster-mosaic-lightbox{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:none;
  align-items:center;
  justify-content:center;
  padding:84px 86px 52px;
  background:rgba(6,7,8,.96);
  box-sizing:border-box;
}
.woodmaster-mosaic-lightbox.is-open{display:flex}
.admin-bar .woodmaster-mosaic-lightbox{padding-top:116px}
.woodmaster-mosaic-lightbox__image{
  display:block;
  max-width:min(1200px,100%);
  max-height:calc(100vh - 148px);
  width:auto;
  height:auto;
  border-radius:12px;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
  object-fit:contain;
  background:#111;
}
.admin-bar .woodmaster-mosaic-lightbox__image{max-height:calc(100vh - 180px)}
.woodmaster-mosaic-lightbox__close,
.woodmaster-mosaic-lightbox__prev,
.woodmaster-mosaic-lightbox__next{
  position:fixed;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#111;
  cursor:pointer;
  z-index:2147483647;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:Arial,sans-serif;
}
.woodmaster-mosaic-lightbox__close{
  top:24px;
  right:24px;
  width:56px;
  height:56px;
  font-size:38px;
  line-height:1;
}
.admin-bar .woodmaster-mosaic-lightbox__close{top:56px}
.woodmaster-mosaic-lightbox__prev,
.woodmaster-mosaic-lightbox__next{
  top:50%;
  width:58px;
  height:58px;
  transform:translateY(-50%);
  font-size:38px;
  line-height:1;
}
.woodmaster-mosaic-lightbox__prev{left:24px}
.woodmaster-mosaic-lightbox__next{right:24px}
.woodmaster-mosaic-lightbox__close:hover,
.woodmaster-mosaic-lightbox__prev:hover,
.woodmaster-mosaic-lightbox__next:hover,
.woodmaster-mosaic-lightbox__close:focus-visible,
.woodmaster-mosaic-lightbox__prev:focus-visible,
.woodmaster-mosaic-lightbox__next:focus-visible{
  background:#f2f2f2;
  outline:3px solid rgba(255,255,255,.35);
  outline-offset:3px;
}
@media (max-width:1024px){
  .woodmaster-mosaic-gallery{grid-template-columns:repeat(2,minmax(0,1fr));--wmg-gap:18px;margin-top:42px;padding:0 20px}
  .woodmaster-mosaic-gallery[data-columns="4"],
  .woodmaster-mosaic-gallery[data-columns="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .woodmaster-mosaic-gallery,
  .woodmaster-mosaic-gallery[data-columns="2"],
  .woodmaster-mosaic-gallery[data-columns="4"],
  .woodmaster-mosaic-gallery[data-columns="5"]{
    grid-template-columns:1fr;
    --wmg-gap:16px;
    margin:30px auto 54px;
    padding:0 16px;
  }
  .woodmaster-mosaic-gallery__item,
  .woodmaster-mosaic-gallery__item--1,
  .woodmaster-mosaic-gallery__item--2,
  .woodmaster-mosaic-gallery__item--3,
  .woodmaster-mosaic-gallery__item--4,
  .woodmaster-mosaic-gallery__item--5,
  .woodmaster-mosaic-gallery__item--6,
  .woodmaster-mosaic-gallery__item--7,
  .woodmaster-mosaic-gallery__item--8,
  .woodmaster-mosaic-gallery__item--9,
  .woodmaster-mosaic-gallery__item--10{border-radius:14px;aspect-ratio:4/3}
  .woodmaster-mosaic-lightbox{
    position:fixed !important;
    inset:0 !important;
    width:100vw;
    min-height:100vh;
    min-height:100dvh;
    padding:18px 14px 104px;
    background:#050505;
    align-items:center;
    justify-content:center;
  }
  .admin-bar .woodmaster-mosaic-lightbox{padding-top:18px}
  .woodmaster-mosaic-lightbox__image{
    max-width:100%;
    max-height:calc(100vh - 126px);
    max-height:calc(100dvh - 126px);
    border-radius:8px;
    box-shadow:none;
  }
  .admin-bar .woodmaster-mosaic-lightbox__image{max-height:calc(100dvh - 126px)}
  .woodmaster-mosaic-lightbox__close,
  .woodmaster-mosaic-lightbox__prev,
  .woodmaster-mosaic-lightbox__next{
    top:auto !important;
    bottom:22px;
    width:58px;
    height:58px;
    transform:none;
    font-size:34px;
    background:#fff;
    color:#111;
    opacity:1;
  }
  .woodmaster-mosaic-lightbox__prev{left:calc(50% - 96px)}
  .woodmaster-mosaic-lightbox__close{left:50%;right:auto;transform:translateX(-50%);font-size:38px}
  .woodmaster-mosaic-lightbox__next{right:calc(50% - 96px)}
}
@media (max-width:420px){
  .woodmaster-mosaic-gallery{padding:0 14px;--wmg-gap:14px}
}