/* Isolated Shorts surface. Nothing here changes the shop or checkout. */
html.onx-vf-html,html.onx-vf-html body{margin:0;padding:0;height:100%;overflow:hidden;background:#121217;color:#fff}
.onx-vf-body{font-family:var(--vf-font,var(--wd-text-font,system-ui)),sans-serif;-webkit-font-smoothing:antialiased}
.onx-vf-feed{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;background:#17171c;touch-action:pan-y;outline-offset:-4px}
.onx-vf-feed::-webkit-scrollbar{display:none}
.onx-vf-feed.is-dragging{scroll-snap-type:none;cursor:grabbing}
.onx-vf-embed .onx-vf-feed{position:absolute}
.onx-vf-slide{position:relative;isolation:isolate;min-height:100%;height:100%;width:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;user-select:none;-webkit-user-select:none;background:#28282d;color:var(--vf-text,#fff)}
.onx-vf-slide :is(button,a){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.onx-vf-poster,.onx-vf-media,.onx-vf-resume-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border:0;margin:0;pointer-events:none}
.onx-vf-poster{z-index:0}
.onx-vf-media{z-index:1;opacity:0;transition:opacity .16s ease}
.onx-vf-slide.is-video-ready .onx-vf-media{opacity:1}
.onx-vf-resume-poster{position:fixed;z-index:12}
.onx-vf-tap{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer}
.onx-vf-tap:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.onx-vf-pause-indicator,.onx-vf-spinner{position:absolute;top:50%;left:50%;z-index:3;pointer-events:none;opacity:0}
.onx-vf-pause-indicator{width:60px;height:60px;transform:translate(-50%,-50%);border:1px solid #ffffff80;border-radius:50%;background:#27233090;display:grid;place-items:center;color:#fff}
.onx-vf-pause-indicator svg{width:26px;height:26px}
.onx-vf-slide.is-paused .onx-vf-pause-indicator{opacity:1}
.onx-vf-spinner{width:30px;height:30px;margin:-16px;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:onxFeedSpin .8s linear infinite}
.onx-vf-slide.is-loading .onx-vf-spinner{opacity:1}
@keyframes onxFeedSpin{to{transform:rotate(360deg)}}
.onx-vf-overlay{position:absolute;inset:auto 0 0;z-index:4;display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center;padding:100px 22px calc(26px + env(safe-area-inset-bottom));background:var(--vf-gradient,linear-gradient(transparent,#000c));pointer-events:none}
.onx-vf-overlay>*{pointer-events:auto;color:inherit;font-family:inherit}
.onx-vf-title{font-size:18px;font-weight:600;line-height:1.5;margin:0;grid-column:1;max-width:100%;text-shadow:0 1px 6px #0006}
.onx-vf-price{grid-column:1;font-size:24px;line-height:1.25;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #0006}
.onx-vf-price *{color:inherit;font-weight:inherit;font-family:inherit}
.onx-vf-price .woocommerce-Price-currencySymbol{font-size:.7em}
.onx-vf-brand{grid-column:1/-1;font-size:12px;letter-spacing:.08em;font-weight:600}
.onx-vf-cta{grid-column:2;grid-row:1/4;align-self:end;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;text-decoration:none;background:var(--vf-cta-bg,#ffffffef);color:var(--vf-cta-color,#272330);border-radius:var(--vf-cta-radius,18px);border:1px solid #ffffff80;font-size:15px;font-weight:700;line-height:1.4;box-sizing:border-box;box-shadow:0 4px 20px #0002;transition:background-color .12s ease}
.onx-vf-cta>svg{width:20px;height:20px;flex:none}
.onx-vf-cta:hover{filter:brightness(.93);color:var(--vf-cta-color,#272330)}
.onx-vf-cta:active{filter:brightness(.83)}
.onx-vf-top-rail{position:fixed;top:calc(14px + env(safe-area-inset-top));inset-inline:16px;display:flex;align-items:center;gap:10px;z-index:20;pointer-events:none}
.onx-vf-top-rail>.onx-vf-back{margin-inline-end:auto}
.onx-vf-tbtn{width:44px;height:44px;min-width:44px;padding:0;border:1px solid #ffffff5c;background:#27233085;color:#fff;border-radius:50%;display:grid;place-items:center;pointer-events:auto;cursor:pointer;box-shadow:0 3px 14px #0001}
.onx-vf-tbtn svg{width:22px;height:22px;fill:currentColor}
.onx-vf-tbtn svg[fill=none]{fill:none}
.onx-vf-progress{position:absolute;top:0;inset-inline:0;height:2px;background:#ffffff25;z-index:6;direction:ltr}
.onx-vf-progress-bar{width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.onx-vf-retry{position:absolute;top:calc(50% + 48px);left:50%;transform:translateX(-50%);z-index:7;border:1px solid #ffffff66;border-radius:14px;background:#26232ced;color:#fff;padding:12px 18px;font:600 15px/1.3 inherit;white-space:nowrap;cursor:pointer}
.onx-vf-retry[hidden]{display:none}
.onx-vf-notice{position:fixed;bottom:calc(120px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 50px);width:max-content;padding:12px 16px;border-radius:16px;background:#272330ee;color:#fff;z-index:25;font-size:14px;line-height:1.6;text-align:center;border:1px solid #ffffff55}
.onx-vf-notice button{display:block;margin:8px auto 0;border:0;border-radius:10px;padding:9px 18px;background:#fff;color:#272330;font:inherit;cursor:pointer}
.onx-vf-nav{position:fixed;right:30px;top:50%;display:grid;gap:12px;z-index:15;transform:translateY(-50%)}
.onx-vf-nav button{border:1px solid #ffffff55;border-radius:50%;width:46px;height:46px;padding:12px;background:#ffffff15;color:#fff;cursor:pointer}
.onx-vf-nav svg{width:100%;height:100%;fill:currentColor}
.onx-vf-nav button:disabled{opacity:.25;cursor:default}
.onx-vf-empty{padding:32px;text-align:center;font-family:inherit;color:#fff}
@media(max-width:767px){.onx-vf-nav{display:none}}
@media(min-width:768px){.onx-vf-feed{left:50%;right:auto;transform:translateX(-50%);width:min(520px,100%)}.onx-vf-top-rail{max-width:488px;margin-inline:auto}.onx-vf-slide .onx-vf-media,.onx-vf-slide .onx-vf-poster{object-fit:cover}.onx-vf-resume-poster{position:absolute}}
@media(max-width:360px){.onx-vf-overlay{padding-inline:16px;gap:8px}.onx-vf-title{font-size:16px}.onx-vf-price{font-size:22px}.onx-vf-cta{padding-inline:12px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.onx-vf-media,.onx-vf-cta{transition:none}.onx-vf-spinner{animation:none}}