.examples {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: var(--rowgap);
   padding: 0 var(--hmargin);
   background: linear-gradient(#FFFFFF, #FBFBFB 56%, #FFFFFF);
   scroll-margin-top: var(--scrollmargin);
}

.examples-loadingMessage {
   margin: 0;
   padding: 0;
}

.examples-loadingMessage_hide {
   display: none;
}

.examples-gallery {
   display: grid;
   gap: 25px;
   font-size: 0;
   grid-template-columns: repeat(3, 1fr);
   /* margin: 0 var(--hmargin); */
   grid-template-rows: repeat(2, 1fr);
}

.examples-gallery > img {
   float: left;
   width: 100%;
   max-width: 370px;
   height: auto;
   aspect-ratio: 1 / 1;
   cursor: pointer;
}

.examples-orderButton {
   background: #a4b4be;
}

@media screen and (max-width: 1000px) {
   .examples-gallery {
      max-width: 650px;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, 1fr);
      gap: 15px;
   }
}

@media screen and (max-width: 600px) {
   .examples-gallery {
      gap: 5px;
   }
}