/*  https://overnightmountings.s3.us-east-1.amazonaws.com/development_static*/
.jewelry-hero-bg {
  background-image: url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/hero.png");
  background-image: -webkit-image-set(
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/hero.avif")
      type("image/avif") 1x,
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/hero.webp")
      type("image/webp") 1x,
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/hero.png")
      1x
  );
  background-image: image-set(
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/hero.avif")
      type("image/avif") 1x,
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/hero.webp")
      type("image/webp") 1x,
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/hero.png")
      1x
  );
}

/* Featured Categories section: gradient + image on mobile, image only on md+ */
.jewelry-content-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(to bottom, #1d2940 0%, rgba(0, 0, 0, 0.55) 100%),
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.png");
  background-image:
    linear-gradient(to bottom, #1d2940 0%, rgba(0, 0, 0, 0.55) 100%),
    -webkit-image-set(
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.avif")
          type("image/avif") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.webp")
          type("image/webp") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.png")
          1x
      );
  background-image:
    linear-gradient(to bottom, #1d2940 0%, rgba(0, 0, 0, 0.55) 100%),
    image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.png")
        1x
    );
}

@media (min-width: 768px) {
  .jewelry-content-bg {
    background-image: url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.png");
    background-image: -webkit-image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.png")
        1x
    );
    background-image: image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/content-button.png")
        1x
    );
  }
}

/* Bridal rings / engagement: mobile banner (gradient + image) */
.feafture-hoop-banner-mobile {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner-mobile.png");
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    -webkit-image-set(
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner-mobile.avif")
          type("image/avif") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner-mobile.webp")
          type("image/webp") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner-mobile.png")
          1x
      );
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner-mobile.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner-mobile.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner-mobile.png")
        1x
    );
}

/* Bridal rings / engagement: desktop banner (gradient + image) */
.feafture-hoop-banner-desktop {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner.png");
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    -webkit-image-set(
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner.avif")
          type("image/avif") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner.webp")
          type("image/webp") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner.png")
          1x
      );
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/feature-hoop/banner.png")
        1x
    );
}

/* Wedding bands: mobile banner (gradient + image) */
.fashion-ring-banner-mobile {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner-mobile.png");
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    -webkit-image-set(
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner-mobile.avif")
          type("image/avif") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner-mobile.webp")
          type("image/webp") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner-mobile.png")
          1x
      );
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner-mobile.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner-mobile.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner-mobile.png")
        1x
    );
}

/* Wedding bands: desktop banner (gradient + image) */
.fashion-ring-banner-desktop {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner.png");
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    -webkit-image-set(
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner.avif")
          type("image/avif") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner.webp")
          type("image/webp") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner.png")
          1x
      );
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/fashion-rings/banner.png")
        1x
    );
}

/* Wedding bands: mobile banner (gradient + image) */
.inline-bracelet-banner-mobile {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner-mobile.png");
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    -webkit-image-set(
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner-mobile.avif")
          type("image/avif") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner-mobile.webp")
          type("image/webp") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner-mobile.png")
          1x
      );
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner-mobile.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner-mobile.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner-mobile.png")
        1x
    );
}

/* Wedding bands: desktop banner (gradient + image) */
.inline-bracelet-banner-desktop {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner.png");
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    -webkit-image-set(
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner.avif")
          type("image/avif") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner.webp")
          type("image/webp") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner.png")
          1x
      );
  background-image:
    linear-gradient(
      to bottom,
      rgba(29, 41, 64, 0) 0%,
      rgba(29, 41, 64, 0.2) 100%
    ),
    image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/jewelry/inline-bracelets/banner.png")
        1x
    );
}