.plomba-blok{
  position: relative; display: grid; min-height: 5.9rem;
  overflow: clip; overflow-clip-margin: 10px;
  margin-top: calc(var(--ritm) * 1.2);
}
.plomba-blok > *{ grid-area: 1 / 1; }

.plomba-blok .vstuplenie__nutro{
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  align-items: center; gap: 2rem; padding: .2rem 0;
  opacity: 0; transform: translateY(12px);
}
.plomba-blok .vstuplenie__slovo{
  font-weight: 900; font-size: var(--k-sred); line-height: 1.06;
  text-transform: uppercase; letter-spacing: 0.004em;
  color: var(--chernila);
}
.plomba-blok .vstuplenie__kanaly{
  display: flex; gap: clamp(0.6rem, 1.2vw, 1rem); flex-wrap: wrap; justify-content: flex-end;
}

.plomba-blok .knopka--kanal{
  background: var(--zelenyy); color: var(--krem);
  font-size: var(--k-tekst); letter-spacing: 0.1em;
  padding: 0.95em 1.6em;
}
.plomba-blok .knopka--kanal:hover{
  background: var(--glubokiy);
  box-shadow: 0 6px 18px rgba(0, 48, 26, 0.28), 0 1px 0 rgba(35, 31, 32, 0.10);
}

.plomba-blok .sled{
  align-self: start; height: 9px; margin-top: -1px;
  background: var(--zoloto-svet); opacity: 0;
  -webkit-mask: conic-gradient(from -45deg at 50% 100%, #0000, #000 1deg 89deg, #0000 90deg) 50% / 11px 100% repeat-x;
  mask: conic-gradient(from -45deg at 50% 100%, #0000, #000 1deg 89deg, #0000 90deg) 50% / 11px 100% repeat-x;
}
.plomba-blok .plomba{
  position: relative; z-index: 2; overflow: hidden;
  display: grid; grid-template-columns: auto auto auto minmax(0, 1fr);
  align-items: center; gap: 1.1rem;
  padding: var(--pole-knopki) 1.6rem;
  border: 0; border-radius: 1px; cursor: pointer; text-align: left;
  font-family: inherit; color: var(--glubokiy);
  background:
    repeating-linear-gradient(45deg, rgba(0,48,26,.12) 0 7px, rgba(0,48,26,0) 7px 14px),
    var(--zoloto-svet);
  transition: transform 180ms var(--hod-out);
}

.plomba-blok .plomba::after{
  content: '';
  position: absolute; top: -40%; bottom: -40%; width: 16%; left: -20%;
  z-index: 1; pointer-events: none;
  background: linear-gradient(100deg,
    rgba(255, 251, 241, 0) 0%, rgba(255, 251, 241, .62) 50%, rgba(255, 251, 241, 0) 100%);
  transform: skewX(-18deg);
  animation: blik-plomby 6.5s linear infinite;
}

@keyframes blik-plomby{
  0%{ left: -20%; }
  17.6%{ left: 104%; }
  100%{ left: 104%; }
}
@media (prefers-reduced-motion: reduce){
  .plomba-blok .plomba::after{ animation: none; opacity: 0; }
}

.plomba-blok .plomba::before{
  content: ''; position: absolute; left: .7rem; right: .7rem; top: .5rem;
  border-top: 1.5px dashed rgba(0, 48, 26, .5);
}
.plomba-blok .plomba__slovo{
  font-size: var(--k-lid); font-weight: 900;
  text-transform: uppercase; letter-spacing: .04em;
}
.plomba-blok .plomba__prodolzhenie{
  font-size: var(--k-tekst); font-weight: 500; line-height: 1.2;
}
.plomba-blok .plomba__strelki{
  font-size: var(--k-melko); letter-spacing: .1em; opacity: .72;
  transition: transform 220ms var(--hod-out);
}
.plomba-blok .plomba__lenta{
  overflow: hidden; white-space: nowrap; text-align: right;
  font-size: var(--k-nadpis); font-weight: 900;
  text-transform: uppercase; letter-spacing: .3em;
  color: rgba(0, 48, 26, .3); user-select: none;
}
.plomba-blok .plomba[hidden]{ display: none; }
@media (hover: hover) and (pointer: fine){
  .plomba-blok .plomba:hover{ transform: translateY(-2px); }
  .plomba-blok .plomba:hover .plomba__strelki{ transform: translateX(6px); }
}
.plomba-blok .plomba:active{ transform: translateY(0); }
.plomba-blok .plomba:focus-visible{ outline: 3px solid var(--glubokiy); outline-offset: -6px; }

.plomba-blok.sorvana .plomba{ animation: sorvat 460ms var(--hod-out) forwards; }
@keyframes sorvat{
  0%   { transform: translate(0, 0) rotate(0deg); opacity: 1; }
  15%  { transform: translate(-1.4%, 3px) rotate(-.4deg); opacity: 1; }
  100% { transform: translate(108%, 30px) rotate(3.6deg); opacity: 0; }
}

.plomba-blok.sorvana .plomba::after{ animation: none; opacity: 0; }
.plomba-blok.sorvana .sled{ opacity: .9; transition: opacity 220ms var(--hod-out) 90ms; }
.plomba-blok.sorvana .vstuplenie__nutro{
  opacity: 1; transform: none;
  transition: opacity 280ms var(--hod-out) 130ms, transform 340ms var(--hod-out) 130ms;
}

@media (prefers-reduced-motion: reduce){
  .plomba-blok .plomba, .plomba-blok .plomba__strelki,
  .plomba-blok .vstuplenie__nutro, .plomba-blok .sled{ transition: none; }
  .plomba-blok.sorvana .plomba{ animation: none; }
}
@media (max-width: 60rem){
  .plomba-blok .vstuplenie__nutro{ grid-template-columns: minmax(0, 1fr); gap: .9rem; }
  .plomba-blok .vstuplenie__kanaly{ justify-content: flex-start; }
  .plomba-blok .plomba{ grid-template-columns: auto minmax(0, 1fr); row-gap: .3rem; }
  .plomba-blok .plomba__prodolzhenie{ grid-column: 1 / -1; }
  .plomba-blok .plomba__lenta{ display: none; }
}