@charset "UTF-8";
/* 🔹 Container grid for 4 furniture items */
.furniture-items-page {
  display: grid;
  grid-template-areas:
    "img1 img2"
    "img3 img4";
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* 🔒 Force same-height boxes via parent */
.furniture-items-page a {
  display: block;
  width: 100%;
  height: min(40vw, 400px);
  overflow: hidden;
  position: relative;
}

.img-1 { grid-area: img1; }
.img-2 { grid-area: img2; }
.img-3 { grid-area: img3; }
.img-4 { grid-area: img4; }

.thumb-furniture {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

/* 🔹 Hide sidebar layer on mobile */
@media screen and (max-width: 768px) {
  .furniture-items-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 20px;
    width: 565px;
    margin-left: -240px;
  }

  .furniture-items-page img {
    display: block;
    margin: 0 auto; 
}

  .thumb-furniture {
    width: 100vw;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
  }

  .img-1,
  .img-2,
  .img-3,
  .img-4 {
    width: 100vw;
    height: auto !important;
  }
}