/* ═══ Split Panel (Kontraszt szekció) ═══ */

.wtk-sp{
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  background-color:#0a1821;
  color:#ffffff;
}
/* Full-bleed – same technique as the hero */
.wtk-sp--full{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(-50vw + 50%) !important;
}

/* Slanted stripe – centred on `left`, skewed around its own centre */
.wtk-sp-stripe{
  position:absolute;
  top:-20%;
  left:46%;
  width:8%;
  height:140%;
  background-color:#10222d;
  transform:translateX(-50%) skewX(var(--wtk-sp-skew,-16deg));
  pointer-events:none;
  z-index:1;
}

.wtk-sp-inner{position:relative;z-index:2;padding:88px 0}
.wtk-sp-container{width:calc(100% - 64px);max-width:1280px;margin:0 auto}

/* .wtk-sp prefix keeps these above theme / Elementor kit heading & paragraph rules */
.wtk-sp .wtk-sp-title{max-width:720px;margin:0 0 48px;color:#ffffff;font-size:clamp(28px,3.2vw,40px);font-weight:900;line-height:1.1;text-transform:uppercase}

.wtk-sp-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:44px;align-items:start}

.wtk-sp-col--left{color:rgba(255,255,255,.65)}
.wtk-sp-col--right{color:#ffffff;padding-left:20px;border-left:3px solid #f7941d}

.wtk-sp .wtk-sp-eyebrow{margin:0 0 20px;font-family:'Roboto Mono',monospace,system-ui;font-size:12px;line-height:1.3;letter-spacing:.25em;text-transform:uppercase}
.wtk-sp .wtk-sp-col--left .wtk-sp-eyebrow{color:#6f8291}
.wtk-sp .wtk-sp-col--right .wtk-sp-eyebrow{color:#f7941d}

.wtk-sp .wtk-sp-item{margin:0 0 12px;color:inherit;font-size:17px;line-height:1.5}
.wtk-sp .wtk-sp-item:last-child{margin-bottom:0}

.wtk-sp .wtk-sp-closing{margin:24px 0 0;color:#ffffff;font-size:22px;font-weight:700;line-height:1.3}

@media(max-width:767px){
  .wtk-sp-inner{padding:56px 0}
  .wtk-sp-container{width:calc(100% - 44px)}
  .wtk-sp-cols{grid-template-columns:minmax(0,1fr)}
  .wtk-sp .wtk-sp-closing{font-size:19px}
}