/* Start custom CSS *//* rmcev4:instagram-community:start */ #ck-community {
  background: var(--surface-soft);
  overflow: clip
}

#ck-community .ck-chip {
  --ck-chip-color: var(--text-subtle)
}

#ck-community :is(h2,p) {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic
}

#ck-community-title {
  text-transform: uppercase
}

#ck-community .ck-chip-caption {
  text-transform: none
}

#ck-community .ck-template-embed {
  min-width: 0
}

#ck-community .ck-template-embed>.elementor-widget-shortcode,#ck-community .elementor-shortcode {
  width: 100%
}

.ck-community-feed {
  --ckig-scale: var(--ck-design-unit);
  width: 100%;
  font-family: var(--brand-font),sans-serif
}

#ck-community .ck-community-feed :is(#sb_instagram,#sbi_images) {
  padding: 0!important;
  margin: 0!important;
  width: 100%!important;
  background: transparent!important;
  float: none!important
}

.ck-community-feed .ckig-items {
  display: flex!important;
  align-items: flex-start;
  gap: calc(14 * var(--ck-design-unit));
  width: 100%;
  padding: 0;
  margin: 0
}

.ck-community-feed .ckig-items::before,.ck-community-feed .ckig-items::after {
  display: none!important
}

#ck-community .ckig-items .ckig-post {
  width: calc((100% - 42 * var(--ck-design-unit))/4)!important;
  flex: 0 0 calc((100% - 42 * var(--ck-design-unit))/4);
  padding: 0!important;
  margin: 0!important;
  float: none!important;
  box-sizing: border-box;
  overflow: visible!important
}

#ck-community .ckig-post .sbi_photo_wrap {
  position: relative;
  border-radius: var(--ck-card-radius);
  overflow: hidden
}

#ck-community .ckig-post .sbi_photo {
  display: block!important;
  position: relative;
  height: calc(441 * var(--ckig-scale))!important;
  opacity: 1!important;
  width: 100%;
  overflow: hidden;
  border-radius: inherit;
  text-decoration: none;
  transition: filter 160ms ease;
  background-size: cover
}

#ck-community .ckig-post.sbi_type_video .sbi_photo {
  height: calc(504 * var(--ckig-scale))!important
}

#ck-community .sbi_photo>img {
  display: block!important;
  position: absolute;
  width: 100%!important;
  height: 100%!important;
  inset: 0;
  max-height: none!important;
  object-fit: cover;
  opacity: 1!important;
  pointer-events: none
}

#ck-community [data-mode="demo"] .ckig-post:nth-child(1) .sbi_photo>img {
  width: 106.95%!important;
  height: 124.8%!important;
  left: -2.11%;
  top: -4.37%;
  max-width: none
}

#ck-community [data-mode="demo"] .ckig-post:nth-child(2) .sbi_photo>img {
  width: 126.89%!important;
  height: 119.05%!important;
  left: -13.6%;
  top: -16.33%;
  max-width: none
}

#ck-community [data-mode="demo"] .ckig-post:nth-child(3) .sbi_photo>img {
  width: 104.23%!important;
  height: 110.91%!important;
  left: -2.11%;
  top: -5.36%;
  max-width: none
}

#ck-community [data-mode="demo"] .ckig-post:nth-child(4) .sbi_photo>img {
  width: 111.78%!important;
  height: 104.76%!important;
  left: -5.74%;
  top: -2.27%;
  max-width: none
}

#ck-community .sbi_photo .sbi_playbtn {
  display: none!important
}

#ck-community .sbi_photo:hover {
  filter: brightness(.95)
}

#ck-community .ckig-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: calc(79.2 * var(--ckig-scale));
  height: calc(79.2 * var(--ckig-scale));
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ffffff1a;
  pointer-events: none;
  backdrop-filter: blur(calc(2 * var(--ckig-scale)))
}

#ck-community .ckig-play::before {
  content: '';
  position: absolute;
  inset: calc(8.25 * var(--ckig-scale));
  border-radius: 50%;
  background: #ffffff40
}

#ck-community .ckig-play-glyph {
  position: relative;
  display: block;
  width: calc(17.5 * var(--ckig-scale));
  height: calc(19.6 * var(--ckig-scale));
  margin-left: calc(4 * var(--ckig-scale));
  background: url('/wp-content/uploads/2026/09/ck-community-play.svg') center/contain no-repeat
}

#ck-community .ckig-product {
  display: flex;
  align-items: center;
  gap: calc(18 * var(--ckig-scale));
  height: calc(119 * var(--ckig-scale));
  margin-top: calc(12 * var(--ckig-scale));
  padding: calc(6 * var(--ckig-scale));
  border-radius: var(--ck-card-radius);
  background: #e3e3eb;
  color: var(--text-dark);
  text-decoration: none;
  overflow: hidden;
  transition: background-color 160ms ease
}

#ck-community .sbi_type_image .ckig-product {
  margin-top: calc(9 * var(--ckig-scale))
}

#ck-community .ckig-product:hover {
  background: var(--surface-muted)
}

#ck-community .ckig-product-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 calc(97 * var(--ckig-scale));
  height: 100%;
  border-radius: var(--ck-card-radius);
  background: white;
  overflow: hidden
}

#ck-community .ckig-product-image img {
  display: block!important;
  width: 80%!important;
  height: 84%!important;
  object-fit: contain;
  mix-blend-mode: multiply;
  pointer-events: none;
  opacity: 1!important
}

#ck-community .ckig-product-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
  gap: calc(10 * var(--ckig-scale));
  padding-right: calc(4 * var(--ckig-scale));
  text-align: left
}

#ck-community .ckig-product-title,#ck-community .ckig-product-price,#ck-community .ckig-product-more {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
  text-box-trim: none;
  text-box-edge: cap alphabetic
}

#ck-community .ckig-product-title {
  font-size: calc(18 * var(--ckig-scale));
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase
}

#ck-community .ckig-product-price {
  font-size: calc(18 * var(--ckig-scale));
  font-weight: 700;
  letter-spacing: -.022em;
  line-height: calc(23 * var(--ckig-scale))
}

#ck-community .ckig-product-price del {
  font-weight: 400;
  color: #4b4b4b
}

#ck-community .ckig-product-price ins {
  font-weight: 700;
  color: inherit;
  text-decoration: none;
  background: none
}

#ck-community .ckig-product-more {
  font-size: calc(16 * var(--ckig-scale));
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  text-decoration: underline;
  color: #b3260a
}

#ck-community :is(.sbi_photo,.ckig-product):focus-visible {
  outline: 2px solid #263607;
  outline-offset: -3px
}

#ck-community .ck-brand-button {
  white-space: nowrap;
  overflow: visible;
  color: var(--ck-button-text,#000);
  --ck-button-shape-unit: calc(var(--ck-design-unit) * .75)
}

#ck-community .ck-brand-button::before {
  left: 0;
  width: auto
}

#ck-community .ckig-empty {
  text-align: center
}

@media(max-width:1024px) {
  .ck-community-feed {
    --ckig-scale: calc(var(--ck-design-unit) * .87)
  }

  #ck-community .ckig-items {
    gap: calc(13 * var(--ck-design-unit));
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--ck-page-gutter);
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    align-items: flex-start;
    min-height: calc(552 * var(--ck-design-unit));
    box-sizing: border-box
  }

  /* The rail is #sbi_images: «padding: 0 !important» of «.ck-community-feed :is(#sb_instagram, #sbi_images)» outranked
     the side padding, so the first card touched the screen edge (user 20.10). Same ids, one class more. */
  #ck-community .ck-community-feed #sbi_images.ckig-items {
    padding-inline: var(--ck-page-gutter)!important
  }

  #ck-community .ckig-items::-webkit-scrollbar {
    display: none
  }

  #ck-community .ckig-items .ckig-post {
    flex: 0 0 calc(288 * var(--ck-design-unit));
    width: calc(288 * var(--ck-design-unit))!important;
    scroll-snap-align: start;
    scroll-snap-stop: always
  }

  #ck-community .ckig-product-title {
    font-size: calc(16 * var(--ck-design-unit))
  }
}

@media(prefers-reduced-motion:reduce) {
  #ck-community :is(.sbi_photo,.ckig-product) {
    transition: none
  }
}

/* rmcev4:instagram-community:end */ /* rmcev4:photo-focus-ring:start */ /* Keyboard focus on Instagram photos: the photo layer covers the inset outline, so the ring is drawn on top
   (black inside, white outside: visible on any photo). */ #ck-community .ckig-post .sbi_photo:focus-visible {
  outline: 0;
}

#ck-community .ckig-post .sbi_photo:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  box-shadow: inset 0 0 0 2px var(--text-dark), inset 0 0 0 4px var(--text-light);
  pointer-events: none;
}

/* rmcev4:photo-focus-ring:end *//* End custom CSS */