/* ==========================================================
   BEORGANIC Manual Fix 10
   Reviews slider: mobile readability on all pages (incl. product detail)
   ========================================================== */

@media (max-width: 900px) {
  .bo-review-section {
    overflow: visible !important;
  }

  .bo-review-section .bors-btn,
  .bo-review-section .bors-dots,
  .bo-review-section #borsDots {
    display: none !important;
    pointer-events: none !important;
  }

  .bo-review-section .bors-outer {
    display: block !important;
    overflow: visible !important;
    gap: 0 !important;
  }

  .bo-review-section .bors-viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .bo-review-section .bors-track,
  .bo-review-section #borsTrack {
    display: flex !important;
    gap: 10px !important;
    width: max-content !important;
    min-width: 100% !important;
    transform: none !important;
    transition: none !important;
  }

  .bo-review-section .bors-card,
  .bo-review-section .bors-card[style] {
    box-sizing: border-box !important;
    flex: 0 0 calc(100vw - 32px) !important;
    width: calc(100vw - 32px) !important;
    min-width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-right: 0 !important;
    padding: 16px !important;
    scroll-snap-align: start !important;
  }

  .bo-review-section .bors-meta {
    min-width: 0 !important;
  }

  .bo-review-section .bors-meta strong {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .bo-review-section .bors-cs {
    font-size: 13px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  .bo-review-section .bors-text {
    font-size: 14px !important;
    line-height: 1.6 !important;
    display: block !important;
    overflow: visible !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
}