/* SAVI Benefits Premium – match original HTML/CSS + fix Elementor SVG icons */

.savi-benefits-premium{
  --blue:#1D344A;
  --orange:#E63323;
  background:#fff;
  padding:70px 30px;
}

.savi-benefits-premium-wrap{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
}

/* PRAWA KOLUMNA (tekst + kafelki) */
.savi-benefits-right{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.savi-benefits-right-text{
  color:var(--blue);
  font-size:16px;
  line-height:1.6;
  font-weight:700;
}

/* WYSIWYG może generować <p> – usuń duże marginesy */
.savi-benefits-right-text > *:first-child{ margin-top:0; }
.savi-benefits-right-text > *:last-child{ margin-bottom:0; }

/* LEWA KARTA ZDJĘCIA */
.savi-benefits-card{
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 22px 60px rgba(0,0,0,.14);
  background:#f5f7fa;
}

.savi-benefits-media img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  display:block;
}

/* PRAWA – SIATKA KAFELKÓW */
.savi-benefits-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-items:stretch;
}

.savi-benefit-tile{
  background:#fff;
  border:1px solid rgba(29,52,74,.14);
  border-radius:18px;
  padding:18px 16px;
  display:flex;
  gap:14px;
  align-items:center;
  height:100%;
  box-shadow:0 12px 28px rgba(0,0,0,.07);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.savi-benefit-tile:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(0,0,0,.12);
  border-color:rgba(230,51,35,.28);
}

.savi-benefit-ico{
  width:40px;
  height:40px;
  border-radius:999px;
  background:rgba(29,52,74,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

/* Font Awesome <i> */
.savi-benefit-ico i{
  color:var(--blue);
  font-size:16px;
  line-height:1;
}

/* Elementor can output SVG icons – normalize size & color to match original */
.savi-benefit-ico svg{
  width:16px;
  height:16px;
  display:block;
}

.savi-benefit-ico svg,
.savi-benefit-ico svg *{
  fill: var(--blue) !important;
  color: var(--blue) !important;
}

.savi-benefit-text{
  color:var(--blue);
  font-weight:700;
  font-size:15px;
  line-height:1.45;
}

/* RESPONSYWNOŚĆ */
@media(max-width:980px){
  .savi-benefits-premium-wrap{
    grid-template-columns:1fr;
  }
  .savi-benefits-media img{
    min-height:380px;
  }
}

@media(max-width:560px){
  .savi-benefits-grid{
    grid-template-columns:1fr;
  }
}