/* =================================================================== */
/*  POP‑UP (БАЗА: размеры, позиционирование, прокрутка, крестик)       */
/* =================================================================== */
.video-popup      {position:fixed;inset:0;display:none;z-index:9999;}
.video-popup.open {display:block;}

.video-popup__overlay{
	position:absolute;inset:0;background:rgba(0,0,0,.6);
}

.video-popup__dialog {
    position: relative;
    max-width: 720px;
    margin: 40px auto;
    padding: 70px 30px;
    background: #fff;
    color: #000;
    border-radius: 8px;
    overflow-y: auto;
    max-height: calc(100vh - 50px);
    background: linear-gradient(180deg, #f1f1f1 0%, #e6e6e6 100%);
    border-radius: 14px;
    box-shadow: 0 12px 36px rgba(0, 0, 0, .18);
}
/* ── круги‑индикаторы шагов ───────────────────────────────────────── */
.video-popup__dialog::before,
.video-popup__dialog::after{
	content:'';
	position:absolute;top:15px;
	width:34px;height:34px;border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	font:700 17px/1 Arial,Helvetica,sans-serif;color:#fff;
}
.video-popup__dialog::before{left:15px;background:#e53728;content:'1';}
.video-popup__dialog::after {right:15px;background:#cfcfcf;content:'2';}

/* активируем «2» на втором шаге */
.video-popup__dialog.step-2-active::before{background:#cfcfcf;content:'1';}
.video-popup__dialog.step-2-active::after {background:#e53728;content:'2';}

/* ── крестик ──────────────────────────────────────────────────────── */
.video-popup__close{
	position:absolute;top:10px;right:14px;
	font-size:32px;line-height:1;color:#444;
	background:transparent;border:none;cursor:pointer;
}

/* =================================================================== */
/*  СОДЕРЖИМОЕ ФОРМЫ (поля, чек‑боксы, кнопки, прогресс‑бар)            */
/* =================================================================== */
#video-upload-app{max-width:620px;margin:0 auto;font-family:'TildaSans',Arial,Helvetica,sans-serif;}

#video-upload-app h2{margin:0 0 24px;font-size:28px;line-height:1.25;}

.field{margin-bottom:20px;}
.field input{
	width:100%;padding:10px 12px;font-size:15px;
	border:1px solid #c8c8c8;border-radius:4px;background:#fff;
	transition:border .2s;
}
.field input:focus{border-color:#e53728;outline:none;}

.check{
	display:flex;align-items:center;gap:8px;margin:12px 0;font-size:14px;
}
.check input[type=checkbox]{width:18px;height:18px;accent-color:#0a776c;}

button#next-step-btn,
button#upload-btn{
	width:100%;height:48px;margin-top:15px;
	background:#e53728;color:#fff;border:none;border-radius:4px;
	font-size:17px;font-weight:600;cursor:pointer;transition:opacity .25s;
}
button#next-step-btn:hover,
button#upload-btn:hover{opacity:.87;}

#upload-status p{margin:3px 0;}

#progress-box{width:100%;height:18px;background:#d5d5d5;border-radius:4px;margin-top:20px;}
#progress-bar{height:100%;width:0;background:#0a776c;border-radius:4px;transition:width .2s linear;}


.file-inputs input {margin-bottom:5px;}


/* =================================================================== */
/*  АДАПТИВ (только шрифты/паддинги, без изменения ориентации!)         */
/* =================================================================== */
@media(max-width:600px){
	
	.video-popup__dialog{padding:75px 20px 32px; max-width:95%;}
	#video-upload-app h2{font-size:24px;}
	button#next-step-btn,
	button#upload-btn{font-size:16px;}
	.video-popup__close {
    top: 30px;
    right: 0px;
    font-size: 42px;
    padding: 15px 20px;
}
}