:root{
  --ps-accent:#dd291b;
  --ps-primary:#00357d;
}

.ps-news{
  background:#fff;
  padding:110px 40px;
  position:relative;
}

@media (max-width:768px){
  .ps-news{ padding:90px 18px; }
}

/* TOP */
.ps-news__top{
  max-width:1400px;
  margin:0 auto 22px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
}

.ps-news__left{ max-width:860px; }

.ps-news__title{
  font-family: "Teko", sans-serif;
  font-size:clamp(56px, 6.5vw, 108px);
  line-height:.9;
  margin:0 0 12px;
  color:#111;
}

.ps-news__lead{
  font-family: "Poppins", sans-serif;
  font-size:16px;
  line-height:1.7;
  color:#333;
  margin:0;
  max-width:760px;
}

/* Button */
.ps-news__link{
  position:relative;
  z-index:2;

  display:inline-flex;
  align-items:center;

  font-family: "Poppins", sans-serif;
  font-size:13px;
  font-weight:600;

  color:#111;
  text-decoration:none;

  min-height:40px;
  padding:9px 14px;
  border-radius:999px;

  border:1px solid rgba(0,0,0,.22);
  background:#fff;

  transition:transform 220ms ease, border-color 140ms ease, color 140ms ease, background-color 140ms ease;
}

.ps-news__link:hover{
  border-color:var(--ps-accent);
  background:var(--ps-accent);
  color:#fff;
  transform:translateY(-1px);
}

.ps-news__link:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(221,41,27,.22);
}

/* TRACK */
.ps-news__rail{
  max-width:1400px;
  margin:0 auto;
}

.ps-news__track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(280px, 1fr);
  gap:26px;

  overflow:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;

  padding-bottom:14px;
  scrollbar-width:none;
  cursor:grab;
}

.ps-news__track::-webkit-scrollbar{ display:none; }
.ps-news__track:active{ cursor:grabbing; }

.ps-news__item{
  scroll-snap-align:start;
  border-top:1px solid rgba(0,0,0,.18);
  padding-top:16px;
}

/* CARD */
.ps-news__card{
  position:relative;
  display:block;
  color:#000;
  transition:transform 420ms ease, opacity 420ms ease, filter 420ms ease;
  will-change:transform, opacity, filter;
}

/* ✅ Cover link – MUSI być NA wierzchu, inaczej klik trafia w <h3>/<p> */
.ps-news__cover{
  position:absolute;
  inset:0;
  z-index:5;               /* <<< klucz */
  display:block;
  text-decoration:none;
  background:transparent;
}

/* ✅ Treść nad linkiem ma nie przejmować klików */
.ps-news__meta,
.ps-news__h,
.ps-news__excerpt,
.ps-news__more{
  position:relative;
  z-index:2;
  pointer-events:none;     /* <<< klucz */
}

.ps-news__card:hover{
  transform:scale(.985);
  opacity:.5;
  filter: grayscale(1);
}

/* META */
.ps-news__meta{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 10px;

  font-family: "Poppins", sans-serif;
  font-size:12px;
  color:rgba(0,0,0,.70);
}

.ps-news__meta-date{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.ps-news__meta-date::before{
  content:"";
  width:14px;
  height:14px;
  display:inline-block;
  flex:0 0 14px;
  opacity:.85;
  background-repeat:no-repeat;
  background-size:14px 14px;
  background-position:center;

  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23171718' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}

/* tytuł */
.ps-news__h{
  margin:0 0 8px;
  line-height:1.15;
  font-family: "Poppins", sans-serif;
  font-weight:600;
  font-size:18px;
  color:#000;
}

/* EXCERPT – 2 linijki */
.ps-news__excerpt{
  margin:0;
  font-family: "Poppins", sans-serif;
  font-size:14px;
  line-height:1.5;
  font-weight:300;
  color:rgba(0,0,0,.85);

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* bez "Dalej" */
.ps-news__more{ display:none !important; }

@media (max-width: 640px){
  .ps-news__track{ grid-auto-columns:minmax(78vw, 1fr); }
}

@media (prefers-reduced-motion: reduce){
  .ps-news__card{ transition:none !important; }
}
