/** Shopify CDN: Minification failed

Line 80:0 Unexpected "}"

**/
/* BUTTON STYLE ON THE HERO SECTION */

.button--AbG9qYjNjcW9DbXNla__button_aBVQMA {
  background-color: #FFDD85 !important; 
  color: #000000 !important;           
  border: 3px solid #000000 !important; 
  border-radius: 100px !important;     
  font-family: "Impact", "Arial Black", sans-serif !important; 
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.1s ease-in-out !important;
  box-sizing: border-box !important;

  /* Responsive Text & Padding */
  font-size: clamp(14px, 2vw, 22px) !important; /* Shrinks automatically between 14px and 22px */
  letter-spacing: 0.15em !important;
  padding: 12px 5% !important; /* Uses percentage for horizontal padding */
  min-width: 160px !important; 
  max-width: 90vw !important; /* Never wider than 90% of the screen */
  
  /* The Pop */
  box-shadow: 6px 6px 0px 0px #FF8000 !important; 
}

/* tablet and small desktop adjustment */
@media screen and (max-width: 1100px) {
  .button--AbG9qYjNjcW9DbXNla__button_aBVQMA {
    box-shadow: 4px 4px 0px 0px #FF8000 !important;
    margin: 10px 0 !important; /* Adds space so it doesn't touch text above/below */
  }
}
/* mobile - Button Left Aligned and Cat-Safe */
@media screen and (max-width: 749px) {
  .button--AbG9qYjNjcW9DbXNla__button_aBVQMA {
    /* Reset centering */
    position: relative !important;
    left: 0 !important;
    transform: none !important;
    margin-left: 0 !important;
    
    /* Button text */
    font-size: 15px !important;
    padding: 10px 24px !important;
    letter-spacing: 2px !important;
    box-shadow: 4px 4px 0px 0px #FF8000 !important;

    /* Spacing to clear the cats */
    /* This pushes it down while keeping it on the left */
    margin-top: 180px !important; 
    margin-bottom: 20px !important;
    
    /* Ensure it behaves like a block to sit on its own line */
    display: inline-flex !important;
    width: fit-content !important;
  }

  /* Force the container to align its content to the left */
  .banner__content, .hero__content {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-left: 20px !important; /* Matches the text margin on the left */
  }
}
  
  /* This ensures the Hero container grows to fit the button we just pushed down */
  .hero, .banner {
    height: auto !important;
    padding-bottom: 30px !important;
  }
}

/* button hover effect */

.button--AbG9qYjNjcW9DbXNla__button_aBVQMA:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0px 0px #FF8000 !important;
}

/* BUTTON STYLE ON THE HERO SECTION END */


/* HIDE LEFT AND RIGHT ARROWS ON THE ANNOUNCEMENT BAR CARASOUL */


/* Hide announcement bar arrows */
.slideshow-control--previous,
.slideshow-control--next {
  display: none !important;
}

/* HIDE LEFT AND RIGHT ARROWS ON THE ANNOUNCEMENT BAR CARASOUL END */


.hero { 
  margin-left: calc(-50vw + 50%); 
  margin-right: calc(-50vw + 50%); 
  max-width: 100vw; 
}
