/** Shopify CDN: Minification failed

Line 57:0 Expected "}" to go with "{"

**/
.slideshow--root{padding:0}
/* Step 1: make the slide a positioning container */
.section-slideshow .slideshow__slide {
  position: relative !important;
  padding: 0 !important; /* remove extra spacing */
}

/* Step 2: force the button to bottom-right */
[data-item="inverted-secondary-button"] {
  position: absolute !important;
  bottom: -150px !important;  /* distance from bottom */
  right: -220px !important;   /* distance from right */
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  transform: none !important;
  vertical-align: unset !important;
  z-index: 1000 !important; /* make sure it sits above everything */
}
/* Mobile screens only */
@media screen and (max-width: 500px) {
  /* Target the slide container */
  .section-slideshow .slideshow__slide,
  .section-slideshow .slideshow--root {
    height: auto !important;        /* let content dictate height */
    max-height: 50vh !important;   /* optional limit */
    min-height: 200px !important;  /* optional floor */
  }

  /* Make video scale to container */
  .section-slideshow video {
    width: 100% !important;
    height: auto !important;       /* let height scale with width */
    max-height: 50vh !important;   /* same limit as container */
    object-fit: cover;             /* fills container nicely */
  }

  /* Ensure text wraps inside container */
  .section-slideshow .slideshow__text-wrap,
  .section-slideshow .slideshow__content {
    height: auto !important;
    padding: 10px !important;      /* optional: keep text readable */
  }
}
/* Apply only for screens 768px wide or smaller */
@media screen and (max-width: 768px) {
  [data-item="inverted-secondary-button"] {
    bottom: -77px !important;  /* move up from bottom for mobile spacing */
    right: -110px !important;   /* move left from edge */
    font-size: 14px !important; /* optional: smaller button text */
  }