/* yeni.az — videolu elanlar */
.vp-page{background:#f3f6fb}
.vp-stage{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:calc(100vh - 80px);max-height:940px;padding:18px 24px 156px;overflow:hidden;background:#0b1730}
.vp-stage::before{content:"";position:absolute;inset:-40px;background:var(--vp-bg) center/cover no-repeat;filter:blur(38px) brightness(.45) saturate(1.2);transform:scale(1.1);transition:background-image .4s}
.vp-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,22,52,.85),rgba(9,22,52,.35) 35%,rgba(9,22,52,.35) 65%,rgba(9,22,52,.8))}
.vp-stage>*{position:relative;z-index:1}
.vp-nav{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-align:center;font-size:15px}
.vp-nav hr{width:46px;border-color:rgba(255,255,255,.35);margin:14px 0}
.vp-nb{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:rgba(255,255,255,.06);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;transition:.15s}
.vp-nb:hover{background:rgba(255,255,255,.18)}
.vp-feed{position:relative;width:min(440px,42vw);height:min(calc(100vh - 270px),760px)}
.vp-slide{position:absolute;inset:0;display:none}
.vp-slide.on{display:block}
.vp-player{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.vp-player video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.vp-player.fit video{object-fit:contain}
.vp-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;border:3px solid #fff;background:rgba(0,0,0,.35);color:#fff;font-size:44px;display:flex;align-items:center;justify-content:center;padding-left:6px;transition:opacity .2s}
.vp-player.playing .vp-big{opacity:0;pointer-events:none}
.vp-ctrl{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:26px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff}
.vp-ctrl button{border:0;background:none;color:#fff;font-size:20px;padding:2px;line-height:1}
.vp-seek{flex:1;accent-color:#3b82f6;height:4px;cursor:pointer}
.vp-time{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.vp-acts{position:absolute;right:-110px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:22px;align-items:center}
.vp-acts>*{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;color:#fff;text-decoration:none;font-size:15px;min-width:70px}
.vp-acts i{font-size:30px;line-height:1;margin-bottom:4px}
.vp-acts b{font-weight:600}
.vp-acts span{font-weight:700}
.vp-like.on i{color:#ff3b5c}
.vp-thumbs{justify-self:end;display:flex;flex-direction:column;gap:12px;max-height:min(calc(100vh - 210px),780px);overflow-y:auto;scrollbar-width:none;padding:4px}
.vp-thumbs::-webkit-scrollbar{display:none}
.vp-thumbs button{position:relative;width:112px;aspect-ratio:4/3;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;background:#1b2a4a;flex-shrink:0}
.vp-thumbs button.on{border-color:#ff8a1f;box-shadow:0 0 0 3px rgba(255,138,31,.35)}
.vp-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.vp-thumbs i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;padding-left:2px}
.vp-info{position:absolute;left:50%;bottom:-136px;transform:translateX(-50%);width:min(1300px,calc(100vw - 260px));display:flex;align-items:center;gap:18px;padding:12px 16px;border-radius:16px;background:rgba(10,24,52,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.vp-info-img{position:relative;width:140px;height:96px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#1b2a4a}
.vp-info-img img{width:100%;height:100%;object-fit:cover}
.vp-info-img i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding-left:2px}
.vp-info-tx{flex:1;min-width:0}
.vp-price{font-size:28px;font-weight:800;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.vp-price em,.vp-card-tx em{font-style:normal;font-size:14px;font-weight:800;letter-spacing:.5px;background:#1a62e8;color:#fff;border-radius:999px;padding:4px 14px}
.vp-price em.vip,.vp-card-tx em.vip{background:#f0441e}
.vp-name{font-size:17px;font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vp-name span{opacity:.6;margin:0 4px}
.vp-specs{font-size:15px;opacity:.85;margin-top:2px;white-space:pre;overflow:hidden;text-overflow:ellipsis}
.vp-info-act{display:flex;align-items:center;gap:12px}
.vp-go{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 34px;border-radius:12px;background:linear-gradient(135deg,#ff9a1f,#ff6a00);color:#fff!important;text-decoration:none;font-weight:700;font-size:17px;box-shadow:0 8px 20px rgba(255,106,0,.35)}
.vp-ic{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff!important;display:inline-flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none}
.vp-ic:hover{background:rgba(255,255,255,.16)}
.vp-ic.on,.vp-ic.active{background:#ff3b5c;border-color:#ff3b5c}
.vp-ic.compare-btn.active{background:#16a34a;border-color:#16a34a}
/* videolu elanlar siyahısı */
.vp-list{padding-top:28px;padding-bottom:30px}
.vp-list-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.vp-list-h h2{font-size:24px;font-weight:800;margin:0;display:flex;align-items:center;gap:12px;color:#13294b}
.vp-list-h h2 i{color:#1a62e8;font-size:30px}
.vp-list-h a{color:#1a62e8;font-weight:600;text-decoration:none}
.vp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.vp-grid:not(.all) .vp-card.more{display:none}
.vp-card{position:relative;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(19,41,75,.08);transition:transform .15s,box-shadow .15s}
.vp-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(19,41,75,.14)}
.vp-card-img{position:relative;display:block;width:100%;aspect-ratio:16/10;border:0;padding:0;background:#e7edf6;overflow:hidden}
.vp-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.vp-card-img .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#ff7a00;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;padding-left:3px;box-shadow:0 6px 16px rgba(255,122,0,.45)}
.vp-card-img .du{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-weight:600;border-radius:6px;padding:2px 7px}
.vp-card-fav{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#13294b;font-size:16px;display:flex;align-items:center;justify-content:center}
.vp-card-fav.on{color:#ff3b5c}
.vp-card-fav.on i::before{content:"\f415"}
.vp-card-tx{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;color:#13294b;text-decoration:none}
.vp-card-tx .p{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:18px;font-weight:800}
.vp-card-tx em{font-size:11px;padding:3px 10px}
.vp-card-tx .n{font-size:14px;font-weight:600}
.vp-card-tx .l{font-size:13px;color:#6b7689;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vp-like2.on i::before{content:"\f415"}
@media (max-width:1399.98px){.vp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vp-info{width:calc(100vw - 200px)}}
@media (max-width:1199.98px){.vp-thumbs{display:none}.vp-stage{grid-template-columns:1fr auto 1fr}.vp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* mobil: yuxarı-aşağı sürüşən lent */
@media (max-width:991.98px){
  .vp-stage{display:block;min-height:0;max-height:none;padding:0;background:#000}
  .vp-stage::before,.vp-stage::after,.vp-nav,.vp-thumbs{display:none}
  .vp-feed{width:100%;height:calc(100svh - 120px);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain}
  .vp-feed::-webkit-scrollbar{display:none}
  .vp-slide{position:relative;display:block;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
  .vp-player{border-radius:0;box-shadow:none}
  .vp-acts{right:10px;top:auto;bottom:190px;transform:none;gap:16px}
  .vp-acts>*{min-width:0;font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.6)}
  .vp-acts i{font-size:28px}
  .vp-ctrl{bottom:150px;padding:20px 12px 10px}
  .vp-info{left:10px;right:10px;bottom:12px;transform:none;width:auto;flex-wrap:wrap;gap:10px;padding:10px 12px}
  .vp-info-img{display:none}
  .vp-price{font-size:22px}
  .vp-price em{font-size:11px;padding:3px 10px}
  .vp-name{font-size:14px}
  .vp-specs{font-size:12px;white-space:normal}
  .vp-info-act{width:100%;gap:8px}
  .vp-go{flex:1;justify-content:center;height:44px;padding:0 14px;font-size:15px}
  .vp-ic{width:44px;height:44px;font-size:17px;flex-shrink:0}
  .vp-list-h h2{font-size:20px}
  .vp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .vp-card-tx .p{font-size:16px}
}
@media (max-width:991.98px){body:has(.vp-stage) .theme-toggle{display:none}body:has(.vp-stage) [class*="recent-fab"],body:has(.vp-stage) [class*="rv-fab"]{display:none}}