.cmp-services-v2{position:relative;isolation:isolate;overflow:hidden;padding:clamp(70px,9vw,120px) var(--pad)}

/* warstwa tła (parallax) - wyższa niż sekcja, przesuwana przez JS */
.cmp-services-v2__bg{position:absolute;z-index:-2;left:0;right:0;top:-18%;height:136%;
  background-image:url("/cmp/cmp-services-v2/img/cmp-services-v2-bg.jpg");background-size:cover;background-position:center;
  will-change:transform}

/* niebieska tonacja */
.cmp-services-v2::after{content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(160deg, rgba(0,119,196,.50) 0%, rgba(0,102,176,.56) 55%, rgba(0,82,148,.62) 100%);mix-blend-mode:multiply}

.cmp-services-v2__wrap{position:relative;max-width:var(--wrap);margin:0 auto}

.cmp-services-v2__heading-row{display:flex;align-items:center;gap:16px;margin-bottom:clamp(32px,4vw,44px)}

.cmp-services-v2__heading{font-family:var(--fd);font-weight:600;letter-spacing:-.02em;line-height:1.08;
  color:#fff;font-size:clamp(30px,4.8vw,52px);margin-bottom:0;text-shadow:0 2px 18px rgba(4,30,48,.45)}

.cmp-services-v2__grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px}

/* kafle: przezroczyste szkło, tło pod nimi lekko zmatowione */
.cmp-services-v2__tile{background:rgba(255,255,255,.07);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  border:1px solid rgba(255,255,255,.42);border-radius:14px;
  padding:clamp(28px,3.4vw,36px) clamp(24px,3vw,28px);display:flex;flex-direction:column;gap:12px;min-height:140px;
  box-shadow:0 24px 46px -20px rgba(4,32,52,.32),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}

.cmp-services-v2__tile:hover{transform:translateY(-3px);background:rgba(255,255,255,.16);
  box-shadow:0 32px 56px -20px rgba(4,32,52,.38),inset 0 1px 0 rgba(255,255,255,.55)}

.cmp-services-v2__title{font-family:var(--fd);font-weight:600;letter-spacing:-.01em;line-height:1.1;
  color:#fff;font-size:clamp(19px,1.9vw,23px);text-shadow:0 1px 12px rgba(4,30,48,.5)}

.cmp-services-v2__subtitle{font-family:var(--f);color:#fff;font-size:14px;line-height:1.5;letter-spacing:.02em}

@media(min-width:940px){
  .cmp-services-v2__grid{grid-template-columns:repeat(3,1fr)}
}

@media(prefers-reduced-motion:reduce){
  .cmp-services-v2__bg{transform:none!important}
}