/* OmadSavdo — mahsulot videosi */
.woocommerce-product-gallery { position: relative; }
.oscv-pill { position: absolute; left: 14px; top: 14px; z-index: 12; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px 0 12px; border: 0; border-radius: 999px; background: rgba(28, 21, 48, .88); color: #fff; font: 800 14px "Manrope", system-ui, sans-serif; cursor: pointer; box-shadow: 0 10px 24px -10px rgba(0,0,0,.6); backdrop-filter: blur(4px); transition: transform .15s, background .15s; }
.oscv-pill span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #F59E0B; color: #1C1530; font-size: 10px; padding-left: 2px; }
.oscv-pill:hover { background: #6D28D9; transform: translateY(-1px); }
.oscv-thumb { position: relative; cursor: pointer; }
.oscv-thumb img { display: block; width: 100%; height: auto; object-fit: cover; opacity: .75; }
.oscv-thumb i { position: absolute; inset: 0; display: grid; place-items: center; margin: auto; width: 34px; height: 34px; border-radius: 50%; background: rgba(28,21,48,.85); color: #fff; font-style: normal; font-size: 13px; padding-left: 2px; }
.oscv-lock { overflow: hidden; }
.oscv-modal { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 18px; background: rgba(12, 8, 28, .82); backdrop-filter: blur(4px); animation: oscv-in .18s ease; }
@keyframes oscv-in { from { opacity: 0; } to { opacity: 1; } }
.oscv-box { position: relative; width: min(920px, 100%); }
.oscv-stage { position: relative; width: 100%; aspect-ratio: 16 / 9; max-height: calc(100vh - 90px); background: #000; border-radius: 18px; overflow: hidden; box-shadow: 0 40px 80px -20px rgba(0,0,0,.7); }
.oscv-stage video, .oscv-stage iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; object-fit: contain; }
.oscv-x { position: absolute; right: 0; top: -46px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(255,255,255,.16); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.oscv-x:hover { background: rgba(255,255,255,.28); }
@media (max-width: 640px) { .oscv-modal { padding: 10px; } .oscv-stage { border-radius: 12px; } .oscv-pill { height: 36px; font-size: 13px; left: 10px; top: 10px; } }