.swnaturedog-product-variants {
  display: flex;
  margin: 0px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  translate: -50%;
  gap: 5px;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

.swnaturedog-product-variants .swnaturedog-variant {
  max-width: 56px;
  max-height: 75px;
  width: auto;
  height: auto;
  cursor: pointer;
}
.swnaturedog-product-variants .swnaturedog-variant {
  border-top: 2px solid var(--primary-color);
}

.swnaturedog-product-variants .swnaturedog-variant-link {
  width: 100%;
  text-align: center;
  background-color: rgb(255, 255, 255, 0.3);
}
.swnaturedog-product-variants
  .swnaturedog-variant-link
  .swnaturdog-variant-placeholder {
  display: flex;
  justify-content: center;
}

.swnaturdog-search-placeholder {
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 50%;
  translate: -50%;
  font-size: 2rem;
  color: var(--primary-color);
}

.fa-bordered {
  text-shadow: 0 0 3px #ffffff;
}

/*.swnaturedog-product-loader {
  display: flex;
  margin: 0px;
  position: relative;
  top: -80px;
  left: 5px;
  gap: 5px;
  justify-content: center;
  flex-wrap: wrap;
}

.swnaturedog-product-loader div {
  width: 75px;
  height: 75px;
  animation: flipping-owie1yhg 1.25s calc(var(--delay) * 1s) infinite ease;
  background-color: rgb(42,42,421,0.4);
  border-top: 2px solid var(--primary-color);
}

.swnaturedog-product-loader div:nth-of-type(1) {
  --delay: 0.25;
}

.swnaturedog-product-loader div:nth-of-type(2) {
  --delay: 0.5;
}

.swnaturedog-product-loader div:nth-of-type(3) {
  --delay: 0.75;
}

.swnaturedog-product-loader div:nth-of-type(4) {
  --delay: 1;
}


@keyframes flipping-owie1yhg {
  0% {
     transform: perspective(70.4px) rotateY(-180deg);
  }

  50% {
     transform: perspective(70.4px) rotateY(0deg);
  }
}*/

.swnaturedog-product-loader {
  display: flex;
  margin: 0px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  translate: -50%;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: radial-gradient(farthest-side, var(--primary-color) 94%, #0000) top/9px 9px
      no-repeat,
    conic-gradient(#0000 30%, var(--primary-color));
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 0);
  animation: spinner-c7wet2 1s infinite linear;
}

@keyframes spinner-c7wet2 {
  100% {
    transform: rotate(1turn);
  }
}


@media (min-width: 768px) {
  .product-top:not(:hover) .swnaturedog-product-variants,
  .product-top:hover .swnaturdog-search-placeholder {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .swnaturedog-product-variants {
    gap: 2px;
  }
  .swnaturedog-product-variants .swnaturedog-variant {
    max-width: calc((100% / 4) - 1.5px);
  }
  .swnaturedog-product-variants .swnaturedog-variant img{
    height: auto;
  }
}