.elementor-5665 .elementor-element.elementor-element-d3882fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5665 .elementor-element.elementor-element-5926394{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5665 .elementor-element.elementor-element-ce72e5d{text-align:center;font-family:"Roboto Condensed", Sans-serif;font-size:26px;font-weight:400;text-transform:uppercase;color:#D92F6A;}.elementor-5665 .elementor-element.elementor-element-4ea0da7{text-align:center;font-family:"Roboto Condensed", Sans-serif;font-size:26px;font-weight:400;text-transform:uppercase;color:#1EA4D9;}.elementor-5665 .elementor-element.elementor-element-02a63f6{text-align:center;font-family:"Roboto Condensed", Sans-serif;font-size:52px;font-weight:400;color:#222222;}.elementor-5665 .elementor-element.elementor-element-7d8303d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-5665 .elementor-element.elementor-element-38fe6f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5665 .elementor-element.elementor-element-7d8303d{--content-width:1800px;}}/* Start custom CSS *//* ===== odporne przycinanie treści opinii ===== */
.opinia-content {
  box-sizing: border-box;
  padding: 0px 18px 18px 18px;
  margin-bottom: 10px;
  position: relative;               /* ważne do pseudo-elementów i klipu */
  overflow: hidden !important;      /* wymuś przycinanie */
  -webkit-box-orient: vertical;
  contain: layout paint;            /* pomaga przeglądarce odizolować element */
  will-change: height;              /* hint dla renderera */
  transition: height 320ms cubic-bezier(.2,.8,.2,1);
  min-height: 0;                    /* zapobiega 'min-height:auto' problemom */
}

/* Fallback liniowy (jeśli będzie użyty) */
.opinia-content.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 5; /* fallback */
  -webkit-box-orient: vertical;
}

/* gradient na dole gdy sklejone */
.opinia-content.clamped::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3.2em;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
}

/* usuń gradient, gdy rozwinięte */
.opinia-content.expanded::after { display: none; }

/* ZASTRZEŻENIE: jeśli tło nie jest białe, popraw gradient na właściwy kolor tła */

/* Zapewnij, że elementy wewnątrz nie mają większej szerokości niż kontener */
.opinia-content * {
  box-sizing: border-box;
  max-width: 100%;
  word-wrap: break-word;
  hyphens: auto;
}

/* Przyciski toggle (możesz zostawić bez zmian) */
.opinia-toggle {
  display: inline-block;
  float: right;
  margin-top: 8px;
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  background: #fff;
  cursor: pointer;
}

/* Kontener na wszystkie opinie */
.wszystkie-opinie-container {
    display: flex;
    flex-wrap: wrap;          /* zawijanie wierszy */
    justify-content: center;  /* centrowanie poziome */
    gap: 20px;                /* odstęp między boxami */
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
}

/* Pojedynczy box opinii */
.opinia-box {
    flex: 0 1 361px;          /* maksymalna szerokość boxa */
    max-width: 361px;
    width: 100%;              /* skaluje się do flex-basis */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;   /* dzięki temu wszystko w środku dobrze układa się pionowo */
    margin: 0;                /* gap już daje odstęp, więc nie potrzeba margin */
}


.opinia-avatar { width: 90px; float: right; height: 90px; border-radius: 100%; overflow: hidden; display: inline-block; text-align: right; } .opinia-avatar img { width: 100%; height: 100%; object-fit: cover; /* najważniejsze - przycina proporcje */ object-position: center; /* opcjonalnie - centrowanie */ display: block; } .wszystkie-opinie-container{ text-align: center; } .opinia-content p{ text-align:left; } .opinia-meta{ text-align: right; padding-right: 30px; }

.opinia-toggle{
    float: left;
    position: relative;
    background: rgba(255, 255, 255, 0) !important;
    border: none;
    margin-left: 130px;
    margin-top: -48px;
    width: 100px;
    margin-bottom: 29px;
    color:#000 !important;
}

.opinia-toggle-zwin{
     float: left;
    position: relative;
    background: rgba(255, 255, 255, 0) !important;
    border: none;
    margin-left: 130px;
    margin-top: -43px;
    width: 100px;
    margin-bottom: 26px;
    font-size: 13px;
    padding: 5px 0px;
    
    color:#000 !important;
}

.opinia-content.clamped::after{
    height:140px;
}

.opinia-info{
        margin-top: 18px;
}

.opinia-avatar{
    margin-left:20px;
}/* End custom CSS */