@charset "utf-8";

@media (max-width: 767px) {
  .xs-hide { display: none !important; }
}

@media (min-width: 768px) {
  .xs-show { display: none !important; }
}

.add-to-cart-button-wrapper { display: block; width: 100%; background: rgb(255, 0, 11); color: rgb(255, 255, 255); padding: 7px; border-radius: 3px; font-size: 17px; font-weight: 600; text-transform: uppercase; margin-top: 10px; cursor: pointer; }

.add-to-cart-button-wrapper:hover { color: rgb(255, 255, 255) !important; }

@media (max-width: 767px) {
  .add-to-cart-button-wrapper { font-size: 15px; color: rgb(255, 255, 255); }
}

@media (min-width: 1025px) {
  .add-to-cart-button-wrapper { position: absolute; transform: translate(-50%, -50%); left: 50%; bottom: 0px; width: 70%; margin: 0px auto; opacity: 0; transition: opacity 0.25s, transform 0.25s ease-out; }
}

@media (max-width: 767px) {
  .add-to-cart-button-wrapper { position: absolute; transform: translate(-50%, -50%); left: 50%; bottom: -7%; width: 75%; margin: 0px auto; transition: opacity 0.25s, transform 0.25s ease-out; padding: 2px; font-size: 12px; }
}

.sold-out-button-wrapper { display: block; width: 100%; background: rgb(255, 0, 11); color: rgb(255, 255, 255); padding: 7px; border-radius: 3px; font-size: 17px; font-weight: 600; text-transform: uppercase; margin-top: 10px; opacity: 0.5; cursor: not-allowed; }

@media (max-width: 767px) {
  .sold-out-button-wrapper { font-size: 15px; color: rgb(255, 255, 255); }
}

@media (min-width: 1025px) {
  .sold-out-button-wrapper { position: absolute; opacity: 0; transform: translate(-50%, -50%); left: 50%; bottom: 0px; width: 70%; margin: 0px auto; transition: opacity 0.25s, transform 0.25s ease-out; }
}

@media (max-width: 767px) {
  .sold-out-button-wrapper { position: absolute; transform: translate(-50%, -50%); left: 50%; bottom: -7%; width: 75%; margin: 0px auto; transition: opacity 0.25s, transform 0.25s ease-out; padding: 2px; font-size: 12px; }
}

.image__container .plp-product-image-wrapper { position: relative; }

@media (min-width: 1025px) {
  .plp-product-image-wrapper:hover .add-to-cart-button-wrapper { opacity: 1; color: rgb(255, 255, 255); }
  .plp-product-image-wrapper:hover .sold-out-button-wrapper { opacity: 0.5; color: rgb(255, 255, 255); }
}