.dp-hr{width:auto;height:3px;background:#317baf;border:none;margin:10px 0}

.dp-strip-title{font-size:1.15rem;font-weight:700;color:#1f1f1f;line-height:1.2}
.dp-strip-more{font-size:.9rem;color:#317baf;text-decoration:none;white-space:nowrap}
.dp-strip-more:hover{ text-decoration:underline; }

.pagination{ gap:6px; }
.page-item .page-link{border-radius:10px;border:1px solid #d7e7f4;color:#317baf;padding:.45rem .75rem;background:#fff;font-weight:600;box-shadow:none !important}
.page-item .page-link:hover{background:#eaf4fb;border-color:#b9d8ee;color:#1f6ea5}
.page-item.active .page-link{background:#317baf;border-color:#317baf;color:#fff}
.page-item.disabled .page-link{color:#9aa7b2;background:#f6f8fa;border-color:#eef2f5}

.page-item.disabled span.page-link{background:transparent;border-color:transparent;color:#9aa7b2}

a.text-dark:hover { text-decoration: underline; }

.dp-thumb .foto.zoom,.dp-thumb .foto.zoom a{display:block;overflow:hidden;border-radius:10px}
.dp-thumb img{display:block;width:100%;height:auto;transform: translateZ(0);transition: transform .26s ease, filter .26s ease;backface-visibility:hidden}
.dp-thumb:hover img{transform: scale(1.08);filter: brightness(1.08) contrast(1.03)}
.dp-thumb:active img{transform: scale(0.99)}

.band-main-photo .foto.zoom,.band-main-photo .foto.zoom a{display:block;overflow:hidden;border-radius:12px}

.miniatura2 { overflow:hidden; }
.miniatura2 img{display:block;width:100%;height:auto;transform: translateZ(0) scale(1) !important;backface-visibility:hidden;transition: transform .30s ease, filter .30s ease !important}
.miniatura2:hover img{transform: translateZ(0) scale(1.06) !important;filter: brightness(1.03)}

/* ZESPÓŁ – listingi artykułów / teledysków / mp3 – MOBILE */
@media (max-width: 576px){

  /* tylko kafelki w kolumnie contentu zespołu */
  .col-lg-8 .col-12.col-lg-4 .miniatura2{
    padding-top: 70% !important;   /* ← TO JEST WYSOKOŚĆ */
  }

  /* obrazek ma wypełnić nową proporcję */
  .col-lg-8 .col-12.col-lg-4 .miniatura2 img{
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top;
  }

}

/* ZESPÓŁ – listingi (artykuły / teledyski / mp3) – styl jak global */
@media (max-width: 576px){

  /* ramka miniatury */
  .col-lg-8 .col-12.col-lg-4 .miniatura2{
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  /* obraz */
  .col-lg-8 .col-12.col-lg-4 .miniatura2 img{
    transition: transform .25s ease, box-shadow .25s ease;
    transform: scale(1);
    display: block;
  }

  /* hover / tap */
  .col-lg-8 .col-12.col-lg-4:hover .miniatura2 img{
    transform: scale(1.05);
  }
}/* =====================================================
   ZESPÓŁ – GŁÓWNE ZDJĘCIE (ten sam efekt co global)
   ===================================================== */

/* ramka */
.band-main-photo,
.band-main-photo .foto,
.col-lg-8 > .miniatura2{
  border-radius: var(--img-radius, 12px) !important;
  overflow: hidden !important;
}

/* obraz */
.band-main-photo img,
.col-lg-8 > .miniatura2 img{
  display: block !important;
  width: 100% !important;
  transition: transform .35s ease, box-shadow .35s ease;
  transform: scale(1);
  backface-visibility: hidden;
}

/* hover desktop */
@media (min-width: 768px){
  .band-main-photo:hover img,
  .col-lg-8 > .miniatura2:hover img{
    transform: scale(1.04);
    box-shadow: 0 10px 26px rgba(0,0,0,.18);
  }
}

/* tap mobile – delikatnie */
@media (max-width: 767px){
  .band-main-photo:active img,
  .col-lg-8 > .miniatura2:active img{
    transform: scale(0.99);
  }
}


/* ==============================
   PREMIUM TABS
============================== */
.dp-tabs-wrap{
  margin: 10px 0 18px;
  padding: 6px;
  background: #f5f7fa;
  border-radius: 14px;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.dp-tab{
  display: inline-block;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 12px;
  text-decoration: none !important;
  color: #24313b;
  font-size: 13px;
  font-weight: 600;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

.dp-tab:hover{
  background: #eaf4fb;
  color: #1f6ea5;
}

.dp-tab.is-active{
  background: #317baf;
  color: #fff;
  box-shadow: 0 8px 20px rgba(49,123,175,.25);
}

.dp-tab-count{
  font-weight: 600;
  opacity: .9;
}


/* ==============================
   PREMIUM LISTING
============================== */
.dp-section{ margin-top: 18px; }

.dp-headline{
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

.dp-title{
  display: table-cell;
  font-size: 19px;
  font-weight: 700;
  color: #111;
  margin: 0;
  line-height: 1.2;
}

.dp-more{
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 600;
  color: #317baf;
  text-decoration: none;
  white-space: nowrap;
}

.dp-more:hover{ text-decoration: underline; }

/* HERO */
.dp-hero{
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  margin-bottom: 12px;
}

.dp-hero-link{ display:block; color: inherit; text-decoration:none !important; }

.dp-hero-img img{
  width: 100%;
  height: auto;
  display:block;
}

.dp-hero-body{ padding: 12px 14px 14px; }

.dp-hero-title{
  font-size: 19px;
  font-weight: 700;
  line-height: 1.28;
  margin: 0 0 6px;
  color: #111;
}

.dp-hero-lead{
  margin: 0 0 10px;
  color: #333;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 400;
}

/* LIST */
.dp-list{
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

.dp-item{ border-top: 1px solid rgba(0,0,0,.06); }
.dp-item:first-child{ border-top: 0; }

.dp-item-link{
  display: table;
  width: 100%;
  padding: 10px 12px;
  text-decoration: none !important;
  color: inherit;
  transition: background .12s ease;
}

.dp-item-link:hover{ background: #f6fbff; }

.dp-item-thumb{
  display: table-cell;
  width: 150px;
  vertical-align: top;
}

.dp-item-thumb img{
  width: 100%;
  height: auto;
  border-radius: 14px;
  display:block;
}

.dp-item-body{
  display: table-cell;
  vertical-align: top;
  padding-left: 12px;
}

.dp-item-title{
  display:block;
  font-size: 15px;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  margin-bottom: 4px;
}

.dp-item-lead{
  display:block;
  color: #333;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 400;
  max-height: 2.9em;
  overflow: hidden;
}

/* META */
.dp-meta{
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  color: #7a8896;
  font-weight: 600;
}

/* ==============================
   IMAGE HOVER (delikatny)
============================== */
.dp-hover-img{
  position: relative;
  overflow: hidden;
  border-radius: inherit;
}

.dp-hover-img img{
  transition: transform .22s ease, filter .22s ease;
  transform: scale(1);
}

@media (min-width: 992px){
  .dp-hero-link:hover .dp-hover-img img,
  .dp-item-link:hover .dp-hover-img img{
    transform: scale(1.03);
    filter: brightness(1.03) contrast(1.02);
  }
}

/* ==============================
   VIDEO STYLING (teledyski)
============================== */
.dp-video-thumb{ position: relative; }

.dp-play{
  position:absolute;
  left: 50%;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: rgba(0,0,0,.55);
}

.dp-play:after{
  content:"";
  position:absolute;
  left: 18px;
  top: 14px;
  width: 0;
  height: 0;
  border-left: 14px solid #fff;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}

.dp-video-badge{
  position:absolute;
  left: 10px;
  top: 10px;
  background: rgba(49,123,175,.92);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 7px;
  border-radius: 10px;
}

/* MOBILE */
@media (max-width: 576px){
  .dp-item-thumb{ width: 120px; }
  .dp-hero-title{ font-size: 17px; }
  .dp-hero-lead{ font-size: 13px; }
  .dp-item-title{ font-size: 14px; }
  .dp-item-lead{ display:none; }
}