/** Shopify CDN: Minification failed

Line 194:0 Unexpected "<"
Line 306:2 Unexpected "<"

**/


/* CSS from section stylesheet tags */
/* Custom styles for the Embed Pages section */
.page-embed-section {
  padding: 40px 0;
}
.embedded-page {
  margin-bottom: 40px;
}
.page-content {
  margin-top: 10px;
}
.ks-countdown-sale {
    --color-button: var(--color-foreground);
    --color-button-text: var(--color-background);
    --color-secondary-button: var(--color-background);
    --color-secondary-button-text: var(--color-foreground);
    background-color: rgba(var(--color-background), 1);
    color: rgba(var(--color-foreground), 1);
    position: relative;
    overflow: hidden;
  }

  .ks-countdown-sale .ks-media-wrapper {
    --opacity: 0;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }

  .ks-countdown-sale .ks-media-wrapper::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(var(--overlay-color-rgb), var(--overlay-opacity, 0.7));
    backdrop-filter: blur(var(--overlay-blur, 0));
  }

  .ks-countdown-sale .ks-media-wrapper img { 
      width: 100%;
      object-fit: cover;
  }

  .ks-countdown-sale-inner {
  }

  .ks-countdown-sale-countdown {
    text-align: center;
  }
  
  .ks-countdown-sale-text {
  }

  .ks-countdown-sale-text .title {
    margin-top: 0;
    margin-bottom: 12px;
    color: currentColor;
  }

  .ks-countdown-sale-text .description {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .ks-countdown-sale-text .btn-wrapper {
    display: inline-flex;
    /* flex-wrap: wrap; */
    gap: 10px;
    word-break: break-word;
  }

  .ks-countdown-sale-text .button--primary {
    --alpha-button-background: 1;
  }

  .ks-countdown-sale-text .button--secondary {
    --alpha-button-background: 0;
  }

  .ks-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    opacity: 1;
    transition: all .2s ease-out;
  }

  .ks-countdown[data-init] {
    opacity: 1;
  }

  .ks-countdown span {
    border-width: 2px;
    border-style: solid;
    border-color: var(--bs-border-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50rem;
    line-height: 1;
  }

  .ks-countdown span em {
    display: block;
    margin-bottom: .5rem;
    opacity: 1;
    font-style: normal;
  }

  .ks-countdown[data-animation="true"] span {
    animation: ks_countdown_item 1s linear infinite alternate;
  }

  .ks-countdown[data-animation="true"] span:nth-child(2) { animation-delay: .5s; }
  .ks-countdown[data-animation="true"] span:nth-child(3) { animation-delay: 1s; }
  .ks-countdown[data-animation="true"] span:nth-child(4) { animation-delay: 1.5s; }


  @keyframes ks_countdown_item {
    from { transform:  translateY(-.25rem) }
    to { transform:  translateY(.25rem) }
  }

  @media (max-width: 749px) {
    .ks-countdown-sale .ks-media-media-mobile {
      display: block;
    }
    .ks-countdown-sale .ks-media-media-desktop {
      display: none;
    }
    .ks-countdown-sale-inner {
      display: flex;
      flex-direction: column;
    }
    .ks-countdown-sale-inner[data-align-mobile="column-reverse"] {
      flex-direction: column-reverse;
    }
    .ks-countdown-sale-countdown {
      padding: 1rem 0 0;
    }
    .ks-countdown-sale-text {
      text-align: center;
      padding: 2rem;
    }
    .ks-countdown span {
      margin: 4px;
    }
    .ks-countdown span em {
      font-size: 12px;
    }
  }

  @media (min-width: 750px) {
    .ks-countdown-sale .ks-media-media-mobile {
      display: none;
    }
    .ks-countdown-sale .ks-media-media-desktop {
      display: block;
    }
    .ks-countdown-sale-inner {
      display: flex;
      align-items: center;
    }
    .ks-countdown-sale-countdown[data-has-text="false"] {
      width: 100%;
    }
    .ks-countdown-sale-countdown[data-has-text="true"] {
      width: 50%;
    }
    .ks-countdown-sale-text {
      width: 50%;
      padding: 64px;
    }
    .ks-countdown span {
      margin: 8px;
    }
    .ks-countdown span em {
      font-size: 15px;
    }
  }
<style>
    /* Global image style */
    .wolfmtn-gallery img {
      display: block;
    }
    
    /* Full Width Container Override */
    .wolfmtn-gallery.full-width {
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
    }
    
    /* ----------------- Masonry View ----------------- */
    .wolfmtn-gallery.masonry {
      column-count: var(--desktop-cols);
      column-gap: var(--desktop-gap);
      line-height: 0; /* Remove inline spacing */
    }
    .wolfmtn-gallery.masonry .gallery-item {
      break-inside: avoid;
      margin: 0 0 var(--desktop-gap) 0;
    }
    .wolfmtn-gallery.masonry .gallery-item img {
      width: auto;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      object-fit: contain;
    }
    
    /* ----------------- 1:1 Squares View ----------------- */
    .wolfmtn-gallery.squares {
      display: grid;
      grid-gap: var(--desktop-gap);
      grid-template-columns: repeat(var(--desktop-cols), 1fr);
    }
    .wolfmtn-gallery.squares .gallery-item {
      position: relative;
      width: 100%;
      aspect-ratio: 1 / 1;
      overflow: hidden;
    }
    .wolfmtn-gallery.squares .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    /* ----------------- Mobile Overrides ----------------- */
    @media screen and (max-width: 767px) {
      .wolfmtn-gallery.masonry {
        column-count: var(--mobile-cols);
        column-gap: var(--mobile-gap);
        line-height: 0;
      }
      .wolfmtn-gallery.masonry .gallery-item {
        margin: 0 0 var(--mobile-gap) 0;
      }
      .wolfmtn-gallery.squares {
        grid-gap: var(--mobile-gap);
        /* Force mobile columns using the mobile custom property */
        grid-template-columns: repeat(var(--mobile-cols), 1fr) !important;
      }
    }
    
    /* ----------------- Lightbox Styles ----------------- */
    .lightbox {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0,0,0,0.8);
      z-index: 9999;
      align-items: center;
      justify-content: center;
    }
    .lightbox img {
      max-width: 90%;
      max-height: 90%;
    }
    .lightbox-close {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 40px;
      color: white;
      cursor: pointer;
      user-select: none;
    }
    /* Navigation arrows */
    .lightbox-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 60px;
      color: white;
      cursor: pointer;
      user-select: none;
      padding: 20px;
    }
    .lightbox-arrow.left {
      left: 20px;
    }
    .lightbox-arrow.right {
      right: 20px;
    }
  </style>