.mpg{--gap:16px}
.mpg-view{position:relative;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:var(--gap);margin-bottom:var(--gap)}
.mpg-frame{position:relative;margin:0;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.mpg-frame::before{content:"";display:block;aspect-ratio:var(--mpg-aspect,16/10);background:#f2f4f7}
.mpg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mpg-cap{position:absolute;left:0;right:0;bottom:0;margin:0;padding:10px 12px;color:#fff;background:linear-gradient(to top, rgba(0,0,0,.65), transparent)}
.mpg-prev,.mpg-next{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;text-decoration:none;background:#f3f5f7;color:#111;font-size:22px;line-height:1;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.mpg-prev:hover,.mpg-next:hover{background:#e9edf2}
.mpg-thumbs{display:flex;flex-wrap:nowrap;gap:var(--gap);justify-content:center;align-items:center;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:8px}
.mpg-thumb{display:block;flex:0 0 auto;scroll-snap-align:center;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.mpg-thumb img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .3s ease}
.mpg-thumb:hover img{transform:scale(1.04)}
.mpg-thumb.is-current{outline:1px solid rgba(0,0,0,.35)}
.gv-wrap{max-width:1100px;margin:0 auto;padding:20px}
.gv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}
.gv-title{font-size:clamp(20px,2.5vw,28px);margin:0}
.gv-meta{color:#666;font-size:14px}
.gv-ad{margin:16px 0;padding:12px;border:1px dashed #cfd6de;border-radius:10px;text-align:center;color:#6b7280;background:#f9fafb}
.gv-related{margin-top:28px}
.gv-related h3{margin:0 0 12px 0;font-size:18px}
.gv-related ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.gv-related a{text-decoration:none}
@media (max-width:680px){
  .mpg-view{grid-template-columns:36px 1fr 36px}
  .mpg-thumbs{grid-template-columns:repeat(4,1fr)}
}
@media (max-width: 768px){
  .gv-wrap{max-width:100%;padding-left:0;padding-right:0}
  .mpg-view{grid-template-columns:1fr;gap:12px}
  .mpg-prev,.mpg-next{width:36px;height:36px}
  .mpg-frame::before{aspect-ratio:auto}
  .mpg-img{position:relative;inset:auto;width:100%;height:auto;display:block}
}


@media (max-width: 768px) {
  .mpg-thumb { width: 48px !important; height: 48px !important; }
  .mpg{ --gap: 12px; }
  .mpg-prev, .mpg-next { display: none !important; }
}


/* --- SAFETY: zapobiegaj wpływowi na szerokość wpisu --- */
.mpg{display:block;width:100%;max-width:100%;overflow-x:hidden}
.mpg-view,.mpg-frame{max-width:100%}
.mpg img{max-width:100%;height:auto}
.mpg-thumbs{overflow-x:auto;overflow-y:hidden}
/* --- /SAFETY --- */


@media (max-width: 768px) {
  .mpg-prev, .mpg-next { display: none !important; }
  .mpg-thumb { width: 48px !important; height: 48px !important; }
}

.mpg-frame{touch-action:pan-y pinch-zoom}

@media (max-width: 768px) {
  body.is-regular-article .mpg-thumbs {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 4px;
    max-width: 100%;
  }

  body.is-regular-article .mpg-thumb {
    flex: 0 0 auto;
    width: calc(25% - 4px);
  }

  body.is-regular-article .mpg-thumb:nth-child(n+5) {
    display: none !important;
  }
}

/* === Albumy v1.3.5: bez borderów i zaokrągleń === */
.mpg-view img,
.mpg-thumb img {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.mpg-view,
.mpg-view figure,
.mpg-view img {
  cursor: pointer;
}

/* === Albumy v1.3.6 === */

/* Max 6 miniaturek na mobile tylko na stronie wpisu */
@media (max-width: 768px) {
  body.is-regular-article .mpg-thumbs {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 4px;
    max-width: 100%;
  }

  body.is-regular-article .mpg-thumb {
    flex: 0 0 auto;
    width: calc(16.66% - 4px);
  }

  body.is-regular-article .mpg-thumb:nth-child(n+7) {
    display: none !important;
  }
}

/* Usuń zaokrąglenia i cienie */
.mpg-thumb img,
.mpg-view img {
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* === Albumy v1.3.7 FINAL === */

/* Border radius = 0 dla .mpg-thumb i .mpg-frame */
.mpg-thumb,
.mpg-thumb img,
.mpg-frame,
.mpg-frame img {
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Max 6 miniaturek na mobile (tylko na stronie wpisu) */
@media (max-width: 768px) {
  body.is-regular-article .mpg-thumb:nth-child(n+7) {
    display: none !important;
  }

  body.is-regular-article .mpg-thumbs {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: center;
    overflow: hidden;
    max-width: 100%;
  }

  body.is-regular-article .mpg-thumb {
    flex: 0 0 auto;
    width: calc(16.66% - 4px);
  }
}