/* Ravix Store Reels — loaded only when the homepage reels section is active. */
.rvx-reels{padding:38px 0 46px;background:#fff;border-bottom:1px solid var(--rvx-border)}
.rvx-reels *{box-sizing:border-box}
.rvx-reels__head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}
.rvx-reels__head h2{margin:4px 0 0;font-size:clamp(23px,2.5vw,31px);line-height:1.35;letter-spacing:-.025em}
.rvx-reels__head p{margin:6px 0 0;color:var(--rvx-muted);font-size:13px}
.rvx-reels__nav{display:flex;align-items:center;gap:7px;direction:ltr}
.rvx-reels__nav button{width:38px;height:38px;border-radius:11px;border:1px solid var(--rvx-border);background:#fff;color:var(--rvx-text-2);display:grid;place-items:center;transition:border-color var(--rvx-transition),background var(--rvx-transition),transform var(--rvx-transition)}
.rvx-reels__nav button:hover{border-color:var(--rvx-border-strong);background:var(--rvx-bg-soft);transform:translateY(-1px)}
.rvx-reels__nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rvx-reels__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,190px);gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:2px 1px 10px;scrollbar-width:none;direction:rtl}
.rvx-reels__rail::-webkit-scrollbar{display:none}
.rvx-reel-card{scroll-snap-align:start;border:0;background:transparent;padding:0;text-align:right;color:inherit;min-width:0;display:block;-webkit-tap-highlight-color:transparent}
.rvx-reel-card__media{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#111827,#293548);box-shadow:0 10px 28px rgba(17,24,39,.12);isolation:isolate;transition:transform var(--rvx-transition),box-shadow var(--rvx-transition)}
.rvx-reel-card:hover .rvx-reel-card__media{transform:translateY(-3px);box-shadow:0 18px 38px rgba(17,24,39,.18)}
.rvx-reel-card:focus-visible{outline:none}
.rvx-reel-card:focus-visible .rvx-reel-card__media{box-shadow:0 0 0 3px color-mix(in srgb,var(--rvx-accent) 30%,transparent),0 18px 38px rgba(17,24,39,.18)}
.rvx-reel-card__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rvx-reel-card__fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.12),transparent 36%),linear-gradient(145deg,#1f2937,#0f172a)}
.rvx-reel-card__fallback svg{width:46px;height:46px;fill:rgba(255,255,255,.84)}
.rvx-reel-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 45%,rgba(0,0,0,.48));z-index:1}
.rvx-reel-card__play{position:absolute;right:11px;bottom:11px;width:36px;height:36px;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;display:grid;place-items:center;z-index:2;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.rvx-reel-card__play svg{width:19px;height:19px;fill:currentColor;transform:translateX(-1px)}
.rvx-reel-card__caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:9px;min-height:3.35em;font-size:13px;line-height:1.7;font-weight:700;color:var(--rvx-text-2)}

.rvx-reel-viewer[hidden]{display:none!important}
.rvx-reel-viewer{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;padding:18px;direction:rtl}
.rvx-reel-viewer__backdrop{position:absolute;inset:0;background:rgba(3,7,18,.82);backdrop-filter:blur(12px);animation:rvxReelFade .18s ease both}
.rvx-reel-viewer__shell{position:relative;z-index:1;width:min(430px,calc(100vw - 28px));height:min(780px,calc(100dvh - 28px));display:grid;place-items:center;animation:rvxReelEnter .22s cubic-bezier(.2,.75,.25,1) both}
.rvx-reel-viewer__stage{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;background:#020617;box-shadow:0 30px 90px rgba(0,0,0,.45);touch-action:pan-x;user-select:none}
.rvx-reel-viewer__stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#020617}
.rvx-reel-viewer__gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.27),transparent 18%,transparent 58%,rgba(0,0,0,.76));pointer-events:none}
.rvx-reel-viewer__progress{position:absolute;top:8px;left:12px;right:12px;height:3px;border-radius:99px;background:rgba(255,255,255,.28);overflow:hidden;z-index:5}
.rvx-reel-viewer__progress span{display:block;width:0;height:100%;background:#fff;border-radius:inherit;transition:width .08s linear}
.rvx-reel-viewer__close,.rvx-reel-viewer__mute{position:absolute;top:20px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(15,23,42,.58);color:#fff;display:grid;place-items:center;z-index:6;backdrop-filter:blur(8px)}
.rvx-reel-viewer__close{left:16px}.rvx-reel-viewer__mute{right:16px}
.rvx-reel-viewer__close svg,.rvx-reel-viewer__mute svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rvx-reel-viewer__copy{position:absolute;right:18px;left:18px;bottom:18px;z-index:5;color:#fff;text-align:right}
.rvx-reel-viewer__copy>p{margin:0 0 12px;font-size:14px;line-height:1.85;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.45);white-space:pre-line;max-height:5.6em;overflow:auto;scrollbar-width:none}
.rvx-reel-viewer__copy>p::-webkit-scrollbar{display:none}
.rvx-reel-viewer__actions{display:flex;align-items:center;gap:8px}
.rvx-reel-viewer__actions a,.rvx-reel-viewer__actions button{min-height:38px;border-radius:11px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}
.rvx-reel-viewer__actions a{background:#fff;color:#111827;border-color:#fff}
.rvx-reel-viewer__actions button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rvx-reel-viewer__step{position:absolute;left:50%;transform:translateX(-50%);width:42px;height:32px;border:0;background:rgba(15,23,42,.36);color:#fff;border-radius:999px;z-index:6;display:grid;place-items:center;opacity:.72;transition:opacity var(--rvx-transition),background var(--rvx-transition)}
.rvx-reel-viewer__step:hover{opacity:1;background:rgba(15,23,42,.62)}
.rvx-reel-viewer__step--prev{top:64px}.rvx-reel-viewer__step--next{bottom:96px}
.rvx-reel-viewer__step svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.rvx-reel-open{overflow:hidden}
@keyframes rvxReelFade{from{opacity:0}to{opacity:1}}
@keyframes rvxReelEnter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}

@media (min-width:900px){.rvx-reels__rail{grid-auto-columns:minmax(165px,190px)}}
@media (max-width:760px){.rvx-reels{padding:28px 0 32px}.rvx-reels__head{align-items:center;margin-bottom:16px}.rvx-reels__head h2{font-size:22px}.rvx-reels__head p{font-size:12px}.rvx-reels__nav{display:none}.rvx-reels__rail{grid-auto-columns:42vw;gap:11px;margin-inline:calc(var(--rvx-mobile-gutter,16px) * -1);padding-inline:var(--rvx-mobile-gutter,16px);scroll-padding-inline:var(--rvx-mobile-gutter,16px)}.rvx-reel-card__media{border-radius:16px}.rvx-reel-card__caption{font-size:12px}.rvx-reel-viewer{padding:0}.rvx-reel-viewer__shell{width:100vw;height:100dvh}.rvx-reel-viewer__stage{border-radius:0}.rvx-reel-viewer__close,.rvx-reel-viewer__mute{top:max(16px,env(safe-area-inset-top))}.rvx-reel-viewer__copy{bottom:max(18px,env(safe-area-inset-bottom))}.rvx-reel-viewer__step{display:none}}
@media (prefers-reduced-motion:reduce){.rvx-reels__rail{scroll-behavior:auto}.rvx-reel-card__media,.rvx-reel-viewer__backdrop,.rvx-reel-viewer__shell{transition:none!important;animation:none!important}}