/** Shopify CDN: Minification failed

Line 131:11 Unexpected "{"
Line 131:20 Expected ":"
Line 132:10 Expected identifier but found whitespace
Line 132:12 Expected identifier but found "%"
Line 132:51 Unexpected "4px"
Line 132:55 Expected identifier but found "%"
Line 132:64 Unexpected "8px"
Line 132:68 Expected identifier but found "%"
Line 132:79 Expected identifier but found "0"
Line 135:11 Unexpected "{"
... and 23 more hidden warnings

**/


/* CSS from section stylesheet tags */
.dual-image-banner {
  max-width: 1200px;
  margin: var(--dib-margin-top, 0px) var(--dib-margin-right, 0px) var(--dib-margin-bottom, 0px) var(--dib-margin-left, 0px);
  padding: var(--dib-padding-top, 0px) var(--dib-padding-right, 0px) var(--dib-padding-bottom, 0px) var(--dib-padding-left, 0px);
  display: flex;
  flex-wrap: wrap;
  gap: 16px; /* safe default; can expose as a control later */
}

.dual-image-banner__item {
  box-sizing: border-box;
  flex: 1 1 calc(50% - 8px);
  max-width: calc(50% - 8px);
}

.dual-image-banner__link {
  display: block;
  width: 100%;
}

.dual-image-banner__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--dib-radius, 20px);
}

/* Stack on mobile */
@media screen and (max-width: 749px) {
  .dual-image-banner {
    margin: var(--dib-margin-top-m, var(--dib-margin-top, 0px))
            var(--dib-margin-right-m, var(--dib-margin-right, 0px))
            var(--dib-margin-bottom-m, var(--dib-margin-bottom, 0px))
            var(--dib-margin-left-m, var(--dib-margin-left, 0px));
    padding: var(--dib-padding-top-m, var(--dib-padding-top, 0px))
             var(--dib-padding-right-m, var(--dib-padding-right, 0px))
             var(--dib-padding-bottom-m, var(--dib-padding-bottom, 0px))
             var(--dib-padding-left-m, var(--dib-padding-left, 0px));
  }

  .dual-image-banner__item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.dual-media-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: var(--dmb-margin-top, 0px) var(--dmb-margin-right, 0px) var(--dmb-margin-bottom, 0px) var(--dmb-margin-left, 0px);
  padding: var(--dmb-padding-top, 0px) var(--dmb-padding-right, 0px) var(--dmb-padding-bottom, 0px) var(--dmb-padding-left, 0px);
}
.dual-media-banner__item {
  box-sizing: border-box;
  flex: 1 1 calc(50% - 8px);
  max-width: calc(50% - 8px);
}
.dual-media-banner__link { display: block; width: 100%; }
.dual-media-banner__img,
.dual-media-banner__media {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--dmb-radius, 20px);
  overflow: hidden;
}
.dual-media-banner__iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: var(--dmb-radius, 20px);
  overflow: hidden;
}
.dual-media-banner__iframe-wrap iframe {
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}
@media screen and (max-width: 749px) {
  .dual-media-banner {
    margin: var(--dmb-margin-top-m, var(--dmb-margin-top, 0px))
            var(--dmb-margin-right-m, var(--dmb-margin-right, 0px))
            var(--dmb-margin-bottom-m, var(--dmb-margin-bottom, 0px))
            var(--dmb-margin-left-m, var(--dmb-margin-left, 0px));
    padding: var(--dmb-padding-top-m, var(--dmb-padding-top, 0px))
             var(--dmb-padding-right-m, var(--dmb-padding-right, 0px))
             var(--dmb-padding-bottom-m, var(--dmb-padding-bottom, 0px))
             var(--dmb-padding-left-m, var(--dmb-padding-left, 0px));
  }
  .dual-media-banner__item { flex: 1 1 100%; max-width: 100%; }
}
.custom-banner {
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  border-radius: var(--banner-radius, 20px);

  /* Desktop/default paddings & margins (overridden by CSS vars below) */
  padding-top: var(--banner-padding-top, 0px);
  padding-bottom: var(--banner-padding-bottom, 0px);
  padding-left: var(--banner-padding-left, 0px);
  padding-right: var(--banner-padding-right, 0px);
  margin-top: var(--banner-margin-top, 0px);
  margin-bottom: var(--banner-margin-bottom, 0px);
  margin-left: var(--banner-margin-left, 0px);
  margin-right: var(--banner-margin-right, 0px);
}
.custom-banner img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: inherit;
}
/* ===== Scoped to this instance only ===== */
#TopLinks-{{ section.id }}.top-links-bar {
  padding: {% if section.settings.compact_height %}4px{% else %}8px{% endif %} 0;
}

#TopLinks-{{ section.id }} .top-links-list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  width: 100%;
  justify-content: var(--tl-justify-desktop) !important;
}

/* Mobile alignment override */
@media screen and (max-width: 749px) {
  #TopLinks-{{ section.id }} .top-links-list {
    justify-content: var(--tl-justify-mobile) !important;
  }
}

/* Link styles */
#TopLinks-{{ section.id }} .top-links-list a.link {
  color: rgb(var(--color-foreground));
  text-decoration: none;
  line-height: 1.2;
  padding: 2px 0;
}

#TopLinks-{{ section.id }} .top-links-list a.link:hover,
#TopLinks-{{ section.id }} .top-links-list a.link:focus {
  text-decoration: underline;
}

/* Dividers */
#TopLinks-{{ section.id }} .top-links-divider {
  opacity: 0.6;
  margin: 0 6px;
  color: rgb(var(--color-foreground));
  pointer-events: none;
  user-select: none;
}

/* Visibility controls */
#TopLinks-{{ section.id }} .only-desktop,
#TopLinks-{{ section.id }} .only-mobile,
#TopLinks-{{ section.id }} .vis-both {
  display: inline-flex;
}

/* Mobile visibility */
@media screen and (max-width: 749px) {
  #TopLinks-{{ section.id }} .only-desktop { display: none !important; }
}

/* Desktop visibility */
@media screen and (min-width: 750px) {
  #TopLinks-{{ section.id }} .only-mobile { display: none !important; }
}

/* Remove trailing divider */
#TopLinks-{{ section.id }} .top-links-list > li.top-links-divider:last-child {
  display: none;
}