/* RC168 / BIAB – styled after user-provided Elementor export (14 Oct 2026). */
.jn-biab-gutenberg{--jn-biab-ink:#111; font-family:Montserrat,Arial,sans-serif; color:#111; width:100%; max-width:none; }
.jn-biab-gutenberg *, .jn-biab-gutenberg *::before, .jn-biab-gutenberg *::after{box-sizing:border-box}
.jn-biab-gutenberg > .wp-block-group{margin-block-start:0}
.jn-biab-gutenberg h1,.jn-biab-gutenberg h2,.jn-biab-gutenberg h3,.jn-biab-gutenberg p{margin-top:0}




.jn-biab-hero {
  --jn-black:#000000;
  --jn-white:#ffffff;
  --jn-pink:#e271a1;
  --jn-soft-pink:#f8f0f3;
  --jn-border:#eadfe3;
  --jn-warm-overlay:137,96,92;
  width:100%;
  font-family:"Montserrat",Arial,sans-serif;
  color:var(--jn-black);
}

.jn-biab-hero *,
.jn-biab-hero *::before,
.jn-biab-hero *::after{box-sizing:border-box}

.jn-biab-hero__media {
  position:relative;
  width:100vw;
  height:600px;
  left:50%;
  margin-left:-50vw;
  overflow:hidden;
  background:var(--jn-soft-pink);
}

.jn-biab-hero__picture {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}

.jn-biab-hero__image {
  position:absolute;
  inset:0;
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover;
  object-position:center center;
}

.jn-biab-hero__overlay {
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      270deg,
      rgba(var(--jn-warm-overlay),.62) 0%,
      rgba(var(--jn-warm-overlay),.44) 19%,
      rgba(var(--jn-warm-overlay),.20) 37%,
      rgba(var(--jn-warm-overlay),0) 58%
    );
}

.jn-biab-hero__content {
  position:absolute;
  z-index:2;
  top:50%;
  right:max(5vw,40px);
  transform:translateY(-50%);
  width:min(520px,39%);
  color:var(--jn-white);
  text-align:left;
}

.jn-biab-hero__eyebrow {
  display:inline-block;
  margin-bottom:14px;
  padding:8px 13px;
  border-radius:5px;
  background:var(--jn-pink);
  color:var(--jn-white);
  font-size:11px;
  line-height:1;
  font-weight:600;
  letter-spacing:1.1px;
}

.jn-biab-hero__content h1 {
  margin:0 0 18px;
  padding:0;
  color:var(--jn-white);
  font-size:clamp(40px,4vw,60px);
  line-height:.99;
  font-weight:900;
  letter-spacing:-2px;
  text-align:left;
  text-shadow:0 2px 12px rgba(70,39,36,.16);
}

.jn-biab-hero__content p {
  max-width:440px;
  margin:0;
  color:var(--jn-white);
  font-size:16px;
  line-height:1.6;
  font-weight:400;
  text-shadow:0 1px 7px rgba(70,39,36,.16);
}

.jn-biab-paths {
  position:relative;
  z-index:5;
  width:calc(100% - 70px);
  max-width:1160px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:-58px auto 42px;
}

.jn-biab-path {
  min-height:310px;
  padding:30px 32px 28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:var(--jn-soft-pink);
  border:1px solid var(--jn-border);
  border-radius:16px;
  color:var(--jn-black)!important;
  text-decoration:none!important;
  box-shadow:0 12px 34px rgba(0,0,0,.07);
}

.jn-biab-path__small {
  display:block;
  margin-bottom:12px;
  color:var(--jn-pink);
  font-size:10px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:1.1px;
}

.jn-biab-path h2 {
  max-width:450px;
  margin:0 0 14px;
  color:var(--jn-black);
  font-size:clamp(25px,2.4vw,34px);
  line-height:1.06;
  font-weight:900;
  letter-spacing:-.9px;
  text-align:left;
}

.jn-biab-path p {
  max-width:440px;
  margin:0;
  color:#4f4f4f;
  font-size:13px;
  line-height:1.55;
  font-weight:400;
}

.jn-biab-path__cta {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:28px;
  padding:15px 18px;
  border-radius:8px;
  background:var(--jn-black);
  color:var(--jn-white);
  font-size:13px;
  line-height:1.2;
  font-weight:700;
}

.jn-biab-path__arrow {
  font-size:18px;
  line-height:1;
}

@media(max-width:950px){
  .jn-biab-hero__media{height:520px}
  .jn-biab-hero__content{right:4%;width:45%}
  .jn-biab-paths{width:calc(100% - 36px)}
}

@media(max-width:700px){
  .jn-biab-hero__media{
    height:clamp(390px,108vw,460px);
  }

  .jn-biab-hero__image{
    object-position:center 42%;
  }

  .jn-biab-hero__overlay{
    background:
      linear-gradient(
        180deg,
        rgba(var(--jn-warm-overlay),0) 28%,
        rgba(var(--jn-warm-overlay),.10) 43%,
        rgba(var(--jn-warm-overlay),.43) 64%,
        rgba(var(--jn-warm-overlay),.78) 100%
      );
  }

  .jn-biab-hero__content{
    top:auto;
    right:auto;
    left:21px;
    bottom:64px;
    transform:none;
    width:min(74%,300px);
  }

  .jn-biab-hero__content h1{
    max-width:285px;
    margin-bottom:10px;
    font-size:31px;
    line-height:1.02;
    letter-spacing:-1.2px;
  }

  .jn-biab-hero__content p{
    max-width:270px;
    font-size:12px;
    line-height:1.45;
  }

  .jn-biab-hero__eyebrow{
    margin-bottom:10px;
    font-size:9px;
  }

  .jn-biab-paths{
    width:calc(100% - 24px);
    grid-template-columns:1fr;
    gap:10px;
    margin:-40px auto 26px;
  }

  .jn-biab-path{
    min-height:0;
    padding:23px 21px 20px;
    border-radius:13px;
  }

  .jn-biab-path h2{font-size:26px}
  .jn-biab-path p{font-size:12px}
  .jn-biab-path__cta{
    margin-top:22px;
    padding:14px 15px;
    font-size:12px;
  }
}


    

    #jn-base-selection {
      position: relative;
      width: 100%;
      padding: 24px 18px;
      overflow: hidden;
      background: transparent;
      box-sizing: border-box;
      color: #111111;
      font-family: "Montserrat", Arial, sans-serif;
    }

    #jn-base-selection *,
    #jn-base-selection *::before,
    #jn-base-selection *::after {
      box-sizing: border-box;
    }

    .jn-base-selection__inner {
      width: 100%;
      max-width: 1480px;
      margin: 0 auto;
    }

    /* ==================================================
       EIN GEMEINSAMES GRID FÜR ALLE SIEBEN PRODUKTE
    ================================================== */

    .jn-base-selection__grid {
      display: grid;
      grid-template-columns: repeat(10, minmax(0, 1fr));
      gap: 22px 18px;
      align-items: stretch;
    }

    /* Die beiden Hauptprodukte belegen je eine halbe Reihe */

    .jn-base-card--featured {
      grid-column: span 5;
    }

    /* Die fünf weiteren Produkte stehen darunter */

    .jn-base-card--standard {
      grid-column: span 2;
    }

    /* ==================================================
       PRODUKTKARTEN
    ================================================== */

    .jn-base-card {
      display: flex;
      min-width: 0;
      height: 100%;
      flex-direction: column;
      overflow: hidden;
      border: 1px solid #eee8e7;
      border-radius: 24px;
      background: #ffffff;
      box-shadow: 0 10px 28px rgba(17, 17, 17, 0.07);
      transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
    }

    .jn-base-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 17px 38px rgba(17, 17, 17, 0.12);
    }

    /* Hauptprodukte am Desktop:
       Bild links, Inhalt rechts */

    .jn-base-card--featured {
      flex-direction: row;
      align-items: stretch;
      border-color: #e8d8d9;
      box-shadow: 0 14px 34px rgba(17, 17, 17, 0.09);
    }

    /* ==================================================
       BILDER
    ================================================== */

    .jn-base-card__image-wrap {
      position: relative;
      width: 100%;
      overflow: hidden;
      background: transparent;
      line-height: 0;
    }

    .jn-base-card__image {
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 4 / 5;
      object-fit: contain;
      object-position: center;
      transition: transform 0.35s ease;
    }

    .jn-base-card:hover .jn-base-card__image {
      transform: scale(1.01);
    }

    /* Bildbereich der beiden Hauptprodukte */

    .jn-base-card--featured .jn-base-card__image-wrap {
      width: 36%;
      min-width: 210px;
      max-width: 270px;
      flex: 0 0 36%;
      display: flex;
      align-items: center;
    }

    .jn-base-card--featured .jn-base-card__image {
      width: 100%;
      height: auto;
      aspect-ratio: 4 / 5;
      object-fit: contain;
      object-position: center;
    }

    /* ==================================================
       BADGES
    ================================================== */

    .jn-base-card__badge {
      position: absolute;
      z-index: 2;
      top: 15px;
      left: 15px;
      display: inline-flex;
      min-height: 29px;
      padding: 8px 12px;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.94);
      color: #111111;
      font-size: 9px;
      font-weight: 800;
      line-height: 1;
      letter-spacing: 0.7px;
      text-transform: uppercase;
      box-shadow: 0 5px 15px rgba(17, 17, 17, 0.08);
    }

    /* ==================================================
       TEXTBEREICH
    ================================================== */

    .jn-base-card__content {
      display: grid;
      flex: 1;
      padding: 18px 18px 17px;
      grid-template-rows: auto auto minmax(48px, auto) auto;
      align-content: start;
    }

    .jn-base-card--featured .jn-base-card__content {
      min-width: 0;
      padding: 24px;
      grid-template-rows: auto auto auto auto;
      align-content: center;
    }

    .jn-base-card__product {
      min-height: 28px;
      margin: 0 0 3px;
      color: #8c6c71;
      font-size: 10px;
      font-weight: 800;
      line-height: 1.3;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .jn-base-card--featured .jn-base-card__product {
      min-height: auto;
      margin-bottom: 5px;
    }

    .jn-base-card__headline {
      margin: 0 0 6px;
      color: #111111;
      font-size: clamp(18px, 1.3vw, 23px);
      font-weight: 900;
      line-height: 1.05;
      letter-spacing: -0.5px;
      text-transform: uppercase;
    }

    .jn-base-card--featured .jn-base-card__headline {
      margin-bottom: 7px;
      font-size: clamp(24px, 2vw, 32px);
    }

    .jn-base-card__description {
      margin: 0 0 11px;
      color: #3f3537;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.38;
    }

    .jn-base-card--featured .jn-base-card__description {
      margin-bottom: 14px;
      font-size: 14px;
      line-height: 1.45;
    }

    /* ==================================================
       CTA-BUTTONS
    ================================================== */

    .jn-base-card__button {
      display: inline-flex;
      width: 100%;
      min-height: 45px;
      padding: 12px 15px;
      align-items: center;
      justify-content: center;
      align-self: end;
      border: 2px solid #111111;
      border-radius: 999px;
      background: #111111;
      color: #ffffff !important;
      font-size: 11px;
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: 0.5px;
      text-align: center;
      text-decoration: none !important;
      text-transform: uppercase;
      transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
    }

    .jn-base-card--featured .jn-base-card__button {
      width: auto;
      min-width: 190px;
      justify-self: start;
      padding-right: 24px;
      padding-left: 24px;
    }

    .jn-base-card__button:hover,
    .jn-base-card__button:focus {
      background: #ffffff;
      color: #111111 !important;
      transform: translateY(-1px);
    }

    /* ==================================================
       MOBILER SLIDER-PFEIL
    ================================================== */

    .jn-base-selection__next {
      display: none;
    }

    /* ==================================================
       TABLET
    ================================================== */

    @media (max-width: 1180px) {
      .jn-base-selection__grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
      }

      .jn-base-card--featured {
        grid-column: span 3;
      }

      .jn-base-card--standard {
        grid-column: span 2;
      }

      .jn-base-card--featured .jn-base-card__image-wrap {
        width: 38%;
        min-width: 185px;
        flex-basis: 38%;
      }

      .jn-base-card--featured .jn-base-card__content {
        padding: 21px 19px;
      }
    }

    /* ==================================================
       MOBILE: EIN DURCHGEHENDER SWIPE-SLIDER
    ================================================== */

    @media (max-width: 820px) {
      #jn-base-selection {
        padding: 18px 0;
      }

      .jn-base-selection__inner {
        max-width: none;
      }

      .jn-base-selection__grid {
        display: flex;
        width: 100%;
        gap: 14px;
        padding: 3px 18px 20px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 18px;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
      }

      .jn-base-selection__grid::-webkit-scrollbar {
        display: none;
      }

      .jn-base-card,
      .jn-base-card--featured,
      .jn-base-card--standard {
        width: min(78vw, 350px);
        min-width: min(78vw, 350px);
        flex: 0 0 min(78vw, 350px);
        grid-column: auto;
        scroll-snap-align: start;
      }

      /* Hauptprodukte mobil wieder vertikal */

      .jn-base-card--featured {
        flex-direction: column;
      }

      .jn-base-card--featured .jn-base-card__image-wrap {
        width: 100%;
        min-width: 0;
        max-width: none;
        flex: none;
      }

      .jn-base-card--featured .jn-base-card__image {
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 5;
        object-fit: contain;
        object-position: center;
      }

      .jn-base-card:hover {
        transform: none;
      }

      .jn-base-card__content,
      .jn-base-card--featured .jn-base-card__content {
        display: grid;
        padding: 18px 17px 17px;
        grid-template-rows: auto auto minmax(44px, auto) auto;
        align-content: start;
      }

      .jn-base-card__product,
      .jn-base-card--featured .jn-base-card__product {
        min-height: 27px;
        margin-bottom: 3px;
      }

      .jn-base-card__headline,
      .jn-base-card--featured .jn-base-card__headline {
        margin-bottom: 6px;
        font-size: 22px;
      }

      .jn-base-card__description,
      .jn-base-card--featured .jn-base-card__description {
        margin-bottom: 11px;
        font-size: 13px;
      }

      .jn-base-card--featured .jn-base-card__button {
        width: 100%;
        min-width: 0;
        justify-self: stretch;
      }

      /* Sichtbarer Pfeil rechts */

      .jn-base-selection__next {
        position: absolute;
        z-index: 20;
        top: 43%;
        right: 8px;
        display: flex;
        width: 48px;
        height: 48px;
        padding: 0;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(17, 17, 17, 0.08);
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.96);
        color: #111111;
        font-size: 26px;
        line-height: 1;
        cursor: pointer;
        box-shadow: 0 8px 24px rgba(17, 17, 17, 0.18);
        transform: translateY(-50%);
        transition:
          opacity 0.2s ease,
          transform 0.2s ease;
      }

      .jn-base-selection__next:hover,
      .jn-base-selection__next:focus {
        transform: translateY(-50%) scale(1.06);
      }

      .jn-base-selection__next[hidden] {
        display: none;
      }

      .jn-base-selection__next svg {
        display: block;
        width: 22px;
        height: 22px;
      }
    }

    @media (max-width: 480px) {
      .jn-base-card,
      .jn-base-card--featured,
      .jn-base-card--standard {
        width: 82vw;
        min-width: 82vw;
        flex-basis: 82vw;
      }

      .jn-base-card {
        border-radius: 21px;
      }

      .jn-base-card__badge {
        top: 13px;
        left: 13px;
        padding: 7px 11px;
        font-size: 9px;
      }

      .jn-base-card__content,
      .jn-base-card--featured .jn-base-card__content {
        padding: 17px 16px 16px;
      }

      .jn-base-card__button {
        min-height: 44px;
      }

      .jn-base-selection__next {
        right: 7px;
        width: 46px;
        height: 46px;
      }
    }
  

    

    #jn-biab-info {
      --jn-pink: #ce1884;
      --jn-peach: #f6dedb;
      --jn-soft-pink: #fdf0f7;
      --jn-mauve: #d8b6cd;
      --jn-black: #111111;
      --jn-white: #ffffff;
      --jn-text: #443a3c;
      --jn-border: #eee5e8;

      width: 100%;
      padding: clamp(48px, 6vw, 88px) 18px;
      overflow: hidden;
      background: transparent;
      box-sizing: border-box;
      color: var(--jn-black);
      font-family: "Montserrat", Arial, sans-serif;
    }

    #jn-biab-info *,
    #jn-biab-info *::before,
    #jn-biab-info *::after {
      box-sizing: border-box;
    }

    .jn-biab-info__inner {
      width: 100%;
      max-width: 1480px;
      margin: 0 auto;
    }

    /* =========================================
       GEMEINSAME TYPOGRAFIE
    ========================================= */

    .jn-biab-info__badge {
      display: inline-flex;
      min-height: 30px;
      margin: 0 0 15px;
      padding: 8px 14px;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: var(--jn-pink);
      color: var(--jn-white);
      font-size: 10px;
      font-weight: 800;
      line-height: 1;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .jn-biab-info__title {
      max-width: 980px;
      margin: 0 0 24px;
      color: var(--jn-black);
      font-size: clamp(34px, 4.5vw, 62px);
      font-weight: 900;
      line-height: 1;
      letter-spacing: -2px;
    }

    .jn-biab-info__section-title {
      margin: 0 0 12px;
      color: var(--jn-black);
      font-size: clamp(29px, 3.2vw, 45px);
      font-weight: 900;
      line-height: 1.05;
      letter-spacing: -1.3px;
    }

    .jn-biab-info__section-intro {
      max-width: 760px;
      margin: 0 0 28px;
      color: #65595c;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.6;
    }

    /* =========================================
       GREENIES HAUPTBLOCK
    ========================================= */

    .jn-biab-info__greenies {
      position: relative;
      padding: clamp(30px, 5vw, 68px);
      overflow: hidden;
      border: 1px solid #ecd8dd;
      border-radius: 30px;
      background:
        radial-gradient(
          circle at 92% 10%,
          rgba(206, 24, 132, 0.11) 0,
          rgba(206, 24, 132, 0) 30%
        ),
        linear-gradient(
          135deg,
          var(--jn-soft-pink) 0%,
          var(--jn-peach) 100%
        );
      box-shadow: 0 14px 38px rgba(17, 17, 17, 0.07);
    }

    .jn-biab-info__greenies::before {
      position: absolute;
      top: -125px;
      right: -100px;
      width: 360px;
      height: 360px;
      border: 62px solid rgba(255, 255, 255, 0.28);
      border-radius: 50%;
      content: "";
      pointer-events: none;
    }

    .jn-biab-info__greenies::after {
      position: absolute;
      right: 16%;
      bottom: -155px;
      width: 340px;
      height: 230px;
      border-radius: 50%;
      background: rgba(206, 24, 132, 0.06);
      transform: rotate(-12deg);
      content: "";
      pointer-events: none;
    }

    .jn-biab-info__greenies-grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(310px, 0.75fr);
      gap: clamp(30px, 5vw, 72px);
      align-items: start;
    }

    .jn-biab-info__copy {
      min-width: 0;
    }

    .jn-biab-info__copy p {
      margin: 0 0 19px;
      color: var(--jn-text);
      font-size: 15px;
      font-weight: 500;
      line-height: 1.72;
    }

    .jn-biab-info__copy p:first-of-type {
      font-size: clamp(16px, 1.3vw, 19px);
      line-height: 1.65;
    }

    .jn-biab-info__copy p:last-child {
      margin-bottom: 0;
    }

    .jn-biab-info__copy strong {
      color: var(--jn-black);
      font-weight: 800;
    }

    /* =========================================
       WICHTIG-KARTE
    ========================================= */

    .jn-biab-info__warning {
      position: relative;
      padding: 29px;
      overflow: hidden;
      border: 1px solid rgba(206, 24, 132, 0.19);
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.94);
      box-shadow: 0 12px 30px rgba(17, 17, 17, 0.08);
      backdrop-filter: blur(8px);
    }

    .jn-biab-info__warning::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      background: linear-gradient(
        90deg,
        var(--jn-pink),
        var(--jn-mauve),
        var(--jn-peach)
      );
      content: "";
    }

    .jn-biab-info__warning-icon {
      display: flex;
      width: 48px;
      height: 48px;
      margin: 4px 0 18px;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: var(--jn-pink);
      color: var(--jn-white);
      font-size: 24px;
      font-weight: 900;
      line-height: 1;
    }

    .jn-biab-info__warning-title {
      margin: 0 0 12px;
      color: var(--jn-black);
      font-size: 23px;
      font-weight: 900;
      line-height: 1.1;
      letter-spacing: -0.5px;
    }

    .jn-biab-info__warning-text {
      margin: 0 0 20px;
      color: var(--jn-text);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.6;
    }

    .jn-biab-info__checklist {
      display: grid;
      margin: 0;
      padding: 0;
      gap: 12px;
      list-style: none;
    }

    .jn-biab-info__checklist li {
      position: relative;
      padding-left: 27px;
      color: #332c2e;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.5;
    }

    .jn-biab-info__checklist li::before {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      width: 18px;
      height: 18px;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: var(--jn-peach);
      color: var(--jn-pink);
      font-size: 11px;
      font-weight: 900;
      content: "✓";
    }

    .jn-biab-info__checklist li:last-child::before {
      background: var(--jn-pink);
      color: var(--jn-white);
      content: "×";
    }

    .jn-biab-info__medical-note {
      margin: 21px 0 0;
      padding: 18px 0 0;
      border-top: 1px solid #eee3e6;
      color: #776b6e;
      font-size: 11px;
      font-weight: 600;
      line-height: 1.55;
    }

    /* =========================================
       KUNDENSTIMME
    ========================================= */

    .jn-biab-info__review-section {
      margin-top: 24px;
    }

    .jn-biab-info__review {
      position: relative;
      display: grid;
      padding: clamp(30px, 4vw, 54px);
      grid-template-columns: auto minmax(0, 1fr);
      gap: 25px;
      align-items: start;
      overflow: hidden;
      border: 1px solid var(--jn-border);
      border-radius: 28px;
      background: var(--jn-white);
      box-shadow: 0 12px 32px rgba(17, 17, 17, 0.07);
    }

    .jn-biab-info__review::after {
      position: absolute;
      right: -55px;
      bottom: -80px;
      width: 230px;
      height: 230px;
      border-radius: 50%;
      background: var(--jn-soft-pink);
      content: "";
      pointer-events: none;
    }

    .jn-biab-info__quote {
      position: relative;
      z-index: 2;
      color: var(--jn-pink);
      font-family: Georgia, "Times New Roman", serif;
      font-size: 82px;
      font-weight: 700;
      line-height: 0.75;
    }

    .jn-biab-info__review-content {
      position: relative;
      z-index: 2;
    }

    .jn-biab-info__review-label {
      display: block;
      margin: 0 0 12px;
      color: var(--jn-pink);
      font-size: 10px;
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .jn-biab-info__review-text {
      max-width: 1120px;
      margin: 0 0 18px;
      color: #211d1e;
      font-size: clamp(17px, 1.55vw, 23px);
      font-weight: 600;
      line-height: 1.62;
    }

    .jn-biab-info__review-source {
      margin: 0;
      color: #766a6d;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.45;
    }

    /* =========================================
       FAQ
    ========================================= */

    .jn-biab-info__faq {
      margin-top: clamp(58px, 7vw, 92px);
    }

    .jn-biab-info__faq-list {
      display: grid;
      gap: 13px;
    }

    .jn-biab-info__faq-item {
      overflow: hidden;
      border: 1px solid var(--jn-border);
      border-radius: 20px;
      background: var(--jn-white);
      box-shadow: 0 7px 20px rgba(17, 17, 17, 0.045);
      transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
    }

    .jn-biab-info__faq-item[open] {
      border-color: rgba(206, 24, 132, 0.32);
      box-shadow: 0 10px 26px rgba(206, 24, 132, 0.08);
    }

    .jn-biab-info__faq-question {
      position: relative;
      display: flex;
      min-height: 72px;
      padding: 21px 68px 21px 25px;
      align-items: center;
      color: var(--jn-black);
      font-size: 16px;
      font-weight: 800;
      line-height: 1.4;
      cursor: pointer;
      list-style: none;
    }

    .jn-biab-info__faq-question::-webkit-details-marker {
      display: none;
    }

    .jn-biab-info__faq-question::after {
      position: absolute;
      top: 50%;
      right: 22px;
      display: flex;
      width: 36px;
      height: 36px;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: var(--jn-black);
      color: var(--jn-white);
      font-size: 21px;
      font-weight: 500;
      line-height: 1;
      transform: translateY(-50%);
      content: "+";
      transition:
        background 0.2s ease,
        transform 0.2s ease;
    }

    .jn-biab-info__faq-item[open]
      .jn-biab-info__faq-question::after {
      background: var(--jn-pink);
      transform: translateY(-50%) rotate(45deg);
    }

    .jn-biab-info__faq-answer {
      padding: 0 25px 24px;
      color: var(--jn-text);
      font-size: 14px;
      font-weight: 500;
      line-height: 1.72;
    }

    .jn-biab-info__faq-answer p {
      margin: 0;
    }

    .jn-biab-info__faq-answer strong {
      color: var(--jn-black);
      font-weight: 800;
    }

    /* =========================================
       TABLET
    ========================================= */

    @media (max-width: 980px) {
      .jn-biab-info__greenies-grid {
        grid-template-columns: 1fr;
      }

      .jn-biab-info__warning {
        max-width: 760px;
      }
    }

    /* =========================================
       MOBILE
    ========================================= */

    @media (max-width: 680px) {
      #jn-biab-info {
        padding: 44px 14px;
      }

      .jn-biab-info__greenies {
        padding: 28px 20px;
        border-radius: 23px;
      }

      .jn-biab-info__title {
        font-size: clamp(31px, 10vw, 43px);
        letter-spacing: -1.2px;
      }

      .jn-biab-info__copy p,
      .jn-biab-info__copy p:first-of-type {
        font-size: 14px;
        line-height: 1.68;
      }

      .jn-biab-info__warning {
        padding: 24px 20px;
        border-radius: 20px;
      }

      .jn-biab-info__review {
        padding: 27px 20px;
        grid-template-columns: 1fr;
        gap: 8px;
        border-radius: 22px;
      }

      .jn-biab-info__quote {
        height: 44px;
        font-size: 66px;
      }

      .jn-biab-info__review-text {
        font-size: 17px;
      }

      .jn-biab-info__section-title {
        font-size: 31px;
      }

      .jn-biab-info__faq-question {
        min-height: 68px;
        padding: 19px 60px 19px 18px;
        font-size: 14px;
      }

      .jn-biab-info__faq-question::after {
        right: 15px;
        width: 34px;
        height: 34px;
      }

      .jn-biab-info__faq-answer {
        padding: 0 18px 21px;
        font-size: 13px;
      }
    }
  
/* Native Gutenberg wrapper adjustments */
.jn-biab-gutenberg .jn-biab-hero__media{isolation:isolate}
.jn-biab-gutenberg .jn-biab-hero__picture{margin:0;position:absolute;inset:0;width:100%;height:100%;max-width:none}
.jn-biab-gutenberg .jn-biab-hero__picture img{width:100%;height:100%;object-fit:cover;object-position:center center;max-width:none}
.jn-biab-gutenberg .jn-biab-hero__mobile{display:none}
.jn-biab-gutenberg .jn-biab-hero__media:before{position:absolute;inset:0;z-index:1;content:"";background:linear-gradient(270deg,rgba(137,96,92,.62),rgba(137,96,92,.35) 25%,transparent 58%);pointer-events:none}
.jn-biab-gutenberg .jn-biab-hero__content{z-index:2}
.jn-biab-gutenberg .jn-biab-hero__content .jn-biab-hero__eyebrow{width:max-content}
.jn-biab-gutenberg .jn-biab-path__copy{margin:0}
.jn-biab-gutenberg .jn-biab-path__cta.wp-block-buttons{display:flex;width:100%;margin-top:28px}
.jn-biab-gutenberg .jn-biab-path__cta .wp-block-button{width:100%}
.jn-biab-gutenberg .jn-biab-path__cta .wp-block-button__link{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px; padding:15px 18px;border-radius:8px;background:#000;color:#fff;font-size:13px;font-weight:700;text-decoration:none}
.jn-biab-gutenberg .jn-biab-path__cta .wp-block-button__link:hover,.jn-biab-gutenberg .jn-biab-path__cta .wp-block-button__link:focus{background:#cd2870;color:#fff}
.jn-biab-gutenberg .jn-base-card__image-wrap{margin:0;position:relative}
.jn-biab-gutenberg .jn-base-card__image-wrap figure{margin:0;width:100%;height:auto}
.jn-biab-gutenberg .jn-base-card__image-wrap img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center}
.jn-biab-gutenberg .jn-base-card__badge{z-index:3;position:absolute;top:15px;left:15px;margin:0}
.jn-biab-gutenberg .jn-base-card__content>*{margin-block-start:0}
.jn-biab-gutenberg .jn-base-card__button.wp-block-buttons{width:100%;margin:0}
.jn-biab-gutenberg .jn-base-card__button .wp-block-button{width:100%}
.jn-biab-gutenberg .jn-base-card__button .wp-block-button__link{display:block;width:100%;min-height:46px; padding:15px 10px;border-radius:8px;background:#111;color:#fff!important;font-size:12px;font-weight:800;letter-spacing:.5px;text-align:center;text-transform:uppercase;text-decoration:none}
.jn-biab-gutenberg .jn-base-card__button .wp-block-button__link:hover{background:#cf197d;color:#fff!important}
.jn-biab-gutenberg .jn-base-card--featured .jn-base-card__image-wrap{position:relative;display:flex;align-items:center}
.jn-biab-gutenberg .jn-base-card--featured .jn-base-card__image-wrap figure{width:100%}
.jn-biab-gutenberg .jn-base-card--featured .jn-base-card__button{width:auto;min-width:190px}
.jn-biab-gutenberg .jn-biab-info__copy-text{color:#443a3c}
.jn-biab-gutenberg .jn-biab-info__warning-icon{display:flex;align-items:center;justify-content:center}
.jn-biab-gutenberg .jn-biab-info__review-text{quotes:none}
.jn-biab-gutenberg .jn-biab-info__faq-item{padding:0;overflow:hidden}
.jn-biab-gutenberg .jn-biab-info__faq-item > summary{list-style:none;position:relative;cursor:pointer}
.jn-biab-gutenberg .jn-biab-info__faq-item > summary::-webkit-details-marker{display:none}
.jn-biab-gutenberg .jn-biab-info__faq-item > summary:after{content:"+";position:absolute;top:50%;right:20px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;font-size:23px;transform:translateY(-50%)}
.jn-biab-gutenberg .jn-biab-info__faq-item[open] > summary:after{content:"−";background:#ce1884}
.jn-biab-gutenberg .jn-biab-info__faq-item > p.jn-biab-info__faq-answer{padding:0 25px 24px;margin:0}
.jn-biab-gutenberg .jn-biab-info__checklist{margin:0 0 16px 18px;padding:0}
.jn-biab-gutenberg .jn-biab-info__checklist li{margin-bottom:10px}
.jn-biab-gutenberg .jn-biab-shop-intro{max-width:1480px;margin:12px auto 70px;padding:0 18px}
.jn-biab-gutenberg .jn-biab-shop-intro__title{font-size:clamp(27px,3.1vw,40px);font-weight:900;line-height:1.15;letter-spacing:-1px;color:#171717;margin:0 0 20px}
.jn-biab-gutenberg .jn-biab-shop-intro__subtitle{font-size:18px;font-weight:600;margin:0}
.jn-biab-gutenberg .jn-biab-curated,.jn-biab-gutenberg .jn-biab-full-catalog{padding:0 18px 78px;max-width:1480px;margin:0 auto}
.jn-biab-gutenberg .jn-biab-curated__eyebrow{font-size:10px;color:#cf197d;letter-spacing:1.15px;font-weight:800;text-transform:uppercase;margin:0 0 12px}
.jn-biab-gutenberg .jn-biab-curated__title{font-size:clamp(29px,3vw,42px);font-weight:900;line-height:1.1;letter-spacing:-1.2px;margin:0 0 13px}
.jn-biab-gutenberg .jn-biab-curated__intro{margin:0 0 30px}
.jn-biab-gutenberg .jn-biab-curated__intro>p:last-child,.jn-biab-gutenberg .jn-biab-full-catalog>p{font-size:14px;line-height:1.7;color:#655b5f;max-width:700px}
.jn-biab-gutenberg .jn-biab-curated__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch}
.jn-biab-gutenberg .jn-biab-curated-card{min-width:0;display:flex;flex-direction:column;border:1px solid #eee8e7;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 7px 22px rgba(17,17,17,.05)}
.jn-biab-gutenberg .jn-biab-curated-card__image{margin:0;width:100%;background:#fcf7f9}
.jn-biab-gutenberg .jn-biab-curated-card__image img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.jn-biab-gutenberg .jn-biab-curated-card__content{display:flex;flex:1;flex-direction:column;gap:6px;padding:17px}
.jn-biab-gutenberg .jn-biab-curated-card__badge{margin:0;color:#cd2385;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.jn-biab-gutenberg .jn-biab-curated-card__title{font-size:16px;line-height:1.3;margin:0;font-weight:800}
.jn-biab-gutenberg .jn-biab-curated-card__desc{margin:0 0 8px;color:#62585d;font-size:12px;line-height:1.55}
.jn-biab-gutenberg .jn-biab-curated-card__cta.wp-block-buttons{margin-top:auto}
.jn-biab-gutenberg .jn-biab-curated-card__cta .wp-block-button{width:100%}
.jn-biab-gutenberg .jn-biab-curated-card__cta .wp-block-button__link{display:block;width:100%;padding:12px;border-radius:9px;background:#111;color:#fff;font-size:12px;font-weight:750;text-align:center}
.jn-biab-gutenberg .jn-biab-curated-card__cta .wp-block-button__link:hover{background:#cf197d;color:#fff}
.jn-biab-gutenberg .jn-biab-full-catalog .woocommerce ul.products{margin-top:25px}
.jn-biab-gutenberg .jn-biab-full-catalog .woocommerce .woocommerce-pagination{margin-top:26px}
@media(max-width:1220px){.jn-biab-gutenberg .jn-biab-curated__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:930px){.jn-biab-gutenberg .jn-biab-curated__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .jn-biab-gutenberg .jn-biab-hero__desktop{display:none}
 .jn-biab-gutenberg .jn-biab-hero__mobile{display:block}
 .jn-biab-gutenberg .jn-biab-hero__media::before{background:linear-gradient(180deg,transparent 24%,rgba(137,96,92,.13) 44%,rgba(137,96,92,.77) 100%)}
 .jn-biab-gutenberg .jn-biab-hero__picture img{object-position:center 42%}
 .jn-biab-gutenberg .jn-biab-path__cta.wp-block-buttons{margin-top:22px}
 .jn-biab-gutenberg .jn-base-selection__grid{width:100%}
 .jn-biab-gutenberg .jn-base-card--featured,.jn-biab-gutenberg .jn-base-card--standard{flex:0 0 82vw;min-width:82vw}
 .jn-biab-gutenberg .jn-base-card--featured{flex-direction:column}
 .jn-biab-gutenberg .jn-base-card--featured .jn-base-card__image-wrap{min-width:0;max-width:none;width:100%;flex:initial}
 .jn-biab-gutenberg .jn-base-card--featured .jn-base-card__button{width:100%;min-width:0}
 .jn-biab-gutenberg .jn-biab-shop-intro{margin-bottom:42px;padding:0 18px}
 .jn-biab-gutenberg .jn-biab-shop-intro__title{font-size:clamp(24px,7.3vw,31px)}
 .jn-biab-gutenberg .jn-biab-shop-intro__subtitle{font-size:15px}
 .jn-biab-gutenberg .jn-biab-curated,.jn-biab-gutenberg .jn-biab-full-catalog{padding:0 14px 53px}
 .jn-biab-gutenberg .jn-biab-curated__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .jn-biab-gutenberg .jn-biab-curated-card__content{padding:12px}
 .jn-biab-gutenberg .jn-biab-curated-card__title{font-size:13px}
 .jn-biab-gutenberg .jn-biab-curated-card__desc{font-size:11px}
 .jn-biab-gutenberg .jn-biab-curated-card__cta .wp-block-button__link{font-size:11px;padding:11px 8px}
 .jn-biab-gutenberg .jn-biab-info__faq-item>p.jn-biab-info__faq-answer{padding:0 18px 21px}
 .jn-biab-gutenberg .jn-biab-full-catalog .woocommerce ul.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .jn-biab-gutenberg .jn-biab-full-catalog .woocommerce ul.products li.product{width:100%;margin:0}
}
@media(max-width:480px){.jn-biab-gutenberg .jn-biab-curated__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* =========================================================
   RC167: Elementor-faithful layout and hover / native FAQ
   Everything scoped to the BIAB Gutenberg root.
   ========================================================= */
.jn-biab-gutenberg .jn-biab-full-catalog {
  display:none !important; /* RC166 drafts only; removed from RC167 pattern */
}

/* Button wrappers are NOT links. The original Elementor class was applied
   to a core/button wrapper in RC166, causing two separate hover surfaces. */
.jn-biab-gutenberg .jn-base-card .wp-block-button.jn-base-card__button {
  display:block;
  width:100%;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  color:inherit;
  transform:none;
  transition:none;
  align-self:end;
  justify-self:stretch;
}
.jn-biab-gutenberg .jn-base-card .wp-block-button.jn-base-card__button:hover,
.jn-biab-gutenberg .jn-base-card .wp-block-button.jn-base-card__button:focus-within {
  background:transparent;
  color:inherit;
  border:0;
  transform:none;
  box-shadow:none;
}
.jn-biab-gutenberg .jn-base-card--featured .wp-block-button.jn-base-card__button {
  width:auto;
  min-width:190px;
  justify-self:start;
}
.jn-biab-gutenberg .jn-base-card__button .wp-block-button__link {
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:45px;
  width:100%;
  margin:0;
  padding:12px 15px;
  border:2px solid #111;
  border-radius:999px;
  background:#111;
  color:#fff !important;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  text-transform:uppercase;
  text-align:center;
  text-decoration:none;
  transform:none;
  box-shadow:none;
  transition:background-color .17s ease, color .17s ease, border-color .17s ease;
}
/* No floating / magnifying entire tiles or images on hover. */
.jn-biab-gutenberg .jn-base-card,
.jn-biab-gutenberg .jn-base-card:hover,
.jn-biab-gutenberg .jn-base-card:focus-within {
  transform:none;
}
.jn-biab-gutenberg .jn-base-card:hover {
  box-shadow:0 12px 30px rgba(17,17,17,.09);
}
.jn-biab-gutenberg .jn-base-card__image,
.jn-biab-gutenberg .jn-base-card__image img,
.jn-biab-gutenberg .jn-base-card:hover .jn-base-card__image,
.jn-biab-gutenberg .jn-base-card:hover .jn-base-card__image img {
  transform:none !important;
}
@media(hover:hover) and (pointer:fine){
  .jn-biab-gutenberg .jn-base-card__button .wp-block-button__link:hover,
  .jn-biab-gutenberg .jn-base-card__button .wp-block-button__link:focus-visible {
    background:#242024;
    color:#fff !important;
    border-color:#242024;
    transform:none;
  }
  .jn-biab-gutenberg .jn-biab-curated-card__cta .wp-block-button__link:hover {
    background:#242024;
    color:#fff !important;
  }
}
.jn-biab-gutenberg .jn-base-card__button .wp-block-button__link:focus-visible,
.jn-biab-gutenberg .jn-biab-curated-card__cta .wp-block-button__link:focus-visible,
.jn-biab-gutenberg .jn-biab-path__cta .wp-block-button__link:focus-visible {
  outline:3px solid #ce1884;
  outline-offset:3px;
}

/* Bestseller: six even cards on wide desktop, with stable non-jumping CTA. */
.jn-biab-gutenberg .jn-biab-curated-card {min-width:0;transform:none;transition:box-shadow .17s ease}
.jn-biab-gutenberg .jn-biab-curated-card:hover {transform:none;box-shadow:0 9px 22px rgba(17,17,17,.08)}
.jn-biab-gutenberg .jn-biab-curated-card__content {padding:13px;gap:7px}
.jn-biab-gutenberg .jn-biab-curated-card__title {font-size:13px;line-height:1.32;overflow-wrap:break-word}
.jn-biab-gutenberg .jn-biab-curated-card__badge {font-size:9px}
.jn-biab-gutenberg .jn-biab-curated-card__desc {font-size:11px;line-height:1.45}
.jn-biab-gutenberg .jn-biab-curated-card__cta.wp-block-button {margin-top:auto;transform:none}
.jn-biab-gutenberg .jn-biab-curated-card__cta .wp-block-button__link {font-size:11px;line-height:1.2;min-height:38px;transition:background-color .17s ease;transform:none}
.jn-biab-gutenberg .jn-biab-curated-card__image img {transition:none;transform:none}

/* The Elementor FAQ used .jn-biab-info__faq-question on <summary>;
   core/details saves a plain <summary>, so RC166 missed all sizing. */
.jn-biab-gutenberg #jn-biab-info .jn-biab-info__faq-item {
  display:block;
  overflow:hidden;
  margin:0;
  padding:0;
  border:1px solid #eee5e8;
  border-radius:20px;
  background:#fff;
  box-shadow:0 7px 20px rgba(17,17,17,.045);
}
.jn-biab-gutenberg #jn-biab-info .jn-biab-info__faq-item>summary {
  display:flex;
  position:relative;
  align-items:center;
  box-sizing:border-box;
  min-height:72px;
  padding:21px 68px 21px 25px;
  margin:0;
  background:transparent;
  color:#111;
  font-size:16px;
  font-weight:800;
  line-height:1.4;
  list-style:none;
  cursor:pointer;
}
.jn-biab-gutenberg #jn-biab-info .jn-biab-info__faq-item>summary::-webkit-details-marker {display:none}
.jn-biab-gutenberg #jn-biab-info .jn-biab-info__faq-item>summary::marker {content:''}
.jn-biab-gutenberg #jn-biab-info .jn-biab-info__faq-item>summary::after {
  content:'+';
  position:absolute;
  top:50%;
  right:22px;
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#111;
  color:#fff;
  font-size:21px;
  font-weight:500;
  transform:translateY(-50%);
  transition:background-color .17s ease;
}
.jn-biab-gutenberg #jn-biab-info .jn-biab-info__faq-item[open]>summary::after {
  content:'−';
  background:#ce1884;
  transform:translateY(-50%);
}
.jn-biab-gutenberg #jn-biab-info .jn-biab-info__faq-item>summary:focus-visible {
  outline:2px solid #ce1884;
  outline-offset:-3px;
}
.jn-biab-gutenberg #jn-biab-info .jn-biab-info__faq-item>p.jn-biab-info__faq-answer {
  padding:0 25px 24px;
  margin:0;
  color:#443a3c;
  font-size:14px;
  font-weight:500;
  line-height:1.72;
}
/* Gutenberg blocks inside imported Elementor sections should not acquire
   theme blockGap margins between deliberately-designed elements. */
.jn-biab-gutenberg .jn-biab-info__faq-list>* {margin-block-start:0}
.jn-biab-gutenberg .jn-biab-info__review-content>* {margin-block-start:0}
.jn-biab-gutenberg .jn-biab-info__greenies-grid>* {margin-block-start:0}
@media(max-width:680px){
  .jn-biab-gutenberg #jn-biab-info .jn-biab-info__faq-item>summary {
    min-height:68px;
    padding:19px 60px 19px 18px;
    font-size:14px;
  }
  .jn-biab-gutenberg #jn-biab-info .jn-biab-info__faq-item>summary::after {
    right:15px;
    width:34px;
    height:34px;
  }
  .jn-biab-gutenberg #jn-biab-info .jn-biab-info__faq-item>p.jn-biab-info__faq-answer {
    padding:0 18px 21px;
    font-size:13px;
  }
  .jn-biab-gutenberg .jn-biab-curated-card__content {padding:12px}
  .jn-biab-gutenberg .jn-biab-curated-card__title {font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .jn-biab-gutenberg .jn-base-card,
  .jn-biab-gutenberg .jn-base-card__button .wp-block-button__link,
  .jn-biab-gutenberg .jn-biab-curated-card {
    transition:none !important;
  }
}


/* =====================================================
   RC168: native WooCommerce shortcode bestseller grid.
   No manual product cards or extra marketing section.
   Color and layout match the original Elementor page.
   ===================================================== */
.jn-biab-gutenberg #jn-biab-info p.jn-biab-info__badge,
.jn-biab-gutenberg #jn-biab-info .jn-biab-info__badge {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers {
  max-width: 1480px;
  width: 100%;
  margin: 0 auto;
  padding: 0 18px 82px;
}
.jn-biab-gutenberg .jn-biab-shop-intro {
  margin-bottom: 34px; /* original heading sits directly above WooCommerce items */
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce.columns-6 {
  width: 100%;
  max-width: 100%;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products.columns-6,
.jn-biab-gutenberg .jn-biab-woo-bestsellers ul.products {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  column-gap: 14px !important;
  row-gap: 26px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  clear: both;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products::before,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products::after {
  display: none !important;
  content: none !important;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 0 14px !important;
  border: 1px solid #eee5e8;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(17,17,17,.055);
  overflow: hidden;
  transform: none !important;
  transition: box-shadow .18s ease;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product:hover,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product:focus-within {
  transform: none !important;
  box-shadow: 0 10px 25px rgba(17,17,17,.09);
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #fcf8fa;
  margin: 0 0 11px;
  transform: none !important;
  transition: none !important;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product a,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product a:hover {
  text-decoration: none;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .woocommerce-loop-product__title,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product h2 {
  padding: 0 12px;
  margin: 0 0 7px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 800;
  overflow-wrap: break-word;
  color: #111;
  text-align: left;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .price {
  display: block;
  margin: 6px 12px 11px;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 750;
  color: #111;
  text-align: left;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .star-rating {
  margin: 2px 12px 8px;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .button,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(100% - 24px);
  min-height: 40px;
  margin: auto 12px 0 !important;
  padding: 10px 12px !important;
  border: 0;
  border-radius: 9px;
  background: #111;
  color: #fff !important;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.25;
  text-align: center;
  text-transform: none;
  transform: none !important;
  transition: background-color .18s ease;
}
@media (hover:hover) and (pointer:fine) {
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .button:hover,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .button:focus-visible {
    color: #fff !important;
    background: #ca157b;
    transform: none !important;
  }
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .button:focus-visible {
  outline: 3px solid #ce1884;
  outline-offset: 3px;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .added_to_cart {
  margin: 9px 12px 0;
  font-size: 11px;
  text-align: center;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .onsale {
  z-index: 2;
  top: 8px;
  left: 8px;
  right: auto;
  margin: 0;
}
@media (max-width: 1220px) {
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products.columns-6,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers ul.products {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  }
}
@media (max-width: 930px) {
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products.columns-6,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers ul.products {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}
@media (max-width: 700px) {
  .jn-biab-gutenberg .jn-biab-shop-intro {margin-bottom: 22px;}
  .jn-biab-gutenberg .jn-biab-woo-bestsellers {padding: 0 14px 55px;}
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products.columns-6,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers ul.products {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    column-gap: 10px !important;
    row-gap: 14px !important;
  }
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: 0 9px;
    font-size: 11px;
  }
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .price {
    margin: 5px 9px 8px;
    font-size: 12px;
  }
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .button {
    width: calc(100% - 18px);
    margin: auto 9px 0 !important;
    padding: 9px 7px !important;
    font-size: 10px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .button {
    transition: none !important;
  }
}

/* ========================================================================
   RC169 / SHOPTIMIZER PRODUCT CARD FIX
   WooCommerce's real shop markup can place the variation buttons absolutely
   or make reviews nowrap. Rebuild a normal vertical flow INSIDE THIS ONE
   GUTENBERG BIAB PRODUCT SECTION ONLY. Do not touch catalog/shop pages.
   Works immediately for saved RC168 pages: no pattern reinsertion needed.
   ======================================================================== */
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product {
  position: relative !important;
  display: flex !important;
  flex-flow: column nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 0 15px !important;
  overflow: hidden !important;
}
/* Shoptimizer has a special inner card header. It also needs to stretch when
   the action link lives inside it instead of as a direct li.product child. */
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .woocommerce-card__header,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .woocommerce-card__content {
  position: static !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Do not let Shoptimizer's image/gallery wrappers grow or float into the text. */
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .woocommerce-image__wrapper,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .shoptimizer-plp-image-wrapper {
  flex-shrink: 0 !important;
  max-width: 100% !important;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .woocommerce-loop-product__title,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .woocommerce-loop-product__title a,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .price {
  position: static !important;
  box-sizing: border-box !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  opacity: 1 !important;
  transform: none !important;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .price {
  margin: 5px 0 7px !important;
  padding: 0 12px !important;
}
/* Stars + count need two lines if the six-column card is too narrow. */
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .woocommerce-product-rating,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .product-rating,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .rating-content,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .star-rating-wrapper {
  position: static !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 2px 5px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 12px !important;
  white-space: normal !important;
  overflow: visible !important;
  line-height: 1.35 !important;
  text-align: left !important;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .star-rating {
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  float: none !important;
  width: 5.4em !important;
  max-width: 100% !important;
  margin: 0 0 5px 12px !important;
  padding: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .woocommerce-product-rating .star-rating,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .product-rating .star-rating,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .rating-content .star-rating,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .star-rating-wrapper .star-rating {
  margin: 0 !important;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .review-count,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .review_count,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .rating-count,
.jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .woocommerce-review-link {
  display: inline-block !important;
  position: static !important;
  float: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}
/* IMPORTANT: reset theme absolute top/right/bottom overlay and hover shifts.
   Applies to variable "Varianten waehlen" and all other purchase CTAs. */
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product a.button,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .button,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product a.added_to_cart {
  box-sizing: border-box !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;
  z-index: 1 !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  flex: 0 0 auto !important;
  width: calc(100% - 24px) !important;
  min-width: 0 !important;
  max-width: calc(100% - 24px) !important;
  min-height: 42px !important;
  height: auto !important;
  margin: 10px 12px 0 !important;
  padding: 10px 9px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #111 !important;
  color: #fff !important;
  text-indent: 0 !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  translate: none !important;
  box-shadow: none !important;
}
/* When action is a direct flex child, push it to the card bottom. */
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product > a.button,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .woocommerce-card__header > a.button,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .woocommerce-card__content > a.button {
  margin-top: auto !important;
}
@media (hover:hover) and (pointer:fine) {
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product a.button:hover,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product a.button:focus-visible,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product a.added_to_cart:hover {
    background: #ca157b !important;
    color: #fff !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
@media (max-width: 700px) {
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product a.button,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .button,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product a.added_to_cart {
    font-size: 10px !important;
    min-height: 42px !important;
  }
  .jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .woocommerce-product-rating,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .product-rating,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .rating-content,
  .jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .star-rating-wrapper { padding: 0 9px !important; }
  .jn-biab-gutenberg .jn-biab-woo-bestsellers li.product .price { padding: 0 9px !important; }
}

/* RC169 / strong override for six-column Shoptimizer review wrappers. */
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .woocommerce-product-rating,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .product-rating,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .rating-content,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .star-rating-wrapper {
  position: static !important;
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  margin: 0 0 11px !important;
  padding: 0 12px !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
}
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .woocommerce-product-rating .review-count,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .woocommerce-product-rating .review_count,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .woocommerce-product-rating .rating-count,
.jn-biab-gutenberg .jn-biab-woo-bestsellers .woocommerce ul.products li.product .woocommerce-product-rating .woocommerce-review-link {
  position: static !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}