/* V27 — reviews-panel composition only.
   Keep the V26 header, footer, translations, animation and page content intact.
   The desktop photograph is fitted to panel HEIGHT, not stretched to its WIDTH.
   Its 1000:524 aspect ratio leaves the same right-side breathing room as the reference. */
.z19-reviews-panel {
  background-color: #580571;
}
.z19-reviews-panel .z19-review-shape {
  background-color: #ffd931;
  clip-path: polygon(0 74%, 1.6% 66.4%, 17% 91%, 34% 51%, 58% 95%, 100% 16.4%, 100% 100%, 0 100%);
}
@media (min-width: 761px) {
  .z19-reviews-panel .z19-reviews-live {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: auto;
    height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: left bottom;
    transform: none;
  }
  /* Positions are relative to the panel, not the photograph or the viewport. */
  .z19-reviews-panel .z19-quote--panda {
    top: 17.5%;
    right: 7.5%;
    bottom: auto;
    left: auto;
  }
  .z19-reviews-panel .z19-quote--unicorn {
    top: 38.3%;
    right: auto;
    bottom: auto;
    left: 38.6%;
  }
  .z19-reviews-panel .z19-quote--bunny {
    top: auto;
    right: 6.5%;
    bottom: 17%;
    left: auto;
  }
  .z19-reviews-panel .z19-quote--panda {
    background: radial-gradient(ellipse at 57% 110%, #ffc26ec4 0%, transparent 49%), linear-gradient(120deg, #641187de, #501064b5);
  }
  .z19-reviews-panel .z19-quote--unicorn {
    background: radial-gradient(ellipse at 60% 115%, #d93e7988 0%, transparent 45%), linear-gradient(120deg, #67078ce6, #511065bf);
  }
}
@media (min-width: 1101px) {
  .z19-reviews-panel .z19-quote {
    width: 20.6%;
    padding: 14px 15px;
    gap: 12px;
    grid-template-columns: 32px minmax(0, 1fr);
  }
  .z19-reviews-panel .z19-quote p {
    font-size: clamp(10px, .92vw, 16px);
    line-height: 1.4;
  }
}
/* Keep tablet comments readable without changing the mobile stacked layout. */
@media (min-width: 761px) and (max-width: 1100px) {
  .z19-reviews-panel .z19-quote--panda { right: 5%; }
  .z19-reviews-panel .z19-quote--unicorn { left: 36%; }
  .z19-reviews-panel .z19-quote--bunny { right: 4%; }
}
/* Extra vertical room for translated quotes in narrow landscape/tablet panels. */
@media (min-width: 761px) and (max-width: 900px) {
  .z19-reviews-panel .z19-quote--panda { top: 10%; }
  .z19-reviews-panel .z19-quote--bunny { bottom: 8%; }
}