/** Shopify CDN: Minification failed

Line 1112:18 Unexpected "1770234742907b2488"
Line 1113:18 Unexpected "1770234742907b2488"
Line 1114:46 Unexpected "1770234742907b2488"
Line 1114:94 Unexpected "1770234742907b2488"

**/
/* Googan homepage sections (gs-card-slider, gs-video-banner) + mobile/desktop text helpers */

@media (max-width: 767px) {
  .gs-hide-m,
  .gs-dt { display: none !important; }
}
@media (min-width: 768px) {
  .gs-hide-d,
  .gs-mt { display: none !important; }
}

/* ---------- Card slider ---------- */
.gs-cs {
  display: block;
  --gs-gutter: 16px;
  --gs-gap: 10px;
  --gs-per: var(--gs-per-m, 1.25);
  padding-block: var(--gs-pt-m, 32px) var(--gs-pb-m, 32px);
  overflow: hidden;
}
@media (min-width: 768px) {
  .gs-cs {
    --gs-gutter: 40px;
    --gs-gap: 16px;
    --gs-per: var(--gs-per-t, 3.2);
    padding-block: var(--gs-pt, 56px) var(--gs-pb, 56px);
  }
}
@media (min-width: 1200px) {
  .gs-cs { --gs-per: var(--gs-per-d, 4.5); }
}
.gs-cs__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding-inline: var(--gs-gutter);
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .gs-cs__head { flex-wrap: wrap; align-items: baseline; margin-bottom: 14px; }
  .gs-cs__title { font-size: 22px; }
  .gs-cs__all { font-size: 16px; }
}
.gs-cs__eyebrow {
  margin: 0 0 6px;
  font-family: var(--font-subheading-family);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .7;
}
.gs-cs__title {
  margin: 0;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  font-size: clamp(22px, 3vw, 34px);
  line-height: 1.05;
}
.gs-cs__text { margin-top: 8px; max-width: 640px; opacity: .8; }
.gs-cs__text > :last-child { margin-bottom: 0; }
.gs-cs__all {
  flex: none;
  font-family: "Agency Bold", var(--font-heading-family);
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
  border-bottom: 2px solid currentColor;
  line-height: 1.2;
  white-space: nowrap;
}
.gs-cs__track {
  display: flex;
  gap: var(--gs-gap);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  padding-inline: var(--gs-gutter);
  scroll-padding-inline: var(--gs-gutter);
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.gs-cs__track::-webkit-scrollbar { display: none; }
/* card width: "per" cards fill the visible width (100% = width inside the side padding) */
.gs-cs__track > * {
  flex: 0 0 calc((100% - var(--gs-gap) * (var(--gs-per) - 1)) / var(--gs-per));
  min-width: 0;
  scroll-snap-align: start;
}
/* keeps the right-hand padding at the end of the row in every browser */
.gs-cs__track::after { content: ""; flex: 0 0 1px; margin-left: calc(var(--gs-gutter) - var(--gs-gap) - 1px); }
/* phones and tablets: swipe settles on a card */
@media (hover: none) {
  .gs-cs__track { scroll-snap-type: x mandatory; }
}
/* mouse: free scrolling, click-and-drag, no snapping tug-of-war with trackpads */
@media (hover: hover) {
  .gs-cs__track { cursor: grab; }
  .gs-cs__track.is-dragging { cursor: grabbing; }
  .gs-cs__track.is-dragging a { pointer-events: none; }
}
.gs-cs__track img { -webkit-user-drag: none; user-select: none; }
/* when every card fits, spread them over the full width */
.gs-cs--fit .gs-cs__track { cursor: default; }
.gs-cs--fit .gs-cs__track > * { flex: 1 1 0; }
.gs-cs--fit .gs-cs__track::after { display: none; }
.gs-cs--fit .gs-cs__nav { display: none; }

.gs-card {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--blocks-radius);
  color: #fff;
  text-decoration: none;
  background: #1b1b1b;
  aspect-ratio: var(--gs-ratio-m, var(--gs-ratio, 4 / 5));
  isolation: isolate;
}
@media (min-width: 768px) {
  .gs-card { aspect-ratio: var(--gs-ratio, 4 / 5); }
}
.gs-card__media,
.gs-card__media img,
.gs-card__media picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.gs-card__media img {
  object-fit: cover;
  transition: transform .6s cubic-bezier(.2, .7, .2, 1);
}
@media (hover: hover) {
  a.gs-card:hover .gs-card__media img { transform: scale(1.04); }
}
.gs-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, var(--gs-shade, .55)) 0%, rgba(0, 0, 0, 0) 45%);
}
.gs-card__body {
  position: absolute;
  inset: auto 0 0 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 14px 14px 16px;
}
.gs-card--center .gs-card__body { justify-content: center; text-align: center; }
@media (min-width: 768px) {
  .gs-card__body { padding: 20px 20px 20px 22px; }
}
.gs-card__copy { min-width: 0; }
.gs-card__eyebrow {
  display: block;
  margin-bottom: 4px;
  font-family: var(--font-subheading-family);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .9;
}
.gs-card__title {
  display: block;
  margin: 0;
  font-family: "Agency Bold", var(--font-heading-family);
  font-weight: 700;
  font-size: clamp(22px, 2.1vw, 32px);
  line-height: .95;
  text-transform: uppercase;
  letter-spacing: .01em;
  text-wrap: balance;
}
@media (max-width: 767px) {
  .gs-card__title { font-size: var(--gs-title-m, 24px); }
}
/* arrow button: circle on phones, circle + word on desktop */
.gs-card__go {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  min-width: 40px;
  padding: 0;
  border-radius: 999px;
  background: #fff;
  color: #111;
  font-family: "URW DIN Regular", var(--font-body-family);
  font-size: 14px;
  font-weight: 700;
  transition: background-color .2s, color .2s;
}
.gs-card__go svg { width: 18px; height: 18px; transition: transform .2s ease; }
.gs-card__go-label { display: none; }
@media (min-width: 768px) {
  .gs-card__go--label { padding: 0 16px 0 18px; }
  .gs-card__go--label .gs-card__go-label { display: inline; }
}
@media (hover: hover) {
  /* same as the site's white buttons over photos (gs-buttons.css): light gray on hover */
  a.gs-card:hover .gs-card__go { background: #e5e5e5; color: #111; }
  a.gs-card:hover .gs-card__go svg { transform: translateX(2px); }
}

/* progress bar + arrows */
.gs-cs__nav {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 22px;
  padding-inline: var(--gs-gutter);
}
.gs-cs__bar {
  position: relative;
  flex: 1;
  height: 4px;
  border-radius: 4px;
  background: rgba(var(--color-foreground, 0, 0, 0), .15);
  cursor: pointer;
  touch-action: none;
}
/* bigger invisible hit area so the bar is easy to grab */
.gs-cs__bar::before { content: ""; position: absolute; inset: -12px 0; }
.gs-cs__bar span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 20%;
  border-radius: 3px;
  background: rgb(var(--color-foreground, 0, 0, 0));
  will-change: transform;
}
.gs-cs__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: opacity .2s, background-color .2s;
}
.gs-cs__btn svg { width: 26px; height: 26px; }
.gs-cs__btn[disabled] { opacity: .3; cursor: default; }
@media (hover: hover) {
  .gs-cs__btn:not([disabled]):hover { background: rgba(var(--color-foreground, 0, 0, 0), .08); }
}
/* phones: compact arrows at the end of the bar (Poncho-style "swipe for more" cue) */
@media (max-width: 767px) {
  .gs-cs__nav { gap: 14px; margin-top: 18px; }
  .gs-cs__btns { display: flex; gap: 2px; margin-right: -8px; }
  .gs-cs__btn { width: 34px; height: 34px; }
  .gs-cs__btn svg { width: 24px; height: 24px; }
}

/* ---------- Video banner ---------- */
gs-video { display: block; }
.gs-vb {
  position: relative;
  display: flex;
  overflow: hidden;
  min-height: var(--gs-h-m, 75svh);
  color: #fff;
  background: #111;
  isolation: isolate;
}
@media (min-width: 768px) {
  .gs-vb { min-height: var(--gs-h, 80vh); }
}
.gs-vb--inset {
  margin: var(--gs-inset-m, 0 16px);
  border-radius: var(--blocks-radius);
}
@media (min-width: 768px) {
  .gs-vb--inset { margin: 0 40px; }
}
.gs-vb__media,
.gs-vb__media > video,
.gs-vb__media > img,
.gs-vb__media picture,
.gs-vb__media picture img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gs-vb__media > video { z-index: 1; opacity: 0; transition: opacity .6s; }
.gs-vb__media > video.is-playing { opacity: 1; }
.gs-vb::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(0, 0, 0, var(--gs-overlay, .25));
}
.gs-vb__link { position: absolute; inset: 0; z-index: 3; }
.gs-vb__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 32px 20px;
  pointer-events: none;
}
.gs-vb__content a { pointer-events: auto; position: relative; z-index: 4; }
@media (min-width: 768px) {
  .gs-vb__content { padding: 56px 48px; }
}
.gs-vb--middle .gs-vb__content { justify-content: center; }
.gs-vb--bottom .gs-vb__content { justify-content: flex-end; }
.gs-vb--center .gs-vb__content { align-items: center; text-align: center; }
.gs-vb--left .gs-vb__content { align-items: flex-start; text-align: left; }
@media (max-width: 767px) {
  .gs-vb--m-center .gs-vb__content { align-items: center; text-align: center; }
  .gs-vb--m-left .gs-vb__content { align-items: flex-start; text-align: left; }
}
.gs-vb__eyebrow {
  margin: 0;
  font-family: var(--font-subheading-family);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.gs-vb__title {
  margin: 0;
  max-width: 18ch;
  font-size: clamp(30px, 4.6vw, 64px);
  line-height: .95;
  color: inherit;
  text-wrap: balance;
}
.gs-vb__text { max-width: 560px; font-size: 16px; line-height: 1.5; }
.gs-vb__text > :last-child { margin-bottom: 0; }
.gs-vb__btn { margin-top: 6px; }
.gs-vb__mute {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, .45);
  color: #fff;
  cursor: pointer;
}
.gs-vb__mute svg { width: 16px; height: 16px; }
.gs-vb__mute .gs-on,
.gs-vb__mute.is-paused .gs-off { display: none; }
.gs-vb__mute.is-paused .gs-on { display: block; }

/* ---------- Theme product sliders matched to the Googan card sliders (featured collection with "Match the Googan sliders" on) ---------- */
@media (min-width: 768px) {
  .gs-fc .page-width--full { padding-inline: 40px; }
}
.gs-fc .swiper-controls--pagination-progressbar {
  display: none;
  align-items: center;
  gap: 20px;
  margin-top: 22px;
  padding: 0;
  background: none;
}
@media (min-width: 768px) {
  .gs-fc .swiper-controls--pagination-progressbar { display: flex; }
}
.gs-fc .swiper-controls .swiper-pagination {
  position: relative;
  order: 0;
  flex: 1;
  height: 4px !important;
  margin: 0 !important;
  border-radius: 4px;
  background: rgba(var(--color-foreground), .15) !important;
  overflow: visible;
  cursor: pointer;
  touch-action: none;
}
.gs-fc .swiper-controls .swiper-pagination::before { content: ""; position: absolute; inset: -12px 0; }
.gs-fc .swiper-pagination-progressbar-fill { display: none !important; }
.gs-fc .gs-fc-thumb {
  position: absolute;
  inset: 0 auto 0 0;
  width: 20%;
  border-radius: 3px;
  background: rgb(var(--color-foreground));
  will-change: transform;
}
.gs-fc .swiper-controls .swiper-button {
  order: 1;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  border: 0 !important;
  border-radius: 999px;
  background: transparent !important;
  color: rgb(var(--color-foreground)) !important;
  box-shadow: none !important;
}
.gs-fc .swiper-controls .swiper-button-next { order: 2; }
.gs-fc .swiper-controls .swiper-button svg { width: 26px; height: 26px; }
.gs-fc .swiper-controls .swiper-button.swiper-button-disabled,
.gs-fc .swiper-controls .swiper-button[disabled] { opacity: .3; }
@media (hover: hover) {
  .gs-fc .swiper-controls .swiper-button:not([disabled]):hover { background: rgba(var(--color-foreground), .08) !important; }
}
/* phones: the theme's swipe progress bar, same size and colors as ours */
.gs-fc scroll-progress-bar { display: block; margin-top: 22px; }
.gs-fc .progress-container {
  height: 4px;
  border-radius: 4px;
  background: rgba(var(--color-foreground), .15);
  overflow: hidden;
}
.gs-fc .progress-container .progress-bar {
  height: 4px;
  border-radius: 4px;
  background: rgb(var(--color-foreground));
}

/* ---------- "Caught by the Squad" gallery with a lifestyle background ---------- */
.gs-sg--bg { position: relative; isolation: isolate; overflow: hidden; }
.gs-sg-bg { position: absolute; inset: 0; z-index: -1; }
.gs-sg-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.gs-sg-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 12, 10, var(--gs-sg-overlay, .7)) 0%, rgba(10, 12, 10, calc(var(--gs-sg-overlay, .7) + .1)) 100%); }
.gs-sg--bg .section__header, .gs-sg--bg .section__heading, .gs-sg--bg .rich-text__heading { color: #fff; }
.gs-sg--bg .gallery-list__item { box-shadow: 0 18px 40px rgba(0, 0, 0, .35); }

/* ---------- About section: edge-to-edge split (image-with-text with "Edge-to-edge split layout" on) ---------- */
.gs-iwt-split.section--padding { padding-top: 0 !important; padding-bottom: 0 !important; }
.gs-iwt-split .section__container { padding: 0 !important; max-width: none; }
.gs-iwt-split .image-with-text__wrapper { gap: 0 !important; align-items: stretch; }
.gs-iwt-split .image-with-text__media { padding: 0 !important; margin: 0 !important; align-self: stretch; position: relative; }
.gs-iwt-split .image-with-text__media .hover-wrapper,
.gs-iwt-split .image-with-text__media .media-wrapper {
  height: 100%;
  margin: 0 !important;
  border-radius: 0 !important;
}
.gs-iwt-split .image-with-text__media .media-wrapper { padding: 0 !important; aspect-ratio: 4 / 3; }
.gs-iwt-split .image-with-text__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gs-iwt-split .image-with-text__inner { padding: 44px 20px 52px; }
.gs-iwt-split .image-with-text__content { max-width: 520px; }
.gs-iwt-split .rich-text__icon { margin-top: 2px; }
@media (min-width: 768px) {
  .gs-iwt-split .image-with-text__media { width: 50%; flex: 0 0 50%; min-height: 620px; }
  .gs-iwt-split .image-with-text__media .media-wrapper { aspect-ratio: auto; position: absolute; inset: 0; }
  .gs-iwt-split .image-with-text__inner { padding: 88px clamp(40px, 7vw, 120px); }
  /* the round logo badge sits on the seam between photo and text */
  .gs-iwt-split .image-with-text__badge { right: 0; transform: translateX(50%); top: 56px; }
}

/* ---------- App showcase (reviews) ---------- */
.gs-apps { display: block; padding: var(--gs-pt-m, 44px) 16px var(--gs-pb-m, 44px); }
@media (min-width: 768px) { .gs-apps { padding: var(--gs-pt, 64px) 40px var(--gs-pb, 64px); } }
.gs-apps__head { max-width: 720px; margin: 0 auto 28px; }
.gs-apps--center .gs-apps__head { text-align: center; }
.gs-apps--left .gs-apps__head { margin-left: 0; }
.gs-apps__eyebrow { margin: 0 0 8px; font-family: var(--font-subheading-family); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .7; }
.gs-apps__title { margin: 0; font-size: clamp(24px, 3vw, 36px); line-height: 1.05; }
.gs-apps__text { margin-top: 10px; opacity: .8; }
.gs-apps__text > :last-child { margin-bottom: 0; }
.gs-apps__body { max-width: 1360px; margin: 0 auto; }

/* Junip reviews as a row of cards (Junip "grid" layout, restyled) */
.gs-apps--reviews { --gs-gutter: 16px; --gs-gap: 12px; overflow: hidden; }
@media (min-width: 768px) { .gs-apps--reviews { --gs-gutter: 40px; --gs-gap: 16px; } }
.gs-apps--reviews .gs-apps__body { max-width: none; margin-inline: calc(var(--gs-gutter) * -1); }
.gs-apps--reviews .gs-cs__nav { padding-inline: 0; }
.gs-apps__foot { display: flex; justify-content: center; margin-top: 28px; }
.gs-apps--reviews .junip-reviews-tab-switcher-container,
.gs-apps--reviews .junip-filters,
.gs-apps--reviews .junip-separator,
.gs-apps--reviews .junip-see-more,
.gs-apps--reviews .junip-product-review-bars-container,
.gs-apps--reviews .junip-product-review-summary-actions,
.gs-apps--reviews .junip-review-vote-container,
.gs-apps--reviews .junip-powered-by-footer { display: none !important; }
.gs-apps--reviews .junip-product-review-container { padding: 0 !important; margin: 0 !important; max-width: none !important; background: none !important; }
.gs-apps--reviews .junip-product-review-summary-wrapper { margin: 0 0 24px; padding-inline: var(--gs-gutter); }
.gs-apps--reviews .junip-product-review-summary-container,
.gs-apps--reviews .junip-product-review-summary-flex-wrapper { display: flex; justify-content: center; margin: 0 !important; }
.gs-apps--reviews .junip-product-review-average-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 12px; margin: 0 !important; }
.gs-apps--reviews .junip-product-review-average { margin: 0 !important; font-size: 28px; font-weight: 700; line-height: 1; }
.gs-apps--reviews .junip-product-review-average-container .junip-star-ratings-container { margin: 0 !important; }
.gs-apps--reviews .junip-product-review-count { margin: 0 !important; opacity: .7; font-size: 14px; }

.gs-apps.gs-apps--reviews .junip-reviews-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: var(--gs-gap) !important;
  grid-template-columns: none !important;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  padding: 4px var(--gs-gutter) 8px !important;
  margin: 0 !important;
  scroll-padding-inline: var(--gs-gutter);
  scrollbar-width: none;
}
.gs-apps--reviews .junip-reviews-container::-webkit-scrollbar { display: none; }
.gs-apps--reviews .junip-reviews-container::after { content: ""; flex: 0 0 1px; margin-left: calc(var(--gs-gutter) - var(--gs-gap) - 1px); }
@media (hover: none) { .gs-apps--reviews .junip-reviews-container { scroll-snap-type: x mandatory; } }
.gs-apps.gs-apps--reviews .junip-reviews-container > .junip-review-grid-item-container {
  flex: 0 0 min(80vw, 320px) !important;
  width: min(80vw, 320px) !important;
  max-width: none !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 20px !important;
  border: 1px solid rgba(var(--color-foreground), .08) !important;
  border-radius: var(--blocks-radius) !important;
  background: rgb(var(--color-background)) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04) !important;
  scroll-snap-align: start;
  transition: box-shadow .2s, transform .2s;
}
@media (min-width: 768px) {
  .gs-apps.gs-apps--reviews .junip-reviews-container > .junip-review-grid-item-container { flex-basis: 300px !important; width: 300px !important; }
}
@media (min-width: 1200px) {
  .gs-apps.gs-apps--reviews .junip-reviews-container > .junip-review-grid-item-container {
    flex-basis: calc((100vw - 80px - 64px) / 4.5) !important;
    width: calc((100vw - 80px - 64px) / 4.5) !important;
  }
}
@media (hover: hover) {
  .gs-apps.gs-apps--reviews .junip-review-grid-item-container:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, .08) !important; }
}
.gs-apps--reviews .junip-review-grid-item-container > * { padding-inline: 0 !important; }
/* reviewer and date move to the bottom of the card */
.gs-apps--reviews .junip-review-grid-item-container > .junip-review-customer {
  order: 3;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: auto !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid rgba(var(--color-foreground), .08);
}
.gs-apps--reviews .junip-review-grid-item-container > .junip-px-3:not(.junip-pt-3) { order: 1; padding-bottom: 16px; }
.gs-apps--reviews .junip-review-grid-item-container > .junip-pt-3 { order: 2; padding: 0 0 14px !important; }
.gs-apps--reviews .junip-customer-details { display: flex; align-items: center; gap: 10px; min-width: 0; }
.gs-apps--reviews .junip-avatar { margin: 0 !important; }
.gs-apps--reviews .junip-review-date { font-size: 12px; opacity: .6; white-space: nowrap; }
.gs-apps--reviews .junip-review-title { font-size: 17px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gs-apps--reviews .junip-review-body { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; }
.gs-apps--reviews .junip-review-product { font-size: 13px; opacity: .75; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gs-apps--reviews .junip-recommendation-container { font-size: 13px; opacity: .8; }
.gs-apps--reviews [class*=junip-review-media] img { width: 56px !important; height: 56px !important; object-fit: cover; border-radius: 6px; }

/* review cards: equal heights, compact photo thumbnails */
.gs-apps.gs-apps--reviews .junip-reviews-container > .junip-review-grid-item-container { align-self: stretch !important; height: auto !important; }
.gs-apps--reviews [class*=junip-review-media],
.gs-apps--reviews [class*=junip-media] { max-height: 64px; overflow: hidden; display: flex; gap: 8px; }
.gs-apps--reviews [class*=junip-review-media] *,
.gs-apps--reviews [class*=junip-media] * { max-height: 56px; }
.gs-apps.gs-apps--reviews .junip-reviews-container > .junip-review-grid-item-container { max-height: none !important; }
.gs-apps--reviews .junip-review-media-container { margin-bottom: 12px !important; grid-template-columns: repeat(4, 56px) !important; gap: 8px !important; }
.gs-apps--reviews .junip-review-grid-item-container > .junip-px-3:not(.junip-pt-3) { flex: 1 1 auto; }

/* ---------- Ambassador code callout ---------- */
.gs-code { display: block; padding: var(--gs-pt-m, 28px) 16px var(--gs-pb-m, 12px); }
@media (min-width: 768px) { .gs-code { padding: var(--gs-pt, 40px) 40px var(--gs-pb, 16px); } }
.gs-code__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  max-width: 1360px;
  margin: 0 auto;
  padding: 22px 20px;
  border: 1px solid rgba(var(--color-foreground), .1);
  border-radius: var(--blocks-radius);
  background: rgb(var(--color-background));
}
@media (min-width: 768px) {
  .gs-code__card { flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; padding: 26px 32px; }
}
.gs-code__eyebrow { margin: 0 0 6px; font-family: var(--font-subheading-family); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; opacity: .65; }
.gs-code__title { margin: 0; font-size: clamp(20px, 2.2vw, 28px); line-height: 1.1; }
.gs-code__text { margin: 8px 0 0; opacity: .75; font-size: 14px; }
.gs-code__chip { display: block; flex: none; width: 100%; }
@media (min-width: 768px) { .gs-code__chip { width: auto; } }
.gs-code__chip button {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 52px;
  padding: 0;
  overflow: hidden;
  border: 1.5px solid rgb(var(--color-foreground));
  border-radius: var(--buttons-radius);
  background: rgb(var(--color-background));
  color: inherit;
  cursor: pointer;
}
.gs-code__code {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  padding: 0 22px;
  font-family: "Agency Bold", var(--font-heading-family);
  font-size: 26px;
  letter-spacing: .08em;
  line-height: 1;
}
.gs-code__hint {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 124px;
  padding: 0 18px;
  background: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  transition: background-color .2s;
}
@media (hover: hover) { .gs-code__chip button:hover .gs-code__hint { background: color-mix(in srgb, rgb(var(--color-foreground)) 82%, rgb(var(--color-background))); } }
.gs-code__chip.is-copied .gs-code__hint { background: #34ab00; color: #fff; }


@media (max-width: 767px) {
  .gs-amb-page [id*=slideshow_] .slideshow__content { padding-bottom: 28px !important; }
}
/* ambassador pages: one light-gray background behind every section */
.gs-amb-page main { background: rgb(249, 249, 249); }
@media (max-width: 767px) {
  .gs-iwt-split .image-with-text__badge { right: 16px !important; left: auto !important; top: 16px !important; bottom: auto !important; transform: scale(.8); transform-origin: top right; }
}

/* ---------- Ambassador pages: one content width (40px side margins on desktop, 16px on phones) ---------- */
@media (max-width: 767px) {
  /* single-slide hero: no space reserved for slide arrows */
  .gs-amb-page .slideshow-wrapper { padding-bottom: 0 !important; }
  .gs-amb-page .slideshow__content { padding-bottom: 8px !important; }
  .gs-amb-page .slideshow__text { padding-top: 24px !important; }
}
.gs-amb-page [id*=video_] .section-video__container { max-width: none; padding-inline: 16px; }
.gs-amb-page [id*=video_] .section-video__wrapper { margin: 0; width: 100%; border-radius: var(--blocks-radius); overflow: hidden; }
@media (min-width: 768px) {
  .gs-amb-page [id*=video_] .section-video__container { padding-inline: 40px; }
}
/* Shop the look: photo (with its product dots) on the left, heading on the right */
.gs-amb-page .section--lookbook-banner .section__container { max-width: none; width: 100%; padding-inline: 16px; }
.gs-amb-page .section--lookbook-banner .lookbook-card { margin: 0; width: 100%; border-radius: var(--blocks-radius); }
.gs-amb-page .section--lookbook-banner .lookbook-card .media { border-radius: var(--blocks-radius); overflow: hidden; }
.gs-amb-page .section--lookbook-banner .section__header { padding-inline: 16px; text-align: left; align-items: flex-start; }
.gs-amb-page .section--lookbook-banner .section__header--text { text-align: left; margin: 0; }
@media (min-width: 768px) {
  .gs-amb-page .section--lookbook-banner {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: center;
    column-gap: clamp(32px, 5vw, 80px);
    padding-inline: 40px;
  }
  .gs-amb-page .section--lookbook-banner .section__container { grid-column: 1; grid-row: 1; padding: 0; width: 100%; margin: 0; }
  .gs-amb-page .section--lookbook-banner .section__header { grid-column: 2; grid-row: 1; padding: 0; margin: 0; }
}
@media (min-width: 768px) {
  .gs-amb-page .slideshow__content { padding-inline: 40px !important; padding-bottom: 48px !important; }
  .gs-amb-page .slideshow__description { max-width: 620px; }
}
@media (max-width: 767px) {
  .gs-amb-page .slideshow__content { padding-inline: 16px !important; }
}

/* theme product rows on phones: our arrows next to the theme's swipe bar */
.gs-fc-mnav { display: none; }
@media (max-width: 767px) {
  .gs-fc-mnav { display: flex; align-items: center; gap: 14px; margin-top: 18px; }
  .gs-fc-mnav scroll-progress-bar { flex: 1; margin: 0 !important; }
  .gs-fc-mnav .gs-cs__btns { display: flex; gap: 2px; margin-right: -8px; }
}

/* ---------- About section: textured dark-gray panel with torn edges (Poncho-inspired) ---------- */
.gs-iwt-split.image-with-text {
  --gs-paper: #1f1f1e;
  --gs-paper-ink: #f3efe7;
  position: relative;
  z-index: 2;
  margin-block: -14px;
  background-color: var(--gs-paper) !important;
  background-image: url("gs-texture.svg");
  background-size: 320px 320px;
  color: var(--gs-paper-ink);
  -webkit-mask:
    url("gs-edge-top.svg") top / 100% 16px no-repeat,
    linear-gradient(#000, #000) center / 100% calc(100% - 30px) no-repeat,
    url("gs-edge-bottom.svg") bottom / 100% 16px no-repeat;
          mask:
    url("gs-edge-top.svg") top / 100% 16px no-repeat,
    linear-gradient(#000, #000) center / 100% calc(100% - 30px) no-repeat,
    url("gs-edge-bottom.svg") bottom / 100% 16px no-repeat;
}
.gs-iwt-split .image-with-text__wrapper,
.gs-iwt-split .image-with-text__inner { background: transparent !important; }
.gs-iwt-split .rich-text__heading,
.gs-iwt-split .rich-text__text,
.gs-iwt-split .rich-text__subheading,
.gs-iwt-split .rich-text__icon,
.gs-iwt-split .rich-text__icon h3 { color: var(--gs-paper-ink) !important; }
.gs-iwt-split .rich-text__subheading { font-size: 14px; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }
.gs-iwt-split .rich-text__text { opacity: .9; }
/* "Our Story" as an underlined text link with an arrow */
.gs-iwt-split .btn {
  min-height: 0;
  padding: 0 0 4px !important;
  border: 0 !important;
  border-bottom: 2px solid currentColor !important;
  border-radius: 0 !important;
  background: none !important;
  color: var(--gs-paper-ink) !important;
  font-family: "Agency Bold", var(--font-heading-family);
  font-size: 26px;
  letter-spacing: .02em;
  text-transform: uppercase;
  box-shadow: none !important;
}
.gs-iwt-split .btn .btn__text::after { content: "→"; display: inline-block; margin-left: 12px; font-family: var(--font-body-family); font-weight: 400; transition: transform .2s; }
@media (hover: hover) { .gs-iwt-split .btn:hover .btn__text::after { transform: translateX(4px); } }

@media (max-width: 767px) {
  .gs-iwt-split .image-with-text__wrapper { padding: 34px 16px 10px; }
  .gs-iwt-split .image-with-text__media { border-radius: var(--blocks-radius); overflow: hidden; }
  .gs-iwt-split .image-with-text__media .media-wrapper { aspect-ratio: 5 / 4; }
  .gs-iwt-split .image-with-text__inner { padding: 30px 6px 44px !important; }
  .gs-iwt-split .image-with-text__content { margin-inline: auto; text-align: center !important; }
  .gs-iwt-split .image-with-text__content > * { margin-inline: auto; }
  .gs-iwt-split .rich-text__heading { font-size: 30px; line-height: 1.02; }
  .gs-iwt-split .rich-text__icon { display: flex; justify-content: center; }
  .gs-iwt-split .btn { font-size: 24px; }
}
@media (min-width: 768px) {
  .gs-iwt-split .image-with-text__inner { padding-block: 96px !important; }
  .gs-iwt-split .rich-text__heading { font-size: clamp(36px, 3.6vw, 54px); line-height: 1.02; }
}

/* narrow two-up cards on phones */
@media (max-width: 767px) {
  .gs-cs .gs-card__body { padding: 10px 10px 11px 12px; gap: 6px; }
  .gs-cs .gs-card__eyebrow { font-size: 10px; letter-spacing: .05em; margin-bottom: 3px; line-height: 1.2; }
  .gs-cs .gs-card__go { height: 30px; min-width: 30px; }
  .gs-cs .gs-card__go svg { width: 15px; height: 15px; }
}
.gs-iwt-split.image-with-text { background-size: 360px 360px; }
.gs-iwt-split .btn { display: inline-flex !important; align-items: center; width: auto !important; }
.gs-iwt-split .btn .btn__text { display: inline; }
.gs-iwt-split .btn::after { display: none !important; }
.gs-iwt-split .rich-text__text { font-size: 16px; line-height: 1.6; }
@media (min-width: 768px) {
  .gs-iwt-split .image-with-text__content { max-width: 600px; }
  .gs-iwt-split .rich-text__heading { font-size: clamp(30px, 3vw, 46px); }
  .gs-iwt-split .image-with-text__inner { padding-inline: clamp(40px, 6vw, 96px) !important; }
}
.gs-iwt-split .rich-text__text + .rich-text__icon { margin-top: 22px; }
.gs-iwt-split .rich-text__icon + .block:not(.rich-text__icon) { margin-top: 30px; }

/* ---------- Homepage type system: one heading size for every section ---------- */
.gs-cs__title,
.gs-apps__title,
.gs-fc .section__header h2,
.gs-fc .rich-text__heading,
.scrolling-gallery-image .section__heading {
  font-size: 32px !important;
  line-height: 1.05 !important;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .gs-cs__title,
  .gs-apps__title,
  .gs-fc .section__header h2,
  .gs-fc .rich-text__heading,
  .scrolling-gallery-image .section__heading { font-size: clamp(18px, 5.4vw, 22px) !important; }
}
.gs-cs__eyebrow,
.gs-apps__eyebrow,
.gs-vb__eyebrow { font-size: 14px; letter-spacing: .12em; }
/* Instagram handle keeps its real lowercase spelling */
.scrolling-gallery-image .btn { text-transform: none !important; }

/* smaller arrow circles on the lifestyle cards so headlines have room */
.gs-card__go { height: 34px; min-width: 34px; }
.gs-card__go svg { width: 16px; height: 16px; }
@media (max-width: 767px) {
  .gs-cs .gs-card__go { height: 26px; min-width: 26px; }
  .gs-cs .gs-card__go svg { width: 13px; height: 13px; }
}
@media (max-width: 767px) {
  .gs-cs__title,
  .gs-apps__title,
  .gs-fc .section__header h2,
  .gs-fc .rich-text__heading,
  .scrolling-gallery-image .section__heading { font-size: min(21px, 4.9vw) !important; white-space: normal; text-wrap: balance; }
  .scrolling-gallery-image .gallery-list__item { width: 44vw !important; max-width: 200px; flex: 0 0 auto !important; }
  .scrolling-gallery-image .section__header { padding-inline: 16px !important; }
}
.scrolling-gallery-image .gallery-list__item a > div:last-child *,
.scrolling-gallery-image .gallery-list__item [class*=content] * { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- Subscription product pages ---------- */
.gs-sub { display: block; padding: var(--gs-pt-m, 44px) 16px var(--gs-pb-m, 44px); }
@media (min-width: 768px) { .gs-sub { padding: var(--gs-pt, 64px) 40px var(--gs-pb, 64px); } }
.gs-sub__head { max-width: 720px; margin: 0 0 28px; }
.gs-sub--cta .gs-sub__head { margin-inline: auto; text-align: center; }
.gs-sub__eyebrow { margin: 0 0 8px; font-family: var(--font-subheading-family); font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; opacity: .7; }
.gs-sub__title { margin: 0; font-size: 32px; line-height: 1.05; }
@media (max-width: 767px) { .gs-sub__title { font-size: min(24px, 6vw); } }
.gs-sub__text { margin-top: 12px; opacity: .8; }
.gs-sub__text > :last-child { margin-bottom: 0; }
.gs-sub__grid { display: grid; gap: 12px; }
@media (min-width: 768px) {
  .gs-sub__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .gs-sub__grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .gs-sub__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.gs-sub__item { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--blocks-radius); background: rgb(var(--color-background)); border: 1px solid rgba(var(--color-foreground), .1); }
.gs-sub__body { position: relative; padding: 20px; }
@media (min-width: 768px) { .gs-sub__body { padding: 26px 28px; } }
.gs-sub__media { position: relative; aspect-ratio: 4 / 3; background: #111; }
.gs-sub__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gs-sub__label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #34ab00; }
.gs-sub__item-title { margin: 0; font-size: 22px; line-height: 1.1; }
.gs-sub__item-text { margin: 8px 0 0; font-size: 15px; line-height: 1.55; opacity: .8; }
/* steps: big number, horizontal on phones */
.gs-sub--steps .gs-sub__body { display: grid; grid-template-columns: auto 1fr; column-gap: 16px; align-items: start; }
.gs-sub--steps .gs-sub__body > :not(.gs-sub__num) { grid-column: 2; }
.gs-sub__num { grid-row: 1 / span 3; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 999px; background: rgb(var(--color-foreground)); color: rgb(var(--color-background)); font-family: "Agency Bold", var(--font-heading-family); font-size: 20px; }
@media (min-width: 768px) {
  .gs-sub--steps .gs-sub__body { display: block; }
  .gs-sub__num { margin-bottom: 18px; }
}
/* image cards scroll sideways on phones */
@media (max-width: 767px) {
  .gs-sub--cards .gs-sub__grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: -16px; padding-inline: 16px; scrollbar-width: none; }
  .gs-sub--cards .gs-sub__grid::-webkit-scrollbar { display: none; }
  .gs-sub--cards .gs-sub__item { flex: 0 0 78%; scroll-snap-align: start; }
}
.gs-sub__foot { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 28px; }
.gs-sub--cta .gs-sub__foot { margin-top: 0; }
.gs-sub__cta { min-width: 260px; min-height: 52px; }
.gs-sub__note { margin: 0; font-size: 13px; opacity: .65; text-align: center; }

/* buy box on the two subscription pages */
.gs-sub-page .promotion-alert,
.gs-sub-page [class*=promotion_alert],
.gs-sub-page .product__promotion { padding: 12px 14px !important; font-size: 13px; }

/* "Caught by the Squad" cards: drop the repeated Instagram icon, give the handle the full width */
.scrolling-gallery-image .gallery-list__item-content { gap: 8px !important; }
.scrolling-gallery-image .gallery-list__item-icon { display: none !important; }
.scrolling-gallery-image .gallery-list__item-content > .flex:not(.gallery-list__item-icon) { min-width: 0; flex: 1 1 auto; gap: 8px !important; }
.scrolling-gallery-image .gallery-list__item-content > .flex > :last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 767px) {
  .scrolling-gallery-image .gallery-list__item-content { padding: 10px !important; }
  .scrolling-gallery-image .gallery-list__image-avatar { width: 26px !important; height: 26px !important; }
  .scrolling-gallery-image .gallery-list__item-content > .flex > :last-child { font-size: 13px; }
}
@media (max-width: 767px) {
  .scrolling-gallery-image .gallery-list__item { width: 52vw !important; max-width: 230px; }
  .scrolling-gallery-image .gallery-list__item-content { padding: 9px 8px !important; }
  .scrolling-gallery-image .gallery-list__image-avatar { width: 22px !important; height: 22px !important; }
  .scrolling-gallery-image .gallery-list__item-content > .flex:not(.gallery-list__item-icon) { gap: 6px !important; }
  .scrolling-gallery-image .gallery-list__item-content > .flex > :last-child { font-size: 12px; letter-spacing: -.01em; }
}

.gs-sub__num--icon { width: 48px; height: 48px; background: #34ab00; color: #fff; }
.gs-sub__num--icon svg { width: 24px; height: 24px; }

/* dark textured panel with torn edges (subscription pages) */
.gs-textured {
  --gs-ink: #f3efe7;
  position: relative;
  z-index: 2;
  margin-block: -14px;
  background-color: #181817 !important;
  background-image: url("gs-texture.svg");
  background-size: 360px 360px;
  color: var(--gs-ink);
  -webkit-mask: url("gs-edge-top.svg") top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 30px) no-repeat, url("gs-edge-bottom.svg") bottom / 100% 16px no-repeat;
          mask: url("gs-edge-top.svg") top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 30px) no-repeat, url("gs-edge-bottom.svg") bottom / 100% 16px no-repeat;
}
.gs-textured .gs-sub__title, .gs-textured .gs-sub__item-title, .gs-textured .gs-sub__eyebrow, .gs-textured .gs-sub__text, .gs-textured .gs-sub__note { color: var(--gs-ink); }
.gs-textured .gs-sub__item { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .12); }
.gs-textured .gs-sub__item-text { color: rgba(243, 239, 231, .8); opacity: 1; }
.gs-textured .gs-sub__num:not(.gs-sub__num--icon) { background: var(--gs-ink); color: #181817; }
.gs-textured .gs-sub__cta { background: #fff !important; border-color: #fff !important; color: #111 !important; }

/* ===== Subscription pages: buy box polish ===== */
/* 1. Key benefits (check list) -> one card, green check badges */
.gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 0 !important;
  margin: 4px 0 0;
  padding: 0;
  border: 1px solid rgba(var(--color-foreground), .1);
  border-radius: var(--blocks-radius);
  background: rgb(var(--color-background));
  overflow: hidden;
}
.gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
  padding: 13px 16px;
  line-height: 1.35;
}
.gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item + .icon-with-text__item { border-top: 1px solid rgba(var(--color-foreground), .08); }
.gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item svg {
  flex: none;
  width: 24px !important;
  height: 24px !important;
  padding: 5px;
  border-radius: 999px;
  background: #34ab00;
  color: #fff;
  stroke-width: 3;
}
.gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item span { font-size: 15px; }
@media (min-width: 990px) {
  .gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px; }
  .gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item + .icon-with-text__item { border-top: 0; border-left: 1px solid rgba(var(--color-foreground), .08); }
  .gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item span { font-size: 14px; }
}

/* 2. Trust row -> one slim strip of three */
.gs-sub-page .product__block--icon-with-text-vertical .icon-with-text {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(var(--color-foreground), .1);
  border-bottom: 1px solid rgba(var(--color-foreground), .1);
}
.gs-sub-page .product__block--icon-with-text-vertical .icon-with-text__item {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin: 0 !important;
  padding: 14px 6px !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: center;
}
.gs-sub-page .product__block--icon-with-text-vertical .icon-with-text__item + .icon-with-text__item { border-left: 1px solid rgba(var(--color-foreground), .08) !important; }
.gs-sub-page .product__block--icon-with-text-vertical .icon-with-text__item svg { width: 22px !important; height: 22px !important; color: #34ab00; }
.gs-sub-page .product__block--icon-with-text-vertical .icon-with-text__item span { font-size: 12.5px; line-height: 1.3; font-weight: 600; }
@media (min-width: 768px) {
  .gs-sub-page .product__block--icon-with-text-vertical .icon-with-text__item span { font-size: 13px; }
}

/* 3. Skio plan picker -> premium plan card */
.gs-sub-page .skio-plan-picker { margin: 4px 0 0 !important; padding: 0 !important; border: 0 !important; }
.gs-sub-page .skio-group-container {
  position: relative;
  border: 2px solid rgb(var(--color-foreground)) !important;
  border-radius: var(--blocks-radius) !important;
  box-shadow: none !important;
  background: rgb(var(--color-background));
  overflow: hidden;
}
.gs-sub-page .skio-group-label { display: block; padding: 0 !important; margin: 0 !important; cursor: default; }
.gs-sub-page .skio-group-topline {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 14px 16px !important;
  background: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
}
.gs-sub-page .skio-radio__container { display: none !important; }
.gs-sub-page .skio-group-title { flex: 1; font-family: "Agency Bold", var(--font-heading-family); font-size: 20px !important; letter-spacing: .03em; text-transform: uppercase; line-height: 1; }
.gs-sub-page .skio-group-title::before { content: ""; display: inline-block; width: 8px; height: 8px; margin: 0 10px 2px 0; border-radius: 999px; background: #34ab00; vertical-align: middle; }
.gs-sub-page .skio-price { font-size: 18px; font-weight: 700; }
.gs-sub-page .skio-price .gs-per { font-size: 13px; font-weight: 500; opacity: .75; }
.gs-sub-page .skio-group-content { display: block !important; max-height: none !important; opacity: 1 !important; padding: 14px 16px 16px !important; margin: 0 !important; }
.gs-sub-page .skio-group-content-inner { padding: 0 !important; }
/* the original dropdown stays (Skio reads it) but is replaced visually by buttons */
.gs-sub-page .skio-frequency.gs-hidden { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none; }
.gs-plan-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.gs-plan-btn {
  display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
  padding: 12px 14px; border: 1.5px solid rgba(var(--color-foreground), .2); border-radius: var(--buttons-radius);
  background: rgb(var(--color-background)); color: inherit; text-align: left; cursor: pointer; transition: border-color .15s, background-color .15s;
}
.gs-plan-btn strong { font-size: 15px; }
.gs-plan-btn span { font-size: 12.5px; opacity: .7; }
.gs-plan-btn[aria-pressed=true] { border-color: rgb(var(--color-foreground)); box-shadow: inset 0 0 0 1px rgb(var(--color-foreground)); background: rgba(52, 171, 0, .06); }
@media (hover: hover) { .gs-plan-btn:hover { border-color: rgb(var(--color-foreground)); } }
.gs-plan-perks { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 12px 0 0; padding: 0; list-style: none; font-size: 13px; }
.gs-plan-perks li { display: flex; align-items: center; gap: 6px; }
.gs-plan-perks li::before { content: ""; width: 14px; height: 14px; flex: none; border-radius: 999px; background: #34ab00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / 10px no-repeat; }
.gs-sub-page .skio-plan-description:empty { display: none; }
.gs-sub-page .skio-group-container { padding: 0 !important; }
.gs-sub-page .skio-group-input { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; margin: 0 !important; }
.gs-sub-page .skio-group-label > *:first-child { margin-top: 0 !important; }
.gs-plan-btn {
  height: auto !important; min-height: 60px; line-height: 1.25 !important; text-transform: none !important;
  letter-spacing: 0 !important; justify-content: center; font-family: var(--font-body-family) !important;
}
.gs-plan-btn strong { font-family: "Agency Bold", var(--font-heading-family); font-size: 18px; letter-spacing: .02em; text-transform: uppercase; font-weight: 700; }
.gs-plan-btn span { font-size: 12.5px; font-weight: 500; text-transform: none; }
/* first-shipment note: calm neutral card with a green edge instead of a green box */
.gs-sub-page .product__block--promotion_alert { color: rgb(17, 17, 17) !important; --color-foreground: 17, 17, 17 !important; }
.gs-sub-page product-promotion-alert {
  padding: 14px 16px !important;
  background: rgb(var(--color-background, 255, 255, 255)) !important;
  border: 1px solid rgba(17, 17, 17, .1) !important;
  border-left: 3px solid #34ab00 !important;
}
.gs-sub-page product-promotion-alert .font-body-bolder { font-size: 14px; }
.gs-sub-page product-promotion-alert .rte { font-size: 13px; opacity: .8; }

/* subscription pages: reward cards show product cut-outs on a soft studio background */
.gs-sub-page [id*=gs_sub_rewards] .gs-sub__media { background: radial-gradient(circle at 50% 40%, #2b2b2a, #111 75%); }
.gs-sub-page [id*=gs_sub_rewards] .gs-sub__media img { object-fit: contain; padding: 22px; }
.gs-sub-page [id*=gs_sub_rewards] .gs-sub__label { display: inline-block; padding: 4px 10px; border-radius: 999px; background: rgba(52, 171, 0, .12); }
@media (min-width: 768px) {
  .gs-sub-page [id*=gs_sub_rewards] .gs-sub__item { flex-direction: row; }
  .gs-sub-page [id*=gs_sub_rewards] .gs-sub__media { flex: 0 0 44%; aspect-ratio: auto; min-height: 230px; }
  .gs-sub-page [id*=gs_sub_rewards] .gs-sub__body { align-self: center; }
}
@media (max-width: 767px) {
  .gs-sub-page [id*=gs_sub_rewards] .gs-sub__item { flex: 0 0 84%; }
}

/* "Why subscribers love it" panel: left-aligned checklist over the photo */
.gs-sub-page .image-with-text-overlay .rich-text__text ul { list-style: none; margin: 14px 0 0; padding: 0; text-align: left; display: grid; gap: 10px; }
.gs-sub-page .image-with-text-overlay .rich-text__text li { display: flex; align-items: flex-start; gap: 10px; font-size: 16px; line-height: 1.4; }
.gs-sub-page .image-with-text-overlay .rich-text__text li::before { content: ""; flex: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 999px; background: #34ab00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat; }
.gs-sub-page .image-with-text-overlay .rich-text { text-align: left !important; align-items: flex-start !important; max-width: 520px; }
.gs-sub-page .image-with-text-overlay .content-overlay__inner,
.gs-sub-page .image-with-text-overlay .image-with-text-overlay__content { background: rgba(10, 10, 10, .55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); padding: 28px !important; border-radius: var(--blocks-radius); }
@media (max-width: 767px) {
  .gs-sub-page .image-with-text-overlay .content-overlay__inner,
  .gs-sub-page .image-with-text-overlay .image-with-text-overlay__content { padding: 22px !important; margin: 16px; }
  .gs-sub-page .image-with-text-overlay .rich-text__text li { font-size: 15px; }
}

/* giveaway: darker, more readable body copy */
.gs-sub-page .image-with-text .rich-text__text { color: rgba(17, 17, 17, .78) !important; font-size: 16px; line-height: 1.6; }
.gs-sub-page .image-with-text .rich-text__subheading { color: #34ab00 !important; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }

/* ===== Subscription pages: one grid, one rhythm, one type scale ===== */
.gs-sub-page main .page-width,
.gs-sub-page main .section__container { max-width: none !important; padding-inline: 16px !important; }
@media (min-width: 768px) {
  .gs-sub-page main .page-width,
  .gs-sub-page main .section__container { padding-inline: 40px !important; }
}
/* the product area keeps its own column layout, just aligned to the same edges */
.gs-sub-page .section-main-product .page-width { padding-inline: 16px !important; }
@media (min-width: 768px) { .gs-sub-page .section-main-product .page-width { padding-inline: 40px !important; } }
/* vertical rhythm for the theme's own sections */
.gs-sub-page main .section--padding:not(.image-with-text-overlay):not(.section-main-product) { padding-top: 56px !important; padding-bottom: 56px !important; }
@media (max-width: 767px) {
  .gs-sub-page main .section--padding:not(.image-with-text-overlay):not(.section-main-product) { padding-top: 40px !important; padding-bottom: 40px !important; }
}
/* reviews app: same edges and rhythm */
.gs-sub-page .junip-product-review-container,
.gs-sub-page .junip-review-section-container { max-width: none !important; margin-inline: 0 !important; padding-inline: 0 !important; }
.gs-sub-page [id*=1770234742907b2488] .section,
.gs-sub-page [id*=1770234742907b2488] > div { padding-inline: 16px; }
@media (min-width: 768px) { .gs-sub-page [id*=1770234742907b2488] .section, .gs-sub-page [id*=1770234742907b2488] > div { padding-inline: 40px; } }
/* type scale: every section heading 32px desktop / 22px phone */
.gs-sub-page main h2.section__heading,
.gs-sub-page main .rich-text__heading:not(.slideshow__title),
.gs-sub-page main .gs-sub__title,
.gs-sub-page .junip-product-review-header-title,
.gs-sub-page .junip-reviews-title { font-size: 32px !important; line-height: 1.05 !important; }
@media (max-width: 767px) {
  .gs-sub-page main h2.section__heading,
  .gs-sub-page main .rich-text__heading:not(.slideshow__title),
  .gs-sub-page main .gs-sub__title,
  .gs-sub-page .junip-product-review-header-title,
  .gs-sub-page .junip-reviews-title { font-size: 22px !important; }
}
/* FAQ header left-aligned like every other section */
.gs-sub-page .collapsible-tabs .section__header { text-align: left !important; align-items: flex-start !important; }
/* phones: card rows keep a 16px gap from the screen edge when they settle */
@media (max-width: 767px) {
  .gs-sub--cards .gs-sub__grid { scroll-padding-inline: 16px; gap: 10px; }
  .gs-sub--cards .gs-sub__grid::after { content: ""; flex: 0 0 6px; }
}
/* key benefits: smaller, calmer */
.gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item { gap: 10px; padding: 10px 14px; }
.gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item svg { width: 18px !important; height: 18px !important; padding: 4px; stroke-width: 3.2; }
.gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item span { font-size: 13.5px !important; font-weight: 600; line-height: 1.35; }
@media (min-width: 990px) {
  .gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item { gap: 8px; padding: 12px 14px; }
  .gs-sub-page .product__block--icon-with-text-horizontal .icon-with-text__item span { font-size: 13px !important; }
}

/* Slideshow: heading, text and button are always visible (backstop for the theme's slide text animation) */
.slideshow__text motion-element,
.slideshow__text .slideshow__subtitle,
.slideshow__text .slideshow__title,
.slideshow__text .slideshow__buttons {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Textured band that is the last section before the footer: flat bottom edge, no overlap into the footer */
main .shopify-section:last-of-type .gs-textured,
main .shopify-section:last-child .gs-textured {
  margin-bottom: 0 !important;
  -webkit-mask: url("gs-edge-top.svg") top / 100% 16px no-repeat, linear-gradient(#000, #000) bottom / 100% calc(100% - 14px) no-repeat !important;
          mask: url("gs-edge-top.svg") top / 100% 16px no-repeat, linear-gradient(#000, #000) bottom / 100% calc(100% - 14px) no-repeat !important;
}

/* About section: smaller "Our Story" link */
.gs-iwt-split .btn { font-size: 20px !important; padding-bottom: 3px !important; border-bottom-width: 1.5px !important; }
@media (max-width: 767px) { .gs-iwt-split .btn { font-size: 18px !important; } }

/* Torn edges: dark backing behind the notches so the white page never shows through */
.shopify-section:has(.gs-iwt-split) + .shopify-section,
.shopify-section:has(+ .shopify-section .gs-iwt-split) { position: relative; }
.shopify-section:has(.gs-iwt-split) + .shopify-section::before {
  content: ""; position: absolute; left: 0; right: 0; top: -24px; height: 26px; background: #121212; z-index: 0; pointer-events: none;
}
.shopify-section:has(+ .shopify-section .gs-iwt-split)::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -24px; height: 26px; background: #121212; z-index: 0; pointer-events: none;
}
.shopify-section:has(.gs-iwt-split) { position: relative; z-index: 2; }
/* same for the textured bands on subscription pages and the Reviews page */
.shopify-section:has(.gs-textured) { position: relative; z-index: 2; }
.shopify-section:has(.gs-textured) + .shopify-section { position: relative; }
.shopify-section:has(+ .shopify-section .gs-textured) { position: relative; }