.dag-counter {background:rgba(0,0,0,.7); border-radius:999px; bottom:12px; color:#fff; font-size:12px; padding:6px 10px; position:absolute; right:12px; z-index:3;}

.dag-nav {background:#fff; border-radius:999px; border:1px solid #ddd; cursor:pointer; font-size:22px; height:42px; line-height:1; position:absolute; top:50%; transform:translateY(-50%); width:42px; z-index:2;}
.dag-nav--next {right:10px;}
.dag-nav--prev {left:10px;}

.dag-stage {background:#fff; border-radius:16px; border:1px solid #e6e6e6; overflow:hidden; position:relative;}
.dag-stage__open {background:transparent; border:0; cursor:zoom-in; inset:0; padding:0; position:absolute; z-index:1;}

.dag-thumb {background:#fff; border-radius:12px; border:1px solid #e6e6e6; cursor:pointer; overflow:hidden; padding:0; flex:0 0 auto; border:2px solid transparent; border-radius:14px;}
.dag-thumb.is-active {outline:2px solid #111; border-color:#0a0f1f;}
.dag-thumb img {display:block; height:70px; object-fit:cover; width:100%; height:72px; border-radius:12px;}

.dag-thumbs {display:grid; gap:10px; grid-template-columns:repeat(6,1fr); margin-top:10px; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; padding:8px 6px 6px;}

/* FIX: dag-thumbs не сжимается на desktop (override base above) */
.dag-thumbs{
  grid-template-columns: none !important;
  grid-auto-flow: column;
  grid-auto-columns: 82px;
  justify-content: start;
}
.dag-thumb{
  width: 82px;
  min-width: 82px;
}