/* ============================================================
   wp-explore v1.4.1 — دکمه‌های کناری + ویدیو محلی
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

.vr-container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    direction: rtl;
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
}
.vr-heading { font-size: 1.3rem; font-weight: 700; margin: 0 0 12px; padding: 0 8px; color: #111; }
.vr-empty   { text-align: center; padding: 40px; color: #888; font-size: 14px; }

/* ── Grid ── */
.vr-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: calc(100vw / 3);
    gap: 3px;
}
@media (min-width: 1024px) {
    .vr-grid { max-width: 960px; margin: 0 auto; grid-auto-rows: 320px; gap: 5px; }
}

/* ── Grid item ── */
.vr-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #ddd center/cover no-repeat;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    transition: opacity .15s;
}
.vr-item:active  { opacity: .8; }
@media (min-width: 768px) { .vr-item { border-radius: 4px; } .vr-item:hover { opacity: .88; } }
.vr-item--tall   { grid-row: span 2; }
.vr-item::after  {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(to top, rgba(0,0,0,.55) 0%, transparent 55%);
}

.vr-item__views {
    position: absolute; bottom: 5px; right: 6px; z-index: 2;
    display: flex; align-items: center; gap: 3px;
    color: #fff; font-size: 10px; font-weight: 500; line-height: 1;
    text-shadow: 0 1px 4px rgba(0,0,0,.7);
}
.vr-item__views svg { width: 12px; height: 12px; }
@media (min-width: 768px) { .vr-item__views { font-size: 12px; bottom: 8px; right: 8px; } .vr-item__views svg { width: 14px; height: 14px; } }

/* ══════════════════════════════════
   Modal
══════════════════════════════════ */
.vr-modal {
    position: fixed; inset: 0; z-index: 999999;
    display: flex; align-items: center; justify-content: center;
}
.vr-modal[hidden] { display: none !important; }

.vr-modal__backdrop {
    position: absolute; inset: 0;
    background: rgba(0,0,0,.88);
    cursor: pointer;
}

/* wrapper که content + دو دکمه کنار هم قرار می‌گیره */
.vr-modal__wrapper {
    position: relative; z-index: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* محتوا */
.vr-modal__content {
    position: relative;
    width: min(340px, 54vh);
    border-radius: 14px;
    overflow: hidden;
    background: #000;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 80px rgba(0,0,0,.8);
    animation: vrIn .22s cubic-bezier(.4,0,.2,1);
}
@keyframes vrIn {
    from { opacity: 0; transform: scale(.94) translateY(16px); }
    to   { opacity: 1; transform: scale(1)   translateY(0); }
}

/* دکمه بستن */
.vr-modal__close {
    position: absolute; top: 10px; left: 10px; z-index: 20;
    background: rgba(0,0,0,.6); backdrop-filter: blur(6px);
    border: none; color: #fff;
    width: 34px; height: 34px; border-radius: 50%;
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    padding: 0; transition: background .15s;
}
.vr-modal__close:hover { background: rgba(0,0,0,.9); }
.vr-modal__close svg { width: 18px; height: 18px; }

/* ── دکمه‌های کناری (بالا/پایین) — دسکتاپ ──
   مثل خانومی: بیرون از مودال، کنار آن */
.vr-modal__side {
    background: rgba(255,255,255,.15);
    backdrop-filter: blur(8px);
    border: none; color: #fff;
    width: 48px; height: 48px; border-radius: 50%;
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    padding: 0; flex-shrink: 0;
    transition: background .15s, transform .1s;
}
.vr-modal__side:hover  { background: rgba(255,255,255,.3); }
.vr-modal__side:active { transform: scale(.9); }
.vr-modal__side svg { width: 26px; height: 26px; }

/* روی موبایل: دکمه‌ها مخفی — کاربر swipe می‌کنه */
@media (max-width: 640px) {
    .vr-modal__side { display: none; }

    .vr-modal { align-items: flex-end; }
    .vr-modal__wrapper { width: 100%; }
    .vr-modal__content {
        width: 100%;
        border-radius: 18px 18px 0 0;
        max-height: 96dvh;
        animation: vrInMobile .25s cubic-bezier(.4,0,.2,1);
    }
    @keyframes vrInMobile {
        from { transform: translateY(100%); opacity: .5; }
        to   { transform: translateY(0);    opacity: 1; }
    }
}

/* ── Player ── */
.vr-modal__player {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    background: #000;
    overflow: hidden;
    flex-shrink: 0;
}
@media (max-width: 640px) {
    .vr-modal__player { aspect-ratio: 9 / 16; max-height: 75dvh; }
}

/* ویدیو تگ */
.vr-modal__player video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;   /* برای ویدیوهای افقی هم درست نمایش میده */
    display: block;
    background: #000;
}

/* loader */
.vr-player-loader {
    position: absolute; inset: 0; z-index: 4;
    background: linear-gradient(90deg, #0d0d0d 25%, #1c1c1c 50%, #0d0d0d 75%);
    background-size: 200% 100%;
    animation: vrShimmer 1.5s infinite linear;
}
.vr-modal__player.vr-loaded .vr-player-loader { display: none; }
@keyframes vrShimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* ── محصول ── */
.vr-modal__product { background: #fff; flex-shrink: 0; }
.vr-modal__product[hidden] { display: none !important; }

.vr-product {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px;
    text-decoration: none; color: inherit; direction: rtl;
    transition: background .15s;
}
.vr-product:hover { background: #f8f8f8; }

.vr-product__img {
    width: 50px; height: 50px; object-fit: cover;
    border-radius: 8px; border: 1px solid #eee; flex-shrink: 0; background: #f5f5f5;
}
.vr-product__info { flex: 1; min-width: 0; direction: rtl; }
.vr-product__name {
    display: block; font-size: 12px; font-weight: 600; color: #1a1a1a;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 3px;
}
.vr-product__price { font-size: 12px; font-weight: 700; color: #c0392b; display: block; }
.vr-product__price del { color: #aaa; font-weight: 400; font-size: 11px; margin-left: 4px; }

.vr-product__cta {
    display: flex; align-items: center; gap: 3px;
    background: #111; color: #fff;
    font-size: 11px; font-weight: 700;
    padding: 8px 11px; border-radius: 8px;
    white-space: nowrap; flex-shrink: 0;
    transition: background .15s; line-height: 1;
}
.vr-product:hover .vr-product__cta { background: #000; }
.vr-product__cta svg { width: 14px; height: 14px; }

/* v1.4: جلوگیری از اسکرول صفحه پشت مودال و بهبود swipe موبایل */
html.vr-modal-open,
body.vr-modal-open {
    overflow: hidden !important;
    overscroll-behavior: none;
    touch-action: none;
}

.vr-modal {
    overscroll-behavior: contain;
    touch-action: none;
}

.vr-modal__content {
    overscroll-behavior: contain;
}

.vr-modal__player video,
.vr-product {
    touch-action: manipulation;
}

.vr-player-message {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    font-size: 13px;
    text-align: center;
    padding: 20px;
    background: #000;
}

@media (max-width: 640px) {
    .vr-modal {
        height: 100dvh;
        max-height: 100dvh;
        overflow: hidden;
    }

    .vr-modal__backdrop {
        touch-action: none;
    }

    .vr-modal__wrapper {
        height: 100dvh;
        align-items: flex-end;
        overflow: hidden;
    }

    .vr-modal__content {
        max-height: 96dvh;
        overflow: hidden;
    }
}

/* v1.5 performance + autoplay tall previews */
.vr-item__preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;background:#000}.vr-item>*:not(.vr-item__preview-video){position:relative}.vr-load-status{text-align:center;padding:18px;color:#777;font-size:13px}.vr-load-sentinel{height:1px}.vr-sound-badge{position:absolute;inset:auto 0 50%;margin:auto;z-index:30;width:72px;height:72px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;left:0;right:0;transform:translateY(50%);backdrop-filter:blur(6px);pointer-events:none}.vr-sound-badge[hidden]{display:none!important}.vr-modal__player{cursor:pointer}.vr-modal__player video{cursor:pointer}


/* v1.5.1 fixes: custom tap-to-mute, stable grid overlays */
.vr-modal__player video::-webkit-media-controls { display: none !important; }
.vr-modal__player video::-webkit-media-controls-enclosure { display: none !important; }
.vr-modal__player video { pointer-events: none; }
.vr-modal__player { pointer-events: auto; }
.vr-item__preview-video { pointer-events: none; }
.vr-item__views {
    bottom: 7px !important;
    right: 7px !important;
    top: auto !important;
    left: auto !important;
    z-index: 5 !important;
    padding: 3px 5px;
    border-radius: 999px;
    background: rgba(0,0,0,.28);
    backdrop-filter: blur(3px);
}
.vr-item::after { z-index: 1; }
.vr-item > *:not(.vr-item__preview-video) { position: relative; z-index: 2; }
.vr-item__views { z-index: 6 !important; }

/* v1.6 professional settings */
.vr-grid{grid-template-columns:repeat(var(--vr-cols-mobile,2),1fr);grid-auto-rows:calc(100vw / var(--vr-cols-mobile,2));}
@media (min-width:641px){.vr-grid{grid-template-columns:repeat(var(--vr-cols-tablet,3),1fr);grid-auto-rows:calc(100vw / var(--vr-cols-tablet,3));}}
@media (min-width:1024px){.vr-grid{grid-template-columns:repeat(var(--vr-cols-desktop,3),1fr);grid-auto-rows:min(320px,calc(960px / var(--vr-cols-desktop,3)));}}
.vr-layout-grid .vr-item{grid-row:span 1!important}.vr-layout-reels .vr-item{grid-row:span 2}.vr-item{border-radius:var(--vr-radius,4px)}
.vr-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#000;pointer-events:none}.vr-item::after{z-index:2}.vr-item__views{z-index:5;background:rgba(0,0,0,.35);padding:4px 6px;border-radius:999px;bottom:8px!important;right:8px!important}.vr-item__pin{position:absolute;top:8px;left:8px;z-index:5;background:rgba(0,0,0,.45);color:#fff;border-radius:999px;padding:3px 6px;font-size:12px}.vr-item--pinned{box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.vr-modal__content{border-radius:var(--vr-radius,14px)}.vr-product__cta,.vr-modal__close{background:var(--vr-button-color,#111)!important}.vr-product__stock{font-size:11px;color:#666;display:block;margin-top:2px}.vr-product-position-overlay .vr-modal__product,.vr-product-position-floating .vr-modal__product{position:absolute;left:10px;right:10px;bottom:10px;z-index:12;background:rgba(255,255,255,.94);border-radius:12px;overflow:hidden}.vr-product-position-floating .vr-modal__product{left:16px;right:16px;bottom:18px;box-shadow:0 10px 35px rgba(0,0,0,.35)}.vr-product-position-overlay .vr-modal__player,.vr-product-position-floating .vr-modal__player{flex-shrink:1}.vr-load-status{text-align:center;padding:18px;color:#777;font-size:13px}.vr-player-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;padding:20px;text-align:center}.vr-sound-badge{position:absolute;z-index:30;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.55);color:#fff;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;pointer-events:none}.vr-sound-badge[hidden]{display:none!important}.vr-modal__player video{cursor:pointer}.vr-modal__player video::-webkit-media-controls{display:none!important}
@media (max-width:640px){.vr-grid{gap:3px}.vr-modal__content{border-radius:18px 18px 0 0}.vr-product-position-overlay .vr-modal__product,.vr-product-position-floating .vr-modal__product{left:8px;right:8px;bottom:8px}}


/* v1.6.1 fixes: compact masonry, reliable mute tap, full-height mobile reels */
.vr-grid{
    grid-auto-flow: dense;
    align-items: stretch;
}
@media (min-width:1024px){
    .vr-grid{
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
}
.vr-layout-masonry .vr-item--tall,
.vr-layout-reels .vr-item--tall{
    grid-row: span 2;
}
.vr-layout-masonry .vr-item:not(.vr-item--tall){
    grid-row: span 1;
}
.vr-modal__player{
    pointer-events: auto;
}
.vr-modal__player video{
    pointer-events: none !important;
    -webkit-user-select: none;
    user-select: none;
}
.vr-preview-video,
.vr-item__preview-video{
    pointer-events: none !important;
}
.vr-item__views{
    top: auto !important;
    bottom: 8px !important;
    right: 8px !important;
    left: auto !important;
    z-index: 20 !important;
}
@media (max-width:640px){
    .vr-modal{
        align-items: stretch !important;
        justify-content: stretch !important;
        height: 100dvh;
        max-height: 100dvh;
    }
    .vr-modal__wrapper{
        width: 100%;
        height: 100dvh;
        align-items: stretch !important;
        justify-content: stretch !important;
    }
    .vr-modal__content{
        width: 100%;
        height: 100dvh;
        max-height: 100dvh;
        border-radius: 0 !important;
        display: flex;
        flex-direction: column;
    }
    .vr-modal__player{
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        max-height: none !important;
        aspect-ratio: auto !important;
    }
    .vr-modal__player video{
        object-fit: cover;
    }
    .vr-modal__product{
        flex: 0 0 auto;
    }
    .vr-product{
        padding: 10px 12px;
    }
}


/* v1.6.2 fix: normalize non-reels videos in mobile modal */
.vr-modal__player {
    background: #000;
}
.vr-modal__player video {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-position: center center !important;
}
@media (max-width:640px){
    .vr-modal__content{
        width: 100vw !important;
        max-width: 100vw !important;
    }
    .vr-modal__player{
        width: 100vw !important;
        height: auto !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
    }
    .vr-modal__player video{
        object-fit: cover !important;
    }
    .vr-modal__player.vr-video-nonreels video,
    .vr-modal__player.vr-video-square video,
    .vr-modal__player.vr-video-wide video{
        object-fit: cover !important;
    }
    .vr-modal__product:not([hidden]) + * {
        display: none;
    }
}
@media (min-width:641px){
    .vr-modal__player.vr-video-nonreels video,
    .vr-modal__player.vr-video-square video,
    .vr-modal__player.vr-video-wide video{
        object-fit: contain !important;
    }
}

/* v1.6.3 fix: force a true reels viewport and smart-crop non-reels videos */
.vr-modal__content{
    isolation: isolate;
}
.vr-modal__player{
    display: block !important;
    overflow: hidden !important;
}
.vr-modal__player video{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: #000 !important;
    transform-origin: center center !important;
    transform: scale(var(--vr-video-zoom, 1)) !important;
}
.vr-modal__player.vr-video-wide video{
    --vr-video-zoom: 1.28;
}
.vr-modal__player.vr-video-square video{
    --vr-video-zoom: 1.12;
}
.vr-modal__player.vr-video-nonreels video{
    --vr-video-zoom: 1.08;
}
@media (hover:none), (max-width: 768px){
    .vr-modal{
        align-items: stretch !important;
        justify-content: stretch !important;
        width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        overflow: hidden !important;
    }
    .vr-modal__wrapper{
        width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        gap: 0 !important;
        overflow: hidden !important;
    }
    .vr-modal__content{
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        border-radius: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }
    .vr-modal__player{
        width: 100vw !important;
        height: auto !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
    }
    .vr-modal__product{
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .vr-modal__side{
        display: none !important;
    }
    .vr-modal__player.vr-video-wide video{
        --vr-video-zoom: 1.45;
    }
    .vr-modal__player.vr-video-square video{
        --vr-video-zoom: 1.2;
    }
    .vr-modal__player.vr-video-nonreels video{
        --vr-video-zoom: 1.15;
    }
}

/* v1.6.4: deterministic per-reel fit/crop controls.
   These rules intentionally come last and override older automatic non-reels rules. */
.vr-modal__player.vr-fit-mode-fit video{
    object-fit: contain !important;
    object-position: var(--vr-fit-position, 50% 50%) !important;
    transform: scale(1) !important;
}
.vr-modal__player.vr-fit-mode-cover video{
    object-fit: cover !important;
    object-position: var(--vr-fit-position, 50% 50%) !important;
    transform: scale(1) !important;
}
.vr-modal__player.vr-fit-mode-zoom video{
    object-fit: cover !important;
    object-position: var(--vr-fit-position, 50% 50%) !important;
    transform: scale(var(--vr-custom-zoom, 1.25)) !important;
}
.vr-modal__player.vr-fit-mode-stretch video{
    object-fit: fill !important;
    object-position: var(--vr-fit-position, 50% 50%) !important;
    transform: scale(1) !important;
}
@media (hover:none), (max-width:768px){
    .vr-modal__player.vr-fit-mode-fit video{
        object-fit: contain !important;
        transform: scale(1) !important;
    }
    .vr-modal__player.vr-fit-mode-cover video{
        object-fit: cover !important;
        transform: scale(1) !important;
    }
    .vr-modal__player.vr-fit-mode-zoom video{
        object-fit: cover !important;
        transform: scale(var(--vr-custom-zoom, 1.25)) !important;
    }
}


/* v1.6.5 polish: category chips, centered sound badge, Khanoumi-style view badge */
.vr-category-filter{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex-wrap:wrap;
    max-width:960px;
    margin:0 auto 10px;
    padding:6px 8px 8px;
    direction:rtl;
}
.vr-category-filter__item{
    appearance:none;
    border:1px solid #e1e1e1;
    background:#fff;
    color:#555;
    border-radius:6px;
    padding:6px 10px;
    font-size:12px;
    line-height:1.4;
    cursor:pointer;
    transition:background .15s,border-color .15s,color .15s,box-shadow .15s;
    font-family:inherit;
}
.vr-category-filter__item:hover,
.vr-category-filter__item.is-active{
    background:#f8f8f8;
    color:#111;
    border-color:#cfcfcf;
    box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.vr-grid--loading{opacity:.55;pointer-events:none;}

.vr-modal__player .vr-sound-badge,
.vr-sound-badge{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    inset:auto !important;
    transform:translate(-50%,-50%) !important;
    z-index:40 !important;
    width:72px !important;
    height:72px !important;
    margin:0 !important;
    border-radius:50% !important;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none !important;
}
.vr-sound-badge[hidden]{display:none!important;}

.vr-item__views{
    top:auto !important;
    left:8px !important;
    right:auto !important;
    bottom:8px !important;
    z-index:30 !important;
    display:inline-flex !important;
    flex-direction:row-reverse;
    align-items:center;
    gap:4px;
    min-height:20px;
    padding:4px 7px !important;
    border-radius:999px !important;
    background:rgba(0,0,0,.50) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
    backdrop-filter:blur(5px);
}
.vr-item__views svg{width:13px !important;height:13px !important;display:block;}
@media (min-width:768px){
    .vr-item__views{left:10px !important;bottom:10px !important;font-size:12px !important;padding:5px 8px !important;}
    .vr-item__views svg{width:14px !important;height:14px !important;}
}
@media (max-width:640px){
    .vr-category-filter{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:6px 8px 10px;scrollbar-width:none;}
    .vr-category-filter::-webkit-scrollbar{display:none;}
    .vr-category-filter__item{white-space:nowrap;font-size:12px;padding:6px 9px;}
}


/* v1.6.6 final overlay fixes: true bottom-left views + exact centered sound badge */
.vr-item .vr-item__views{
    position:absolute !important;
    top:auto !important;
    left:8px !important;
    right:auto !important;
    bottom:8px !important;
    z-index:50 !important;
    display:inline-flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    width:auto !important;
    height:auto !important;
    min-width:auto !important;
    min-height:20px !important;
    padding:4px 7px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:rgba(0,0,0,.52) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
    pointer-events:none !important;
    transform:none !important;
}
.vr-item .vr-item__views svg{
    width:13px !important;
    height:13px !important;
    display:block !important;
    flex:0 0 auto !important;
}
@media (min-width:768px){
    .vr-item .vr-item__views{left:10px !important;bottom:10px !important;font-size:12px !important;padding:5px 8px !important;}
    .vr-item .vr-item__views svg{width:14px !important;height:14px !important;}
}
.vr-modal__player{
    position:relative !important;
}
.vr-modal__player > .vr-sound-badge,
.vr-modal__content .vr-sound-badge{
    position:absolute !important;
    inset:50% auto auto 50% !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    z-index:999 !important;
    width:72px !important;
    height:72px !important;
    margin:0 !important;
    border-radius:50% !important;
    background:rgba(0,0,0,.58) !important;
    color:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:32px !important;
    line-height:1 !important;
    pointer-events:none !important;
    backdrop-filter:blur(6px);
}
.vr-modal__player > .vr-sound-badge[hidden],
.vr-modal__content .vr-sound-badge[hidden]{display:none !important;}

/* v1.0.1: multi-product carousel in reel modal */
.vr-product-carousel{position:relative;display:flex;align-items:center;background:#fff;direction:rtl;overflow:hidden;}
.vr-product-track{display:flex;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;direction:ltr;}
.vr-product-track::-webkit-scrollbar{display:none;}
.vr-product-track .vr-product{flex:0 0 100%;width:100%;box-sizing:border-box;scroll-snap-align:start;direction:rtl;}
.vr-product-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:28px;height:38px;border:0;border-radius:8px;background:rgba(0,0,0,.38);color:#fff;font-size:26px;line-height:1;cursor:pointer;align-items:center;justify-content:center;padding:0;}
.vr-product-has-multiple .vr-product-nav{display:flex;}
.vr-product-nav--prev{right:4px;}
.vr-product-nav--next{left:4px;}
.vr-product-dots{display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;padding:0 0 7px;}
.vr-product-dot{width:6px;height:6px;border-radius:999px;border:0;background:#d6d6d6;padding:0;cursor:pointer;}
.vr-product-dot.is-active{width:14px;background:#111;}
.vr-product-position-overlay .vr-product-dots,.vr-product-position-floating .vr-product-dots{background:transparent;padding-bottom:6px;}
@media (max-width:640px){.vr-product-nav{width:24px;height:34px;font-size:22px}.vr-product-track .vr-product{padding-left:32px;padding-right:32px}}

/* v1.0.3: Instagram-like reel UX fixes */
.vr-product-nav,
.vr-product-dots{
    display:none !important;
}
.vr-product-carousel{
    min-height:72px;
}
.vr-product-track{
    direction:ltr !important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory !important;
}
.vr-product-track .vr-product{
    flex:0 0 100% !important;
    width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
}
.vr-product-track .vr-product[target="_blank"]{
    /* JS forces same-page navigation; kept only as safety if old markup is cached. */
}
.vr-modal__content{
    will-change:transform,opacity;
}
.vr-reel-slide-out-up{
    animation:vrReelOutUp .13s ease-in forwards !important;
}
.vr-reel-slide-out-down{
    animation:vrReelOutDown .13s ease-in forwards !important;
}
.vr-reel-slide-in-up{
    animation:vrReelInUp .24s cubic-bezier(.2,.8,.2,1) forwards !important;
}
.vr-reel-slide-in-down{
    animation:vrReelInDown .24s cubic-bezier(.2,.8,.2,1) forwards !important;
}
@keyframes vrReelOutUp{to{opacity:.15;transform:translateY(-22px) scale(.985)}}
@keyframes vrReelOutDown{to{opacity:.15;transform:translateY(22px) scale(.985)}}
@keyframes vrReelInUp{from{opacity:.2;transform:translateY(34px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes vrReelInDown{from{opacity:.2;transform:translateY(-34px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.vr-modal__player .vr-sound-badge,
.vr-modal__content .vr-sound-badge{
    display:flex;
}
.vr-modal__player .vr-sound-badge[hidden],
.vr-modal__content .vr-sound-badge[hidden]{
    display:none !important;
}
@media (max-width:640px){
    .vr-product-track .vr-product{
        padding-left:10px !important;
        padding-right:10px !important;
    }
    .vr-product-carousel{
        min-height:70px;
    }
}

/* v1.0.3: fallback video poster when no featured cover is set */
.vr-item > .vr-grid-video,
.vr-item > .vr-grid-poster-video{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    z-index:1 !important;
    display:block !important;
    background:#111 !important;
    pointer-events:none !important;
}
.vr-item > .vr-grid-poster-video{
    opacity:0;
    transition:opacity .18s ease;
}
.vr-item > .vr-grid-poster-video.vr-grid-video-loaded,
.vr-item--poster-loaded > .vr-grid-poster-video{
    opacity:1;
}
.vr-item--needs-poster:not(.vr-item--poster-loaded)::before{
    content:'▶';
    position:absolute;
    inset:0;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(255,255,255,.84);
    font-size:26px;
    background:linear-gradient(135deg,#1f1f1f,#444);
    pointer-events:none;
}
.vr-item--needs-poster::after{
    z-index:2 !important;
}