.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}


/* === MGP 1.2.6e: thumbs viewport wrapper to prevent page widening === */
.mpg-thumbs-viewport{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.mpg-thumbs{flex-wrap:nowrap}
.mpg-thumbs > *{flex:0 0 auto}
/* === /MGP 1.2.6e === */