.elementor-260 .elementor-element.elementor-element-6a6a4a4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:6%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:0;}.elementor-260 .elementor-element.elementor-element-6a6a4a4:not(.elementor-motion-effects-element-type-background), .elementor-260 .elementor-element.elementor-element-6a6a4a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;background-image:url("https://storeon.pl/wp-content/uploads/2025/12/bq_services4.jpg");}.elementor-260 .elementor-element.elementor-element-d227d94{--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-260 .elementor-element.elementor-element-d34e20d{--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-260 .elementor-element.elementor-element-69d18d1{--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-260 .elementor-element.elementor-element-43142e0{--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-260 .elementor-element.elementor-element-182adf8{--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-260 .elementor-element.elementor-element-d5c6b44{--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-260 .elementor-element.elementor-element-0313d55{--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-260 .elementor-element.elementor-element-10a961b{--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-260 .elementor-element.elementor-element-29488ae{--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;}@media(max-width:767px){.elementor-260 .elementor-element.elementor-element-6a6a4a4:not(.elementor-motion-effects-element-type-background), .elementor-260 .elementor-element.elementor-element-6a6a4a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-260 .elementor-element.elementor-element-6a6a4a4{--padding-top:10px;--padding-bottom:30px;--padding-left:5px;--padding-right:5px;}}@media(min-width:768px){.elementor-260 .elementor-element.elementor-element-6a6a4a4{--content-width:1360px;}.elementor-260 .elementor-element.elementor-element-d227d94{--width:33.3333%;}.elementor-260 .elementor-element.elementor-element-d34e20d{--width:33.3333%;}.elementor-260 .elementor-element.elementor-element-69d18d1{--width:33.3333%;}.elementor-260 .elementor-element.elementor-element-43142e0{--width:33.3333%;}.elementor-260 .elementor-element.elementor-element-182adf8{--width:33.3333%;}.elementor-260 .elementor-element.elementor-element-d5c6b44{--width:33.3333%;}.elementor-260 .elementor-element.elementor-element-0313d55{--width:33.3333%;}.elementor-260 .elementor-element.elementor-element-10a961b{--width:33.3333%;}.elementor-260 .elementor-element.elementor-element-29488ae{--width:33.3333%;}}/* Start custom CSS for html, class: .elementor-element-04ee593 *//* === CARD BOX – DARK GLASS / GREEN GLOW === */
.card.card-box {
  position: relative;
  background: rgba(15, 30, 25, 0.45);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border-radius: 20px;
  padding: 28px 26px;
  color: #e6f7f1;

  min-height: 320px;
  height: 100%;

  display: flex;
  flex-direction: column;

  box-shadow:
    0 0 0 1px rgba(80, 200, 160, 0.18),
    0 20px 40px rgba(0, 0, 0, 0.65);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* REMOVE WHITE BACKGROUNDS INSIDE */
.card.card-box * {
  background: transparent !important;
}

/* === HOVER === */
.card.card-box:hover {
  transform: translateY(-6px);
  box-shadow:
    0 0 0 1px rgba(80, 200, 160, 0.35),
    0 30px 60px rgba(0, 0, 0, 0.8);
}

/* === CARD HEAD === */
.card.card-box .card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  margin-bottom: 18px;
}

.card.card-box h3 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 600;
  color: #f0fffa;
}

/* === ICON === */
.card.card-box .card-icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;

  border-radius: 14px;
  background: rgba(54, 165, 133, 0.12);
  box-shadow: 0 0 0 1px rgba(54, 165, 133, 0.35);
  color: #36A585;
}

.card.card-box .card-icon svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* === LIST === */
.card.card-box .offer {
  list-style: none;
  padding: 0;
  margin: 0;
  flex-grow: 1;
}

.card.card-box .offer li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 14px;

  font-size: 0.95rem;
  line-height: 1.6;
  color: #d2f1e7;
}

.card.card-box .offer li:last-child {
  margin-bottom: 0;
}

/* GREEN DOT */
.card.card-box .offer li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #36A585;
  box-shadow: 0 0 10px rgba(54, 165, 133, 0.9);
}

/* === CTA BUTTON === */
.card.card-box .card-btn {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  width: 100%;
  padding: 14px 18px;
  border-radius: 14px;

  font-size: 0.95rem;
  font-weight: 500;
  color: #36A585;
  text-decoration: none;

  background: rgba(54, 165, 133, 0.08);
  border: 1px solid rgba(54, 165, 133, 0.35);

  transition:
    background 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

.card.card-box .card-btn:hover {
  background: rgba(54, 165, 133, 0.18);
  color: #f0fffa;
  box-shadow: 0 0 20px rgba(54, 165, 133, 0.45);
  transform: translateY(-2px);
}

.card.card-box .card-btn .icon {
  transition: transform 0.3s ease;
}

.card.card-box .card-btn:hover .icon {
  transform: translateX(4px);
}
/* === SPACE ABOVE CTA BUTTON === */
.card.card-box .offer {
  margin-bottom: 24px;
}
/* === CARD GLOW BASE === */
.card.card-box {
  box-shadow:
    0 0 0 1px rgba(54, 165, 133, 0.18),
    0 18px 40px rgba(0, 0, 0, 0.6);
}

/* === AMBIENT GLOW LAYER === */
.card.card-box::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: radial-gradient(
    circle at top left,
    rgba(54, 165, 133, 0.35),
    transparent 60%
  );
  opacity: 0;
  filter: blur(28px);
  transition: opacity 0.35s ease;
  z-index: -1;
}

/* === HOVER GLOW === */
.card.card-box:hover::after {
  opacity: 1;
}

.card.card-box:hover {
  box-shadow:
    0 0 0 1px rgba(54, 165, 133, 0.35),
    0 28px 60px rgba(0, 0, 0, 0.75);
}
/* === PATCH: ICON + CTA COLOR -> #db3185 === */

/* ICON */
.card.card-box .card-icon {
  background: rgba(219, 49, 133, 0.12);
  box-shadow: 0 0 0 1px rgba(219, 49, 133, 0.45);
  color: #db3185;
}

/* CTA BUTTON */
.card.card-box .card-btn {
  color: #ffffff;
  background: rgba(219, 49, 133, 0.08);
  border: 1px solid rgba(219, 49, 133, 0.45);
}

.card.card-box .card-btn:hover {
  background: rgba(219, 49, 133, 0.18);
  color: #db3185;;
  box-shadow: 0 0 20px rgba(219, 49, 133, 0.45);
}

/* === MOBILE OPTIMIZATION === */
@media (max-width: 768px) {

  .card.card-box {
    padding: 22px 20px;
    min-height: auto;
    border-radius: 18px;
  }

  /* HEAD */
  .card.card-box .card-head {
    gap: 12px;
    min-height: auto;
    margin-bottom: 14px;
  }

  .card.card-box h3 {
    font-size: 1.15rem;
    line-height: 1.3;
  }

  /* ICON */
  .card.card-box .card-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
  }

  .card.card-box .card-icon svg {
    width: 22px;
    height: 22px;
  }

  /* LIST */
  .card.card-box .offer li {
    font-size: 0.9rem;
    line-height: 1.55;
    margin-bottom: 10px;
    padding-left: 22px;
  }

  .card.card-box .offer {
    margin-bottom: 18px;
  }

  /* CTA */
  .card.card-box .card-btn {
    padding: 13px 16px;
    font-size: 0.9rem;
    border-radius: 12px;
  }
}

/* === TABLET FIX (IPAD / LANDSCAPE / PORTRAIT) === */
@media (min-width: 769px) and (max-width: 1024px) {

  /* KARTA */
  .card.card-box {
    min-height: 100%;
    height: auto;
    padding: 24px 22px;
    border-radius: 18px;

    /* TABLETY NIE LUBIĄ HOVER SHIFT */
    transform: none !important;
  }

  .card.card-box:hover {
    transform: none;
  }

  /* HEAD */
  .card.card-box .card-head {
    min-height: auto;
    margin-bottom: 16px;
    gap: 12px;
  }

  .card.card-box h3 {
    font-size: 1.2rem;
    line-height: 1.35;
  }

  /* IKONA */
  .card.card-box .card-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
  }

  .card.card-box .card-icon svg {
    width: 22px;
    height: 22px;
  }

  /* LISTA */
  .card.card-box .offer {
    margin-bottom: 20px;
  }

  .card.card-box .offer li {
    font-size: 0.92rem;
    line-height: 1.55;
    margin-bottom: 12px;
    padding-left: 22px;
  }

  /* CTA */
  .card.card-box .card-btn {
    margin-top: auto;
    padding: 13px 16px;
    font-size: 0.9rem;
    border-radius: 12px;
  }

  /* USUŃ ZBĘDNY GLOW RUCHU */
  .card.card-box::after {
    filter: blur(22px);
  }
}/* End custom CSS */