/** Shopify CDN: Minification failed

Line 24:6 Unexpected "{"
Line 24:15 Expected ":"
Line 24:22 Unexpected "{"
Line 26:6 Unexpected "{"
Line 26:15 Expected ":"
Line 34:6 Unexpected "{"
Line 34:15 Expected ":"
Line 39:6 Unexpected "{"
Line 39:15 Expected ":"
Line 44:6 Unexpected "{"
... and 175 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:liz-content-with-video (INDEX:34) */
/* =========================
   Scoped styles (overwrite-proof)
   ========================= */
#vcc-{{ section.id }} { width: 100%; }

#vcc-{{ section.id }} .vcc-wrap{
  display: grid;
  gap: var(--vcc-gap);
  align-items: stretch;
}

/* Desktop 2-col layout:
   Media column sized by --vcc-media-max (responsive clamp), content gets the rest */
#vcc-{{ section.id }} .vcc-wrap--two-col{
  grid-template-columns: minmax(0, var(--vcc-media-max)) minmax(0, 1fr);
}

/* If inline areas swap to 'content media', swap the column sizing too */
#vcc-{{ section.id }} .vcc-wrap--two-col[style*="grid-template-areas:'content media'"]{
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--vcc-media-max));
}

/* Prevent grid item min-content sizing from causing unexpected wrapping */
#vcc-{{ section.id }} .vcc-media-col,
#vcc-{{ section.id }} .vcc-content{
  min-width: 0;
}

/* MEDIA COL (desktop default) */
#vcc-{{ section.id }} .vcc-media-col{
  width: 100%;
  max-width: var(--vcc-media-max);
  justify-self: var(--vcc-media-justify);

  /* NEW: allow vertical alignment of the media frame without moving dots */
  display: flex;
  flex-direction: column;
}

/* NEW: stack wrapper takes available height so frame can align top/center/bottom */
#vcc-{{ section.id }} .vcc-media-stack{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: var(--vcc-media-vertical-align);
}

/* MEDIA FRAME (capped height so it won't get huge) */
#vcc-{{ section.id }} .vcc-media-frame{
  position: relative;
  width: 100%;
  aspect-ratio: var(--vcc-aspect);
  overflow: hidden;
  border-radius: var(--vcc-media-radius);
  background: rgba(0,0,0,.05);
  max-height: var(--vcc-media-max-h);
}

/* Keep internal slider filling the frame even when max-height caps it */
#vcc-{{ section.id }} .vcc-slider{
  height: 100%;
  display: flex;
  transition: transform .6s ease;
}
#vcc-{{ section.id }} .vcc-slide{
  flex: 0 0 100%;
  height: 100%;
  position: relative;
}

/* Default sizing for images (video is handled separately below) */
#vcc-{{ section.id }} .vcc-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* VIDEO WRAP + POSTER */
#vcc-{{ section.id }} .vcc-video-wrap{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Force the actual <video> element box to fill the frame */
#vcc-{{ section.id }} .vcc-video-wrap video{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  display: block;
}

#vcc-{{ section.id }} .vcc-poster{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 2;
  pointer-events: none;
}

/* Hide poster once started, or while playing */
#vcc-{{ section.id }} .vcc-slide.has-started .vcc-poster,
#vcc-{{ section.id }} .vcc-slide.is-playing .vcc-poster{
  display: none;
}

/* CONTENT COLUMN */
#vcc-{{ section.id }} .vcc-content{
  display: flex;
  flex-direction: column;
  justify-content: var(--vcc-vertical-align);
  text-align: var(--vcc-text-align);
  height: 100%;
  width: 100%;
  gap: 0;
}
#vcc-{{ section.id }} .vcc-block{ width: 100%; }

/* TRUST BADGES */
#vcc-{{ section.id }} .vcc-badges{
  display: flex;
  flex-wrap: wrap;
  gap: var(--vcc-badge-gap);
  align-items: center;
  justify-content: flex-start;
}

/* Let block-level alignment control center/right */
#vcc-{{ section.id }} .vcc-badges[data-align="center"]{ justify-content: center; }
#vcc-{{ section.id }} .vcc-badges[data-align="right"]{ justify-content: flex-end; }

#vcc-{{ section.id }} .vcc-badge{
  display: inline-flex;
  align-items: center;
  gap: var(--vcc-badge-text-gap);
  max-width: 100%;
}

/* text below icon */
#vcc-{{ section.id }} .vcc-badges.is-text-below .vcc-badge{
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}

#vcc-{{ section.id }} .vcc-badge-icon{
  width: var(--vcc-badge-icon);
  height: var(--vcc-badge-icon);
  flex: 0 0 auto;
  display: block;
  object-fit: contain;
}

#vcc-{{ section.id }} .vcc-badge-text{
  font-size: var(--vcc-badge-font);
  line-height: 1.25;
  opacity: 0.92;
}

/* =========================
   Auto Button Row (NEW)
   If two buttons are consecutive, display them side-by-side when there’s room
   ========================= */
#vcc-{{ section.id }} .vcc-button-row{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

/* Respect alignment setting */
#vcc-{{ section.id }} .vcc-button-row[data-align="left"]{ justify-content: flex-start; }
#vcc-{{ section.id }} .vcc-button-row[data-align="center"]{ justify-content: center; }
#vcc-{{ section.id }} .vcc-button-row[data-align="right"]{ justify-content: flex-end; }

/* In a row, remove per-block margins so spacing is controlled by gap */
#vcc-{{ section.id }} .vcc-button-row .vcc-block{
  margin: 0 !important;
  width: auto;
}

/* VIDEO UI OVERLAY */
#vcc-{{ section.id }} .vcc-video-ui{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  z-index: 5;
}

#vcc-{{ section.id }} .vcc-video-ui .vcc-btn-row{
  display: flex;
  gap: 10px;
  pointer-events: auto;
}

#vcc-{{ section.id }} .vcc-video-ui button{
  pointer-events: auto;
  appearance: none;
  border: 0;
  background: rgba(0,0,0,.55);
  color: #fff;
  border-radius: 999px;
  font: inherit;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
}

#vcc-{{ section.id }} .vcc-video-ui button:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

#vcc-{{ section.id }} .vcc-video-ui .vcc-btn-secondary{
  background: rgba(0,0,0,.38);
}

#vcc-{{ section.id }} .vcc-video-ui .vcc-replay{ display: none; }
#vcc-{{ section.id }} .vcc-video-ui .vcc-replay.is-visible{ display: inline-flex; }

#vcc-{{ section.id }} .vcc-sr-only{
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

/* ICON-ONLY BUTTONS */
#vcc-{{ section.id }} .vcc-btn{
  width: 42px;
  height: 42px;
  padding: 0;
}
#vcc-{{ section.id }} .vcc-btn .icon{
  width: 20px;
  height: 20px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#vcc-{{ section.id }} .vcc-btn .icon-play{ fill: #fff; stroke: none; }
#vcc-{{ section.id }} .vcc-btn .icon-pause{ display: none; }
#vcc-{{ section.id }} .vcc-btn[data-state="playing"] .icon-play{ display: none; }
#vcc-{{ section.id }} .vcc-btn[data-state="playing"] .icon-pause{ display: block; }

#vcc-{{ section.id }} .vcc-btn .icon-volume{ display: none; }
#vcc-{{ section.id }} .vcc-btn .icon-muted{ display: none; }
#vcc-{{ section.id }} .vcc-btn[data-muted="false"] .icon-volume{ display: block; }
#vcc-{{ section.id }} .vcc-btn[data-muted="false"] .icon-muted{ display: none; }
#vcc-{{ section.id }} .vcc-btn[data-muted="true"] .icon-volume{ display: none; }
#vcc-{{ section.id }} .vcc-btn[data-muted="true"] .icon-muted{ display: block; }

/* Theme buttons: keep your “pill” look without overriding theme colors */
#vcc-{{ section.id }} .button{
  border-radius: 999px;
}

/* DOTS */
#vcc-{{ section.id }} .vcc-controls{ display:flex; gap:8px; margin-top:10px; }
#vcc-{{ section.id }} .vcc-dot{
  width:8px; height:8px; border-radius:50%;
  opacity:.35; background:currentColor; border:0; cursor:pointer;
}
#vcc-{{ section.id }} .vcc-dot[aria-current="true"]{ opacity:1; }

/* =========================
   Mobile (comes LAST so it cannot be overwritten)
   ========================= */
@media (max-width: 989px){
  #vcc-{{ section.id }} .vcc-wrap--two-col{
    grid-template-columns: 1fr;
    gap: var(--vcc-gap-mobile);
  }

  /* STACK (default): media then content */
  #vcc-{{ section.id }} .vcc-wrap{
    grid-template-areas:
      "media"
      "content" !important;
  }

  /* STACK (option): content then media */
  #vcc-{{ section.id }}.vcc-mobile-content_first .vcc-wrap{
    grid-template-areas:
      "content"
      "media" !important;
  }

  /* Force media full width on mobile */
  #vcc-{{ section.id }} .vcc-media-col{
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  /* Mobile: cap height a bit more aggressively so it doesn't dominate */
  #vcc-{{ section.id }} .vcc-media-frame{
    max-height: min(var(--vcc-media-max-h), 60vh);
  }
}
/* END_SECTION:liz-content-with-video */

/* START_SECTION:liz-curved-section (INDEX:35) */
#pc-{{ section.id }}{
  position: relative;
  overflow: visible;
  isolation: isolate;
  background: rgb(var(--color-background));

  padding-top: clamp(14px,4vh,var(--pc-pad-t));
  padding-bottom: clamp(10px,2vh,var(--pc-pad-b));
  padding-left: var(--pc-pad-x);
  padding-right: var(--pc-pad-x);
}

#pc-{{ section.id }}.pc-has-curve{
  padding-bottom:0 !important;
}

#pc-{{ section.id }} .pc-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--pc-gap);
  align-items:var(--pc-row-align);
}

#pc-{{ section.id }} .pc-media,
#pc-{{ section.id }} .pc-content{
  min-width:0;
}

#pc-{{ section.id }} .pc-media{grid-column:1;}
#pc-{{ section.id }} .pc-content{grid-column:2;}

#pc-{{ section.id }}.pc-image-right .pc-media{grid-column:2;}
#pc-{{ section.id }}.pc-image-right .pc-content{grid-column:1;}

#pc-{{ section.id }} .pc-media{
  position:relative;
  z-index:1;
}

#pc-{{ section.id }} .pc-media-frame{
  width:100%;
  height:calc(clamp(220px,34vh,400px) + (var(--pc-pad-b) * 1.25));
  overflow:hidden;
  border-radius:var(--pc-radius);
  background:rgba(0,0,0,.05);
  position:relative;
}

#pc-{{ section.id }} .pc-media-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* seam mask when curve overlaps photo */
#pc-{{ section.id }}.pc-curve-overlap .pc-media-frame::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background: var(--pc-curve-color);
  pointer-events:none;
  z-index:2;
}

#pc-{{ section.id }} .pc-inner{
  position:relative;
}

#pc-{{ section.id }} .pc-content{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:var(--pc-content-valign);
  text-align:var(--pc-text-align);
  gap:12px;
  padding-bottom:12px;
}

#pc-{{ section.id }} .pc-heading{
  margin:0;
  font-size:clamp(var(--pc-h-size-min),var(--pc-h-size-fluid),var(--pc-h-size-max));
  font-weight:var(--pc-h-weight);
  letter-spacing:var(--pc-h-letter);
  line-height:var(--pc-h-line);
  max-width:var(--pc-h-maxw);
  text-transform:var(--pc-h-transform);
}

#pc-{{ section.id }} .pc-heading .accent-font{ display:inline; }

#pc-{{ section.id }} .pc-subheading{
  margin:0;
  opacity:.9;
}

#pc-{{ section.id }} .pc-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-start;
}

#pc-{{ section.id }} .pc-buttons[data-align="center"]{justify-content:center;}
#pc-{{ section.id }} .pc-buttons[data-align="right"]{justify-content:flex-end;}

#pc-{{ section.id }} .pc-curve{
  position:relative;
  z-index:2;
  width:100%;
  height:var(--pc-curve-h);
  line-height:0;
  pointer-events:none;
  margin-bottom:-1px;
}

#pc-{{ section.id }}.pc-curve-overlap .pc-curve{
  margin-top:calc(-1 * var(--pc-curve-h) - 2px);
}

#pc-{{ section.id }} .pc-curve svg{
  display:block;
  width:100%;
  height:100%;
}

@media (max-width:989px){

#pc-{{ section.id }}{
  --pc-curve-h:var(--pc-curve-h-mobile);
}

#pc-{{ section.id }} .pc-wrap{
  display:flex;
  flex-direction:column;
  gap:var(--pc-gap-mobile);
}

#pc-{{ section.id }} .pc-media{order:1;}
#pc-{{ section.id }} .pc-content{order:2;}

#pc-{{ section.id }}.pc-mobile-image-below .pc-content{order:1;}
#pc-{{ section.id }}.pc-mobile-image-below .pc-media{order:2;}

#pc-{{ section.id }} .pc-media-frame{
  height:calc(clamp(260px,40vh,460px));
}

}
/* END_SECTION:liz-curved-section */