.splide__pagination__page.is-active {
  width: 40px !important;
  border-radius: 10px;
  height: 2px;}

  .splide__pagination__page {
  width: 10px;
  border-radius: 10px !important;
  height: 2px !important;}
  
  .ts-ico .kadence-info-box-icon-inner-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 88px;
}

.ts-ico .kadence-info-box-icon-inner-container::before {
  content: '';
  position: absolute;
  inset: 0;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  background-image: linear-gradient(to top, var(--global-palette2), var(--global-palette2));
}

.ts-ico .kb-svg-icon-wrap {
  position: relative;
  z-index: 1;
  color: #ffffff;
}

.kb-nav-dropdown-toggle-btn svg {
  pointer-events: none;
  left: 2px;
  top: 1px;
  width: 1.2em !important;
  height: 1.2em !important;
}

.csx-cat-label {
  color: #ffffff42;
  text-transform: uppercase;
  font-family: var(--global-heading-font-family);
  font-weight: 500;
  font-size: clamp(16px, 0.8501rem + 0.4895vw, 23px);
}

/* Kontener potrzebuje position: relative */
.offer-img .kb-is-ratio-image {
  position: relative;
  overflow: visible;
}

.offer-img .kb-is-ratio-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 724.82 832'%3E%3Cpolygon points='692.82 600 692.82 200 346.41 0 0 200 0 600 346.41 800 692.82 600' fill='none' stroke='white' stroke-width='32'/%3E%3C/svg%3E");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
  z-index: 1;
}

.offer-img .kb-is-ratio-image::before, .offer-img .kadence-video-intrinsic::before {
  content: '';
  position: absolute;
  inset: -35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 692.82 800'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23000000' stop-opacity='0'/%3E%3Cstop offset='83%25' stop-color='%23000000' stop-opacity='0'/%3E%3Cstop offset='100%25' stop-color='%23000000' stop-opacity='0.1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='692.82 600 692.82 200 346.41 0 0 200 0 600 346.41 800 692.82 600' fill='url(%23grad)'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
  z-index: -1;
}

.offer-img .kadence-video-poster {
  mask-image: url(/wp-content/uploads/2026/04/hex2.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: auto;
}

/* Ramka */
.offer-img .kadence-video-intrinsic::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 724.82 832'%3E%3Cpolygon points='692.82 600 692.82 200 346.41 0 0 200 0 600 346.41 800 692.82 600' fill='none' stroke='white' stroke-width='32'/%3E%3C/svg%3E");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
  z-index: 1;
}

/* Gradient + wystawanie */
.offer-img .kadence-video-intrinsic {
  position: relative;
  overflow: visible;
}



@media (max-width: 767px) {
  body {
    background-position: top right !important;
    background-size: 100vw auto !important;
    background-attachment: fixed !important;
  }
}

@media (max-width: 1024px) {
  body {
    background-position: 90% -2%;
    background-size: auto 104vh;
  }

  .offer-img .kb-is-ratio-image::before, .offer-img .kadence-video-intrinsic::before {
  content: '';
  position: absolute;
  inset: -15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 692.82 800'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23000000' stop-opacity='0'/%3E%3Cstop offset='83%25' stop-color='%23000000' stop-opacity='0'/%3E%3Cstop offset='100%25' stop-color='%23000000' stop-opacity='0.1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='692.82 600 692.82 200 346.41 0 0 200 0 600 346.41 800 692.82 600' fill='url(%23grad)'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
  z-index: -1;
}
}