
.gpp340-card{position:relative!important;overflow:hidden!important}
.gpp340-stage{position:relative;height:min(78vh,780px);min-height:520px;background:#000;overflow:hidden;border-radius:14px}
.gpp340-stage>video{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important}
.gpp340-ov{position:absolute;inset:0;z-index:5;color:#fff;pointer-events:none;background:linear-gradient(transparent 52%,rgba(0,0,0,.72))}
.gpp340-info{position:absolute;left:16px;right:88px;bottom:18px;text-shadow:0 1px 4px #000}
.gpp340-info b,.gpp340-info strong{display:block;margin:5px 0}
.gpp340-side{position:absolute;right:8px;bottom:25px;width:72px;display:flex;flex-direction:column;align-items:center;gap:13px;pointer-events:auto}
.gpp340-side>img{width:46px;height:46px;object-fit:cover;border-radius:50%;border:2px solid #fff}
.gpp340-side button{border:0!important;background:transparent!important;color:#fff!important;font-size:29px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-shadow:0 1px 4px #000}
.gpp340-side button small,.gpp340-side span small{font-size:9px!important;color:#fff}
.gpp340-side button.active{color:#ff3158!important}
.gpp340-side>span{display:flex;flex-direction:column;align-items:center;font-size:21px}
.gpp340-sound{position:absolute;right:12px;top:12px;pointer-events:auto;border:0;border-radius:50%;width:40px;height:40px;background:#0009;color:#fff;font-size:18px}
.gpp340-source{display:none!important}
.gpp340-card .gy-comment-form{display:none!important}
.gpp340-card .gy-comment-form.gpp340-show{display:flex!important}

.gpp340-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;pointer-events:auto}
.gpp340-tools button{border:0!important;border-radius:8px!important;padding:6px 9px!important;font-size:11px!important;line-height:1.2!important;background:rgba(0,0,0,.58)!important;color:#fff!important}
.gpp340-commenttools button,.gy-msg .gpp340-tools button{background:#eef3f8!important;color:#173a6a!important}
.gpp340-commenttools{margin-top:6px}
.gy-msg .gpp340-tools{justify-content:flex-end}

.gpp340-modalback{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.58);display:flex;align-items:center;justify-content:center;padding:18px}
.gpp340-modal{width:min(92vw,520px);background:#fff;color:#17202a;border-radius:18px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.30)}
.gpp340-modal h3{margin:0 0 14px;font-size:20px}
.gpp340-modal label{display:block;font-size:13px;font-weight:700;margin:10px 0 5px}
.gpp340-modalfield,.gpp340-modaltitle{width:100%!important;box-sizing:border-box!important;border:1px solid #cfd8e3!important;border-radius:10px!important;background:#fff!important;color:#17202a!important;padding:11px 12px!important;font:inherit!important}
.gpp340-modalfield{min-height:130px;resize:vertical}
.gpp340-modalactions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.gpp340-modalactions button{border:0!important;border-radius:10px!important;padding:10px 16px!important;font-weight:700!important}
.gpp340-cancel{background:#edf2f7!important;color:#26384d!important}
.gpp340-savebtn{background:#0b5cab!important;color:#fff!important}
.gpp340-danger{background:#c62828!important;color:#fff!important}
.gpp340-confirm p{font-size:15px;margin:8px 0 4px}

.gpp340-favorites{max-width:800px;margin:auto}
.gpp340-fav{padding:16px;margin-bottom:14px;border:1px solid #dce5ef;border-radius:14px;background:#fff}
.gpp340-remove{border:0;border-radius:9px;background:#eef4fb;color:#173a6a;padding:9px 12px}
.gpp340-empty{padding:25px;text-align:center}

@media(max-width:600px){
 .gpp340-stage{height:calc(100vh - 125px);border-radius:0}
 .gpp340-info{left:12px;bottom:12px}
 .gpp340-modal{width:94vw;padding:18px}
}
