.mini-video-page{position:relative;min-height:calc(100vh - 122px);background:#090d0b;color:#fff}
.mini-video-filters{position:sticky;top:78px;z-index:12;display:grid;grid-template-columns:repeat(4,1fr);height:54px;border-bottom:1px solid #ffffff1c;background:#111713f2;backdrop-filter:blur(16px)}
.mini-video-filters button{min-width:0;border:0;background:transparent;color:#e8eee9;display:flex;align-items:center;justify-content:center;gap:7px}.mini-video-filters button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-video-filters button i{color:#89978e;font-size:8px;font-style:normal}.mini-video-filters button.active,.mini-video-filters button.active i{color:#ff8a4c}
.mini-video-stream{height:calc(100vh - 160px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;background:#000}.mini-video-slide{position:relative;width:100%;height:100%;min-height:520px;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#000}.mini-video-slide video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.mini-video-gradient{position:absolute;inset:48% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.72))}.mini-video-info{position:absolute;z-index:2;left:28px;right:90px;bottom:32px;text-shadow:0 2px 10px #000}.mini-video-info strong{display:block;margin-bottom:12px;font-size:23px}.mini-video-info div{display:flex;gap:8px;flex-wrap:wrap}.mini-video-info span{padding:6px 10px;border-radius:6px;background:#ffffff26;font-size:12px;backdrop-filter:blur(8px)}.mini-video-info .price{background:#e46c32}.mini-video-count{position:absolute;z-index:2;top:18px;right:18px;padding:5px 10px;border-radius:99px;background:#0008;font-size:11px}
.mini-video-state{min-height:calc(100vh - 176px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#95a099;text-align:center}.mini-video-state strong{color:#fff;font-size:18px}.mini-video-state span{font-size:12px}.mini-video-state button{margin-top:8px;border:0;border-radius:22px;padding:10px 18px;background:#ef7d42;color:#fff}.mini-video-state>i{width:28px;height:28px;border:3px solid #ffffff2b;border-top-color:#ef7d42;border-radius:50%;animation:videoSpin .8s linear infinite}.film-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:#ffffff14;color:#ff8a4c;font-size:23px}@keyframes videoSpin{to{transform:rotate(360deg)}}
.mini-filter-overlay{position:fixed;z-index:100;inset:132px 0 0 240px;background:#0008}.mini-filter-panel{width:min(620px,calc(100% - 30px));margin:0 auto;border-radius:0 0 17px 17px;background:#fff;color:#17221b;box-shadow:0 20px 55px #0004;overflow:hidden}.mini-filter-options{max-height:45vh;overflow:auto;padding:12px 18px}.mini-filter-options button{width:100%;border:0;border-bottom:1px solid #edf0ed;background:#fff;padding:14px 5px;display:flex;justify-content:space-between;text-align:left;color:#465249}.mini-filter-options button.selected{color:#e4692f;font-weight:700}.mini-filter-options p{padding:28px;text-align:center;color:#89948d}.mini-filter-panel footer{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:12px 18px 18px}.mini-filter-panel footer button{height:42px;border:0;border-radius:22px;background:#eef1ee;color:#4e5b53}.mini-filter-panel footer button:last-child{background:#ef7d42;color:#fff}
.mini-location-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#edf0ed}.mini-location-levels section{min-width:0;padding:14px;background:#fff}.mini-location-levels strong{display:block;margin-bottom:9px;color:#344054}.mini-location-levels section>div{display:grid;gap:6px;max-height:260px;overflow:auto}.mini-location-levels button{border:0;border-radius:9px;padding:10px;background:#f8fafc;color:#344054;text-align:left;display:flex;justify-content:space-between}.mini-location-levels button.selected{background:#fff1e8;color:#d45d26}.mini-location-levels p{margin:0;padding:12px 4px;color:#98a2b3;font-size:13px}
@media(min-width:1100px){.mini-video-stream{max-width:760px;margin:0 auto;border-left:1px solid #ffffff12;border-right:1px solid #ffffff12}.mini-video-slide{min-height:620px}}
@media(max-width:720px){.mini-video-page{min-height:calc(100vh - 134px)}.mini-video-filters{top:66px;height:48px}.mini-video-filters button{font-size:12px;gap:4px;padding:0 5px}.mini-video-stream{height:calc(100vh - 182px)}.mini-video-slide{min-height:500px}.mini-video-info{left:17px;right:55px;bottom:25px}.mini-video-info strong{font-size:19px}.mini-video-info span{padding:5px 8px}.mini-filter-overlay{inset:114px 0 68px}.mini-filter-panel{width:100%;border-radius:0 0 15px 15px}.mini-video-state{min-height:calc(100vh - 182px)}.mini-location-levels{grid-template-columns:1fr}.mini-location-levels section>div{max-height:130px}}