.elementor-4216 .elementor-element.elementor-element-5dc4ccd{--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;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:20px;--padding-right:20px;}.elementor-4216 .elementor-element.elementor-element-5dc4ccd:not(.elementor-motion-effects-element-type-background), .elementor-4216 .elementor-element.elementor-element-5dc4ccd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F8;}.elementor-4216 .elementor-element.elementor-element-9d63a9a{--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;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4216 .elementor-element.elementor-element-12198bd{text-align:center;}.elementor-4216 .elementor-element.elementor-element-7f57941{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;color:#000000;}.elementor-4216 .elementor-element.elementor-element-d9ceb52{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4216 .elementor-element.elementor-element-d9ceb52:not(.elementor-motion-effects-element-type-background), .elementor-4216 .elementor-element.elementor-element-d9ceb52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F8;}@media(max-width:767px){.elementor-4216 .elementor-element.elementor-element-5dc4ccd{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4216 .elementor-element.elementor-element-7f57941{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-11c1417 */:root{
  --ot-green:#52a43e;
  --ot-green-soft:rgba(82,164,62,.55);
  --ot-bg:#f7f7f8;
  --ot-label-bg:#f1f2f3;
  --ot-panel:#ffffff;
  --ot-text:#1a1a1a;
  --ot-text-comp:rgba(41,40,45,.72);
  --ot-border:#e8e8ea;
  --ot-red:#d9534f;
}

/* WRAPPER */
.com_table_outer{
  background:var(--ot-bg);
  color:var(--ot-text);
  -webkit-font-smoothing:antialiased;
}
.com_table{ max-width:1180px; margin:0 auto; }

/* SCROLL HORYZONTALNY NA MOBILE */
.com_table--scroll{
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:var(--ot-green-soft) transparent;
  padding:8px 4px 24px;
  margin:-8px -4px 0;
}
.com_table--scroll::-webkit-scrollbar{ height:8px; }
.com_table--scroll::-webkit-scrollbar-thumb{
  background:var(--ot-green-soft);
  border-radius:0;
}

/* GŁÓWNA SIATKA – 4 kolumny × 10 wierszy */
.com_table--grid{
  display:grid;
  grid-template-columns:
    minmax(150px,200px)
    minmax(280px,320px)
    minmax(220px,1fr)
    minmax(220px,1fr);
  grid-template-rows:
    88px
    repeat(7, minmax(76px,auto))
    72px
    96px;
  column-gap:14px;
  min-width:920px;
  position:relative;
}

/* KOLUMNY (subgrid – synchronizuje wiersze) */
.com_col{
  display:grid;
  grid-template-rows:subgrid;
  grid-row:1 / -1;
  position:relative;
}
.com_col.c1{ grid-column:1; }
.com_col.c2{ grid-column:2; }
.com_col.c3{ grid-column:3; }
.com_col.c4{ grid-column:4; }

/* BACKDROP PANELU "NASZE" – kanciaste */
.our-panel-bg{
  grid-column:2;
  grid-row:1 / -1;
  background:var(--ot-panel);
  border:1.5px solid var(--ot-green-soft);
  border-radius:0;
  box-shadow:
    0 18px 40px -12px rgba(82,164,62,.18),
    0 8px 16px -8px rgba(0,0,0,.08);
  z-index:0;
  pointer-events:none;
}

/* KOMÓRKI */
.cell{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  padding:14px 22px;
  font-size:15px;
  line-height:1.45;
  min-width:0;
}

/* LEWA KOLUMNA: etykiety – kanciaste */
.cell-label{
  font-weight:600;
  color:var(--ot-text);
  background:var(--ot-label-bg);
  border-radius:0;
  margin:6px 4px;
  padding:14px 20px;
  font-size:14.5px;
}

/* ZEBRA */
.cell.zebra{ background:rgba(0,0,0,.025); }
.cell-our.zebra{ background:rgba(0,0,0,.028); }

/* NAGŁÓWKI */
.cell-header{
  font-weight:600;
  color:var(--ot-text);
  font-size:15.5px;
  justify-content:center;
  text-align:center;
}
.cell-header-our{
  justify-content:center;
  border-bottom:1px solid var(--ot-border);
  margin:0 12px;
  padding:18px 22px;
}
.cell-header-our .logo{
  height:32px;
  width:auto;
  max-width:200px;
  object-fit:contain;
}

/* NASZA KOLUMNA */
.cell-our{
  font-weight:600;
  color:var(--ot-text);
  padding:14px 24px;
}
.cell-our .ico{
  flex-shrink:0;
  width:22px; height:22px;
  margin-right:12px;
  color:var(--ot-green);
}
.cell-our .txt{ flex:1; min-width:0; }

/* KONKURENCJA */
.cell-competitor{
  color:var(--ot-text-comp);
  font-weight:500;
  padding:14px 22px;
}
.cell-competitor .ico{
  flex-shrink:0;
  width:20px; height:20px;
  margin-right:12px;
  color:var(--ot-red);
}
.cell-competitor .txt{ flex:1; min-width:0; }

/* REVIEWS */
.cell-reviews{
  justify-content:center;
  gap:8px;
  padding:8px 22px;
  border-top:1px solid var(--ot-border);
  margin:0 12px;
}
.cell-reviews .stars{
  color:#f5b301;
  font-size:18px;
  letter-spacing:1px;
  line-height:1;
}
.cell-reviews .rating-num{
  font-weight:600;
  color:var(--ot-text);
  font-size:15px;
}

/* CTA – KANCIASTE + !important żeby przebić motyw */
.cell-cta{
  justify-content:center !important;
  padding:8px 22px 22px !important;
}

.com_table_outer .primary-btn,
.com_table_outer a.primary-btn,
.com_table_outer a.ot-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:14px 28px !important;
  min-height:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#52a43e !important;
  background-color:#52a43e !important;
  background-image:none !important;
  color:#ffffff !important;
  font-weight:600 !important;
  font-size:15px !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  text-indent:0 !important;
  text-transform:none !important;
  white-space:nowrap !important;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:
    0 8px 18px -4px rgba(82,164,62,.45),
    0 2px 4px rgba(0,0,0,.05) !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease !important;
  cursor:pointer !important;
}

/* Tekst w środku przycisku (gdy motyw owija w <span>) */
.com_table_outer .primary-btn,
.com_table_outer .primary-btn *:not(svg):not(path):not(circle){
  color:#ffffff !important;
  font-weight:600 !important;
  font-size:15px !important;
  text-decoration:none !important;
}

/* Strzałka SVG */
.com_table_outer .primary-btn .arrow{
  display:inline-block !important;
  width:16px !important;
  height:16px !important;
  flex-shrink:0 !important;
  stroke:#ffffff !important;
  fill:none !important;
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  transition:transform .15s ease !important;
}
.com_table_outer .primary-btn .arrow path{
  stroke:#ffffff !important;
}

/* Hover */
.com_table_outer .primary-btn:hover,
.com_table_outer a.primary-btn:hover{
  background:#469236 !important;
  background-color:#469236 !important;
  color:#ffffff !important;
  transform:translateY(-1px) !important;
  box-shadow:
    0 12px 22px -4px rgba(82,164,62,.55),
    0 3px 6px rgba(0,0,0,.06) !important;
}
.com_table_outer .primary-btn:hover .arrow{
  transform:translateX(3px) !important;
}

/* Ikony w komórkach (✓ i ✗) – z !important */
.com_table_outer .cell-our .ico{
  stroke:#52a43e !important;
  color:#52a43e !important;
  fill:none !important;
  width:22px !important;
  height:22px !important;
  flex-shrink:0 !important;
  opacity:1 !important;
  visibility:visible !important;
}
.com_table_outer .cell-competitor .ico{
  stroke:#d9534f !important;
  color:#d9534f !important;
  fill:none !important;
  width:20px !important;
  height:20px !important;
  flex-shrink:0 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* FALLBACK dla przeglądarek bez subgrid */
@supports not (grid-template-rows: subgrid){
  .com_col{
    grid-template-rows:
      88px
      repeat(7, 92px)
      72px
      96px;
  }
}

/* MOBILE */
@media (max-width:768px){
  .com_table_outer{ padding:32px 12px; }
  .com_table--grid{
    grid-template-columns:
      minmax(130px,150px)
      minmax(250px,280px)
      minmax(210px,250px)
      minmax(210px,250px);
    grid-template-rows:
      84px
      repeat(7, minmax(80px,auto))
      68px
      90px;
    column-gap:10px;
    min-width:880px;
  }
  .cell{ padding:12px 16px; font-size:14px; }
  .cell-label{ padding:12px 14px; font-size:13.5px; margin:5px 3px; }
  .cell-header-our .logo{ height:26px; }
  .cell-header{ font-size:14px; }
  .com_table_outer .primary-btn{ padding:12px 22px !important; font-size:14px !important; }
}

@media (max-width:480px){
  .com_table_outer{ padding:24px 8px; }
  .com_table--grid{
    grid-template-columns:
      minmax(120px,140px)
      minmax(230px,260px)
      minmax(200px,230px)
      minmax(200px,230px);
    min-width:830px;
  }
}

/* Scroll hint */
@media (max-width:1024px){
  .com_table--scroll{
    background:
      linear-gradient(to right, var(--ot-bg) 30%, transparent),
      linear-gradient(to right, transparent, var(--ot-bg) 70%) right,
      radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.08), transparent),
      radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.08), transparent) right;
    background-repeat:no-repeat;
    background-size:32px 100%, 32px 100%, 12px 100%, 12px 100%;
    background-attachment:local,local,scroll,scroll;
  }
}/* End custom CSS */