/** Shopify CDN: Minification failed

Line 100:35 Unexpected "*"
Line 102:70 Unterminated string token
Line 107:67 Unterminated string token
Line 111:66 Unterminated string token
Line 116:63 Unterminated string token
Line 121:68 Unterminated string token

**/
div#AMnNrNFNIVmtZaEtMc__gsc_instagram_feed_instafeed_zkRqrW {
    background: oklch(0.985 0.006 92);
    padding-block: calc(var(--spacing) * 32);
}

a.gfa-copyright {
  display: none !important;
}
.gfa-content.GSC-swiXLdXPhluQhxJ {
  grid-gap: 5px !important;
}
.gfa-content__text.text-urChsTyOfpML span {
  padding: 0 !important;
}
.gfa-content__text.text-urChsTyOfpML span {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.22em !important;
  color: color-mix(in oklab, var(--foreground) 50%, transparent) !important;
}
.gfa-content__text.heading-aQwqJQPTyNDX h3 {
  font-size: 48px !important;
  font-weight: 500 !important;
  margin-bottom: 30px !important;
}
.gfa-media.GSC-swiXLdXPhluQhxJ.gfa-media--zoom-media {
  border-radius: 0;
}

a.gfa-copyright.gfa-copyright--popup {
    display: none;
}

.gfa-popup-media.GSC-swiXLdXPhluQhxJ {
    border-radius: 0;
}

/* ==========================================================
   Silwer collection page — hero banner (video/image + heading)
   Desktop (>=768px): full-bleed overlay hero, soft-lifted white text.
   Mobile (<768px): video drops out of overlay mode and renders at
   its real aspect ratio (no cropping); heading/subtitle fall in
   below it in normal document flow.
   ========================================================== */

[id^="silwer-plp-"] section:first-of-type {
  min-height: 40vh !important;
}

@media (min-width: 768px) {
  [id^="silwer-plp-"] section:first-of-type {
    min-height: 50vh !important;
  }
  [id^="silwer-plp-"] section:first-of-type .bg-gradient-to-t {
    background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.15) 55%, rgba(0,0,0,0.35)) !important;
  }
  [id^="silwer-plp-"] section:first-of-type h1,
  [id^="silwer-plp-"] section:first-of-type p {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.35), 0 2px 10px rgba(0,0,0,0.25);
  }
}

@media (max-width: 767px) {
  [id^="silwer-plp-"] section:first-of-type {
    height: auto !important;
    min-height: 0 !important;
  }
  [id^="silwer-plp-"] section:first-of-type > div:first-child {
    position: static !important;
  }
  [id^="silwer-plp-"] section:first-of-type video,
  [id^="silwer-plp-"] section:first-of-type img {
    height: auto !important;
    object-fit: contain !important;
  }
  [id^="silwer-plp-"] section:first-of-type .bg-gradient-to-t {
    display: none !important;
  }
  [id^="silwer-plp-"] section:first-of-type > div:nth-child(2) {
    margin-top: 1.25rem !important;
  }
}


/* ==========================================================
   Instafeed app section ("Browse By Gram.") — layout + type fixes
   Scoped via :has() to the div that directly wraps the app's own
   #insta-feed element, NOT to Shopify's auto-generated
   shopify-section-*/shopify-block-* ids, which change between
   theme duplicates and would break when pasted into the live
   theme's Code Editor. #insta-feed and .instafeed-bottom-link-wrapper
   are stable class/id names the Instafeed app itself renders.

   !important is required throughout: the app loads its own external
   stylesheet (instafeed.nfcube.com/cdn/instafeed-*.css), which wins
   the cascade over plain declarations regardless of our selector's
   specificity. Verified via computed styles before adding this.

   Fixes:
   1. Section padding/height — replaced the app's own fixed 50px
      margins with the same container + vertical rhythm every other
      homepage section uses (mx-auto max-w-7xl px-4, py-24 sm:py-32).
   2. Heading typography — the app renders "Browse By Gram." at a
      fixed 39px/regular/normal-tracking, unrelated to every other
      section heading's font-display/font-medium/tracking-tight
      scale. Matched to that same scale here.
   3. Follow link — the app renders its Instagram link in a separate
      wrapper BELOW the grid (bottom-left). Repositioned to sit
      inline with the heading, top-right, and removed the ~95px of
      trailing whitespace that wrapper left at the section's bottom.
   ========================================================== */

div:has(> #insta-feed) {
  position: relative !important;
  max-width: 80rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
  box-sizing: border-box !important;
}

@media (min-width: 640px) {
  div:has(> #insta-feed) {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
}

#insta-feed h2 {
  font-family: var(--font-display) !important;
  font-weight: 500 !important;
  font-size: 1.875rem !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  margin: 0 !important;
}

@media (min-width: 640px) {
  #insta-feed h2 {
    font-size: 2.25rem !important;
  }
}

@media (min-width: 768px) {
  #insta-feed h2 {
    font-size: 3rem !important;
  }
}

div:has(> #insta-feed) .instafeed-bottom-link-wrapper {
  position: absolute !important;
  top: 6rem !important;
  right: 1rem !important;
  left: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
}

@media (min-width: 640px) {
  div:has(> #insta-feed) .instafeed-bottom-link-wrapper {
    top: 8rem !important;
  }
}

div:has(> #insta-feed) .instafeed-bottom-link-wrapper a {
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: var(--foreground) !important;
  text-decoration: none !important;
}

div:has(> #insta-feed) .instafeed-bottom-link-wrapper a:hover {
  opacity: 0.7 !important;
}