:root{
  --promin-green-1:#9dffb8;
  --promin-green-2:#49e67d;
  --promin-green-3:#1fbe57;
  --promin-dark-1:#0a0f0b;
  --promin-dark-2:#101712;
  --promin-line:rgba(124,255,176,.24);
  --promin-line-strong:rgba(124,255,176,.42);
  --promin-text:#f5f7f5;
}

.promin-yt-wrap{
  width:100%;
  margin:32px 0;
}

.promin-yt-shell{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:
    radial-gradient(circle at top left, rgba(93,255,154,.18), transparent 30%),
    radial-gradient(circle at bottom right, rgba(40,200,90,.12), transparent 30%),
    linear-gradient(180deg, var(--promin-dark-2) 0%, var(--promin-dark-1) 100%);
  border:1px solid var(--promin-line);
  box-shadow:
    0 22px 60px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 30px rgba(76,255,135,.10);
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

/* 16:9 klasické video */
.promin-yt-shell::before{
  content:"";
  display:block;
  padding-top:56.25%;
}

.promin-yt-shell:hover{
  transform:translateY(-2px);
  border-color:var(--promin-line-strong);
  box-shadow:
    0 28px 70px rgba(0,0,0,.46),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 42px rgba(76,255,135,.16);
}

.promin-yt-shell iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
  border-radius:inherit;
  background:#000;
}

/* jemný overlay look */
.promin-yt-shell::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(to top, rgba(7,11,8,.20), transparent 28%),
    linear-gradient(to bottom, rgba(255,255,255,.03), transparent 18%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -30px 50px rgba(0,0,0,.12);
}

/* shorts / vertikální varianta */
.promin-yt-shell.is-short::before{
  padding-top:177.78%; /* 9:16 */
}

@media (max-width: 768px){
  .promin-yt-shell{
    border-radius:22px;
  }
}

@media (max-width: 480px){
  .promin-yt-wrap{
    margin:24px 0;
  }

  .promin-yt-shell{
    border-radius:18px;
    box-shadow:
      0 16px 36px rgba(0,0,0,.34),
      0 0 0 1px rgba(255,255,255,.03) inset,
      0 0 20px rgba(76,255,135,.08);
  }
}