/* Homepage geometry mirrors the approved 1440px and 390px reference measurements. */
.template-index .content-for-layout {
  background: var(--rad-white);
}

.template-index .container-background-image .slideshow-section {
  padding-block: 8px 0 !important;
}

.template-index .container-background-image slideshow-component,
.template-index .container-background-image slideshow-container,
.template-index .container-background-image slideshow-slides,
.template-index .container-background-image slideshow-slide,
.template-index .container-background-image .slide__image-container {
  border-radius: var(--rad-radius);
}

.template-index .container-background-image slideshow-component {
  overflow: clip;
}
.ui-test-product-list .section--full-width{
    padding: 0 var(--rad-page-gutter) 8px;
    background: var(--rad-white);
}
.template-index .container-background-image .slide__picture,
.template-index .container-background-image .slide__image,
.template-index .container-background-image .slide__video,
.template-index .container-background-image .slide__video-poster {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.template-index .container-background-image slideshow-pagination {
  inset-block-end: 18px;
}

.template-index .container-background-image slideshow-arrows .slideshow-control {
  border-radius: var(--rad-radius);
}

/* Moving message strip */
.template-index marquee-component {
  min-height: 73px;
  padding-block: 8px !important;
  background: var(--rad-white) !important;
  color: var(--rad-ink);
}

.template-index marquee-component .marquee__wrapper {
  min-height: 57px;
  align-items: center;
}

.template-index marquee-component .marquee__repeated-items {
  font-size: 31px;
  font-weight: 500;
  line-height: 41px;
}

.template-index marquee-component .marquee__repeated-items :is(p, h1, h2, h3, h4, h5, h6) {
  background: linear-gradient(90deg, var(--rad-orange), var(--rad-cyan), var(--rad-orange));
  background-clip: text;
  color: transparent !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Three campaign cards */
.rad-promo {
  padding: 0 var(--rad-page-gutter) 8px;
  background: var(--rad-white);
}

.rad-promo__inner {
  width: min(100%, 1900px);
  margin-inline: auto;
}

.rad-promo__track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.rad-promo-card {
  position: relative;
  aspect-ratio: 1;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--rad-radius);
  background: var(--rad-cream);
}

.rad-promo-card__link,
.rad-promo-card__media,
.rad-promo-card__media img {
  display: block;
  width: 100%;
  height: 100%;
}

.rad-promo-card__media img {
  object-fit: cover;
}

.rad-promo-card__placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  padding: 24px;
  color: var(--rad-ink);
  font-size: clamp(22px, 2.2vw, 34px);
  font-weight: 600;
  text-align: center;
}

.rad-promo-card:nth-child(1) .rad-promo-card__placeholder {
  background: var(--rad-orange);
}

.rad-promo-card:nth-child(2) .rad-promo-card__placeholder {
  background: var(--rad-cyan);
}

.rad-promo-card:nth-child(3) .rad-promo-card__placeholder {
  background: var(--rad-lime);
}

.rad-promo-card__link:focus-visible {
  outline-offset: -5px;
}

/* Top Picks */
.template-index [data-testid='product-list'] {
  padding-block: 40px !important;
  --gap: 44px !important;
}

.template-index [data-testid='product-list'] .section-resource-list__header {
  margin: 0;
}

.template-index [data-testid='product-list'] .section-resource-list__header h2 {
  margin: 0;
  color: var(--rad-ink);
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0;
}

.template-index [data-testid='product-list'] .resource-list {
  --resource-list-column-gap: 4px;
}

.template-index [data-testid='product-list'] .resource-list__carousel {
  --peek-next-slide-size: 0px;
}

.template-index
  [data-testid='product-list']
  .resource-list__carousel
  > slideshow-container
  > slideshow-slides {
  gap: 4px;
}

/* Four-card editorial collage */
.rad-collage {
  padding: 40px var(--rad-page-gutter);
  background: var(--rad-white);
}

.rad-collage__inner {
  width: min(100%, 1320px);
  margin-inline: auto;
}

.rad-collage__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(3, 310px);
  gap: 16px;
}

.rad-collage-card {
  position: relative;
  min-width: 0;
  overflow: clip;
  border-radius: var(--rad-radius);
  background: var(--rad-cream);
}

.rad-collage-card--1 {
  grid-area: 1 / 1 / 3 / 3;
}

.rad-collage-card--2 {
  grid-area: 1 / 3 / 2 / 5;
}

.rad-collage-card--3 {
  grid-area: 2 / 3 / 4 / 5;
}

.rad-collage-card--4 {
  grid-area: 3 / 1 / 4 / 3;
}

.rad-collage-card__media,
.rad-collage-card__media img {
  display: block;
  width: 100%;
  height: 100%;
}

.rad-collage-card__media img {
  object-fit: cover;
}

.rad-collage-card__placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  padding: 28px;
  color: var(--rad-ink);
  font-size: clamp(24px, 3vw, 48px);
  font-weight: 600;
  text-align: center;
}

.rad-collage-card:nth-child(4n + 1) .rad-collage-card__placeholder {
  background: var(--rad-orange);
}

.rad-collage-card:nth-child(4n + 2) .rad-collage-card__placeholder {
  background: var(--rad-cyan);
}

.rad-collage-card:nth-child(4n + 3) .rad-collage-card__placeholder {
  background: var(--rad-lime);
}

.rad-collage-card:nth-child(4n) .rad-collage-card__placeholder {
  background: var(--rad-cream);
}

.rad-collage-card__button {
  position: absolute;
  z-index: 1;
  inset-inline-start: 24px;
  inset-block-end: 24px;
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  max-width: calc(100% - 48px);
  border-radius: var(--rad-radius);
  background: var(--rad-orange);
  color: var(--rad-cream);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.06em;
  overflow-wrap: anywhere;
  text-align: center;
}

.rad-collage-card__link {
  position: absolute;
  z-index: 2;
  inset: 0;
  border-radius: inherit;
}

.rad-collage-card__link:focus-visible {
  outline-offset: -5px;
}

/* Brand statement */
.rad-brand {
  padding: 20px var(--rad-page-gutter);
  background: var(--rad-white);
  color: var(--rad-ink);
}

.rad-brand__inner {
  width: min(100%, 1140px);
  margin-inline: auto;
  text-align: center;
}

.rad-brand__heading {
  margin: 0;
  color: inherit;
  font-size: 72px;
  font-weight: 700;
  line-height: 82px;
  letter-spacing: -0.025em;
  overflow-wrap: anywhere;
}

.rad-brand__text {
  max-width: 78ch;
  margin: 28px auto 16px;
  color: color-mix(in srgb, var(--rad-ink) 75%, transparent);
  font-size: 22px;
  line-height: 34px;
}

.rad-brand__text > * {
  margin-block: 0;
}

.rad-brand__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 32px;
}

.rad-pill {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  border: 0;
  border-radius: var(--rad-radius);
  background: var(--rad-orange);
  color: var(--rad-cream);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.06em;
  text-decoration: none;
}

/* Instafeed app */
.rad-social {
  padding: 8px var(--rad-page-gutter);
  background: var(--rad-white);
}

.rad-social__inner {
  width: min(100%, 1320px);
  margin-inline: auto;
}

.rad-social__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.rad-section-heading {
  margin: 0;
  color: var(--rad-ink);
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
}

.rad-social__handle {
  color: var(--rad-ink);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-underline-offset: 4px;
}

.rad-social__setup {
  display: grid;
  min-height: 220px;
  place-items: center;
  padding: 30px;
  border: 1px dashed color-mix(in srgb, var(--rad-ink) 35%, transparent);
  border-radius: var(--rad-radius);
  background: var(--rad-cream);
  text-align: center;
}

.rad-social__app #insta-feed,
.rad-social__app .instafeed-new-layout-container {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16.5px !important;
  width: 100% !important;
  margin: 0 !important;
}

.rad-social__app :is(.instafeed-container, .instafeed-new-layout-item) {
  width: 100% !important;
  aspect-ratio: 1 !important;
  padding: 0 !important;
  overflow: clip;
  border-radius: 0;
}

.rad-social__app :is(.instafeed-container, .instafeed-new-layout-item) img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Newsletter */
.rad-newsletter {
  padding: 20px var(--rad-page-gutter);
  background: var(--rad-white);
}

.rad-newsletter__panel {
  display: grid;
  width: min(100%, 1900px);
  min-height: 494px;
  margin-inline: auto;
  place-items: center;
  overflow: clip;
  border-radius: var(--rad-radius);
  background: var(--rad-cyan);
  color: var(--rad-white);
}

.rad-newsletter__inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--gap-xl);
  width: 520px;
  min-height: 366px;
  padding: 44px;
  border-radius: var(--rad-radius);
  text-align: center;
}

.rad-newsletter__inner > * {
  width: 100%;
}

.rad-newsletter__inner .text-block {
  --color: var(--rad-white);
}

.rad-newsletter__inner .text-block > * {
  color: inherit;
}

.rad-newsletter__inner .email-signup-block {
  width: 100%;
  min-width: 0;
}

.rad-newsletter__inner
  .email-signup__input-group:not(.email-signup__input-group--integrated):not(.email-signup__input-group--underline) {
  flex-direction: column;
  align-items: stretch;
  gap: var(--gap-sm);
}

.rad-newsletter__inner .email-signup__input,
.rad-newsletter__inner .email-signup__button--text {
  width: 100%;
  min-height: 56px;
  border-radius: var(--rad-radius);
}

.rad-newsletter__inner
  .email-signup__input-group:not(.email-signup__input-group--integrated):not(.email-signup__input-group--underline)
  .email-signup__button {
  width: 100%;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .rad-collage__grid {
    grid-template-rows: repeat(3, minmax(220px, 24vw));
  }
}

@media screen and (max-width: 749px) {
  .template-index marquee-component {
    min-height: 63px;
  }

  .template-index marquee-component .marquee__wrapper {
    min-height: 47px;
  }

  .template-index marquee-component .marquee__repeated-items {
    font-size: 24px;
    line-height: 34px;
  }

  .rad-promo {
    overflow: hidden;
  }

  .rad-promo__track {
    display: flex;
    gap: 12px;
    width: auto;
    margin-inline: calc(var(--rad-page-gutter) * -1);
    padding-inline: var(--rad-page-gutter);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: var(--rad-page-gutter);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .rad-promo__track::-webkit-scrollbar {
    display: none;
  }

  .rad-promo-card {
    flex: 0 0 82%;
    scroll-snap-align: start;
  }

  .template-index [data-testid='product-list'] {
    padding-block: 36px !important;
    --gap: 44px !important;
  }

  .template-index [data-testid='product-list'] .section-resource-list__header h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .template-index
    [data-testid='product-list']
    .resource-list__carousel
    > slideshow-container
    > slideshow-slides
    > .resource-list__slide {
    --slide-width: calc((100cqw - (var(--rad-page-gutter) * 2)) * 0.82) !important;
  }

  .rad-collage {
    padding-block: 36px;
  }

  .rad-collage__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 6px;
  }

  .rad-collage-card,
  .rad-collage-card:nth-child(n) {
    grid-area: auto;
    height: 400px;
  }

  .rad-collage-card__button {
    inset-inline-start: 20px;
    inset-block-end: 20px;
  }

  .rad-brand {
    padding-block: 20px;
  }

  .rad-brand__heading {
    font-size: 44px;
    line-height: 48px;
  }

  .rad-brand__text {
    margin-top: 28px;
    font-size: 18px;
    line-height: 29px;
  }

  .rad-brand__actions {
    flex-direction: column;
  }

  .rad-pill {
    width: 100%;
  }

  .rad-social__header {
    display: block;
    margin-bottom: 20px;
  }

  .rad-section-heading {
    font-size: 24px;
    line-height: 34px;
  }

  .rad-social__handle {
    display: inline-block;
    margin-top: 4px;
  }

  .rad-social__app #insta-feed,
  .rad-social__app .instafeed-new-layout-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8.75px !important;
  }

  .rad-social__app :is(.instafeed-container, .instafeed-new-layout-item):nth-child(n + 5) {
    display: none !important;
  }

  .rad-newsletter__panel {
    min-height: 398px;
  }

  .rad-newsletter__inner {
    width: calc(100% - 40px);
    min-height: 358px;
    padding: 20px;
  }
}
/* Homepage Judge.me: CSS presentation only. Keep native slide widths,
 * track gaps, transforms, loading state and controls owned by the app.
 */
.template-index [id$="__17913414426c4adfa7"] .jdgm-cards-carousel {
  --rad-review-card-padding: 28px;

  .jdgm-cards-wrapper {
    position: relative;
  }

  .jdgm-cards-wrapper::before,
  .jdgm-cards-wrapper::after {
    position: absolute;
    z-index: 3;
    inset-block: 0;
    width: 24px;
    pointer-events: none;
    content: '';
  }

  .jdgm-cards-wrapper::before {
    inset-inline-start: 0;
    background: linear-gradient(to right, var(--rad-white), transparent);
  }

  .jdgm-cards-wrapper::after {
    inset-inline-end: 0;
    background: linear-gradient(to left, var(--rad-white), transparent);
  }

  .jdgm-media-card {
    position: relative;
    height: 360px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--rad-ink) 12%, transparent);
    border-radius: var(--rad-radius);
    background: var(--rad-white);
    color: var(--rad-ink);
    overflow: hidden;
  }

  .jdgm-media-card > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .jdgm-media-card > :is(.jdgm-text, .jdgm-rating-section) {
    display: none;
  }

  .jdgm-media-card .jdgm-video-controls {
    height: 100%;
  }

  /* Use the original review index, not DOM position, so native clones keep
   * the same appearance. Never turn a video review into a quote card.
   */
  .jdgm-media-card.jdgm-text-card,
  .jdgm-media-card:not(.jdgm-video-card):is(
    [data-card-index="0"], [data-card-index="3"], [data-card-index="6"],
    [data-card-index="9"], [data-card-index="12"], [data-card-index="15"],
    [data-card-index="18"], [data-card-index="21"], [data-card-index="24"],
    [data-card-index="27"]
  ) {
    flex-direction: column;
    gap: 16px;
    padding: var(--rad-review-card-padding);
    text-align: start;

    > img {
      display: none;
    }

    > .jdgm-rating-section {
      display: flex;
      order: -1;
      padding: 0;
      align-items: flex-start;
      gap: 0;
    }

    .jdgm-star {
      font-size: 16px;
    }

    :is(.jdgm-reviewer-info, .jdgm-product-name) {
      display: none;
    }

    > .jdgm-text {
      display: block;
      flex: 1;
      min-height: 0;
      max-height: none;
      padding: 0;
      overflow: hidden;
      text-align: start;
      color: var(--rad-ink);
      font: inherit;
    }

    .jdgm-text p {
      display: block;
      max-width: 100%;
      line-height: inherit;
      overflow-wrap: anywhere;
      -webkit-line-clamp: unset;
    }
  }

  @media (max-width: 749px) {
    --rad-review-card-padding: 24px;

    .jdgm-media-card {
      height: 340px;
    }

    .jdgm-cards-wrapper::before,
    .jdgm-cards-wrapper::after {
      width: 12px;
    }
  }
}