/* همه چیز فقط زیر .amvp — هیچ نشت استایلی به سایت ندارد */
.amvp{
  --amvp-text:#e5e7eb;
  --amvp-accent:#7c3aed;
  --amvp-shadow: 0 20px 60px rgba(0,0,0,.45);
  --amvp-radius: 18px;

  width:100%;
  max-width: 980px;
  margin: 0 auto;
  direction: rtl;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

.amvp .amvp-player{
  position:relative;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  border-radius: var(--amvp-radius);
  box-shadow: var(--amvp-shadow);
  overflow:hidden;
  isolation:isolate;
}

.amvp .amvp-video{
  width:100%;
  height:auto;
  display:block;
  background:#000;
  aspect-ratio: 16 / 9;
  object-fit:contain;
  -webkit-user-select:none;
  user-select:none;
}

.amvp .amvp-player::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, transparent 55%, rgba(0,0,0,.65) 95%),
    radial-gradient(600px 240px at 50% 70%, rgba(0,0,0,.35), transparent 70%);
  opacity:.9;
}

.amvp .amvp-big-play{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  z-index:3;
  pointer-events:none;
  opacity:0;
  transform:scale(.98);
  transition: opacity .18s ease, transform .18s ease;
}

.amvp .amvp-big-btn{
  pointer-events:auto;
  width:78px;
  height:78px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background: rgba(15,23,42,.55);
  backdrop-filter: blur(10px);
  box-shadow: 0 14px 40px rgba(0,0,0,.45);
  display:grid;
  place-items:center;
  cursor:pointer;
}

.amvp .amvp-big-btn:hover{
  border-color: rgba(255,255,255,.35);
  transform: translateY(-1px);
}

.amvp .amvp-big-btn svg{ width:30px; height:30px; fill:#fff; }

.amvp .amvp-paused .amvp-big-play{
  opacity:1;
  transform:scale(1);
}

.amvp .amvp-controls{
  position:absolute;
  left:0; right:0; bottom:0;
  z-index:4;
  padding:14px 14px 12px;
  display:grid;
  gap:10px;
  opacity:0;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease;
}

.amvp .amvp-player:hover .amvp-controls,
.amvp .amvp-player:focus-within .amvp-controls{
  opacity:1;
  transform: translateY(0);
}

.amvp .amvp-row{
  display:flex;
  align-items:center;
  gap:10px;
}

.amvp .amvp-btn{
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(15,23,42,.55);
  backdrop-filter: blur(10px);
  display:grid;
  place-items:center;
  cursor:pointer;
  user-select:none;
}

.amvp .amvp-btn:hover{ border-color: rgba(255,255,255,.26); }
.amvp .amvp-btn:active{ transform: translateY(1px); }
.amvp .amvp-btn svg{ width:18px; height:18px; fill:#fff; }

.amvp .amvp-time{
  font-size:12px;
  color: rgba(229,231,235,.92);
  font-variant-numeric: tabular-nums;
  min-width: 108px;
  text-align:center;
}

.amvp .amvp-progress{
  width:100%;
  height:10px;
  border-radius:999px;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
  cursor:pointer;
  position:relative;
}

.amvp .amvp-buffer{
  position:absolute;
  inset:0;
  width:0%;
  background: rgba(255,255,255,.18);
}

.amvp .amvp-bar{
  height:100%;
  width:0%;
  background: linear-gradient(90deg, var(--amvp-accent), #a78bfa);
  border-radius:999px;
  position:relative;
  z-index:1;
}

.amvp .amvp-volume{
  display:flex;
  align-items:center;
  gap:8px;
  min-width: 170px;
  justify-content:flex-end;
}

.amvp .amvp-vol{
  -webkit-appearance:none;
  appearance:none;
  height:8px;
  width:110px;
  border-radius:999px;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.10);
  outline:none;
  cursor:pointer;
}

.amvp .amvp-vol::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  border-radius:999px;
  background: #fff;
  border:2px solid rgba(124,58,237,.8);
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
}

.amvp .amvp-spacer{ flex:1; }