/** Shopify CDN: Minification failed

Line 111:0 Expected percentage but found "."
Line 121:1 Expected "}" to go with "{"

**/
/* =========================================
   LEGENDARY LOOTWEAR – CUSTOM GLOBAL STYLES
   Optimized, mobile-first & performance friendly
========================================= */

/* ------------------------------
   Add to Cart Button Font Size
------------------------------ */
.product-form__submit {
  font-size: 20px;
}

/* ------------------------------
   Banner Layout + Button Wrapper
------------------------------ */
.custom-banner-wrapper {
  position: relative;
}

/* Default: Desktop */
.banner-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  opacity: 0;
  animation: fadeInButton 1.2s ease-out forwards;
  animation-delay: 0.6s; /* 👈 Delayed fade-in */
  bottom: 30px;
}

/* Mobile-specific positioning */
@media screen and (max-width: 749px) {
  .banner-button {
    bottom: 20px;
  }
}

/* ------------------------------
   SHOP NOW Button Styling (Mobile First)
------------------------------ */
.shop-now-button {
  background-color: #000000;
  color: #ffffff;
  padding: 14px 28px;
  font-size: 18px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}

/* Desktop boost (50% bigger) */
@media screen and (min-width: 750px) {
  .shop-now-button {
    font-size: 27px;
    padding: 21px 42px;
    border-radius: 9px;
  }
}

/* ------------------------------
   Banner Visibility (Responsive)
------------------------------ */
.banner-desktop {
  display: block;
}
.banner-mobile {
  display: none;
}

@media screen and (max-width: 749px) {
  .banner-desktop {
    display: none;
  }
  .banner-mobile {
    display: block;
  }
}

/* ------------------------------
   SALE Badge Visibility
------------------------------ */
.badge--bottom-left {
  display: none !important;
}

/* ------------------------------
   Button Fade-In Animation (with slide-up)
------------------------------ */
@keyframes fadeInButton {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(40px); /* 👈 Slide up effect */
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }

  /* ------------------------------
   Size Picker Changes
------------------------------ */
  /* Make variant picker buttons narrower */
.product-form__input input[type="radio"] + label {
  min-width: 40px; /* adjust width */
  padding: 10px 0px; /* adjust inner spacing */
  font-size: 18px; /* keep text readable */
}

/* Keep all variant buttons on one line */
.product-form__input {
  flex-wrap: nowrap !important;
  gap: 6px; /* reduce space between buttons */
}