.shop-main {
    padding: 50px 15%;
}

@media (max-width: 992px) {

.shop-main {
    padding: 30px;
}}

.photo-grid {
  display: grid;
  gap: 15px;
}

.grid-2-col { 
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  width: 100%;
  max-width: none;
}

.photo-ca img {
  width: 100%;
  height:auto;
  object-fit: cover;
  border-radius: 20px;
}


@media (max-width: 992px) {
    .shop-sidebar, .shop-main {
        width: auto;
    }
}