.align-left {
  background-position-x: null;
  text-align: left
}
.max-w-6 {
  max-width: 225px
}

.product-card{
  transition: all 0.8s ease;
  cursor: pointer;
  min-height: 19em;
}

.product-card:hover{
opacity: 0.8 !important;
}

.qs-pic{
  max-width: 100%;
  margin: 4px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

#gallery:first-child{
  max-width: none;
}

/* external css: flickity.css */

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
  background: #EEE;
}

.carousel-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}

#qs-description > p{
  margin-bottom: 12px;
}

.load-wraper{
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  background-color: rgb(211,211,211);
  z-index: 0;
  overflow: hidden;
  border-radius: 5px;
}
.activity{
  position: absolute;
  left: -45%;
  height: 100%;
  width: 45%;
  background-image: linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
  background-image: -moz-linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
  background-image: -webkit-linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
  animation: loading 1s infinite;
  z-index: 45;
}

@keyframes loading {
  0%{
    left: -45%;
  }
  100%{
    left: 100%;
  }
}

.fake-product{
  height: 100%;
  width: 100%;
}

.fake-container{
  height: 19em;
  width: 100%;
}

.noselect {
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

