/* Feed arrows */
.ms-vc-feed-wrap{ position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw }
.ms-vc-feed-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.2); background:rgba(0,0,0,.55); color:#fff; display:none; align-items:center; justify-content:center; z-index:10; cursor:pointer }
.ms-vc-feed-prev{ left:8px }
.ms-vc-feed-next{ right:8px }
@media (min-width:1024px){ .ms-vc-feed-arrow{ display:flex } }
.ms-vc-feed-arrow:hover{ background:rgba(0,0,0,.7) }
/* MarkShop VideoCommerce styles */
.ms-vc-bubble{position:fixed;left:16px;bottom:16px;width:64px;height:64px;border-radius:50%;background-color:#ff0000;background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,0.25);cursor:pointer;z-index:2147483000;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden}
.ms-vc-bubble:hover{transform:scale(1.05);box-shadow:0 10px 28px rgba(0,0,0,0.3)}
.ms-vc-bubble:active{transform:scale(.98)}
.ms-vc-bubble .ms-vc-play{width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.ms-vc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2147483646}
.ms-vc-modal-overlay.ms-vc-open{opacity:1;pointer-events:auto}
.ms-vc-modal-dialog{position:relative;width:min(92vw,480px);aspect-ratio:9/16;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
@media (min-width:1024px){.ms-vc-modal-dialog{width:420px}}
.ms-vc-modal-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;z-index:3}
.ms-vc-modal-close:before{content:"\00D7";display:block;font-size:20px;line-height:1;font-family:Arial,Helvetica,sans-serif}
.ms-vc-embed{width:100%;height:100%;border:0;display:block}
body.ms-vc-modal-open{overflow:hidden}
.ms-vc-slides{position:relative;width:100%;height:100%;overflow:hidden}
.ms-vc-slide{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform:translateY(100%);transition:transform .25s ease}
.ms-vc-slide.ms-vc-active{pointer-events:auto;transform:translateY(0)}
.ms-vc-slides.ms-vc-dragging .ms-vc-slide{transition:none}
.ms-vc-product-card{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 20px);padding:8px 10px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px) saturate(120%);backdrop-filter:blur(4px) saturate(120%);border-radius:10px;color:#fff;text-decoration:none;z-index:2}
.ms-vc-product-card:hover{background:rgba(0,0,0,.7)}
.ms-vc-product-thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;flex:0 0 44px;box-shadow:0 2px 6px rgba(0,0,0,.25);background:#111}
.ms-vc-product-info{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.ms-vc-product-name{font-weight:600;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.ms-vc-product-price{margin-top:2px;font-size:12px;color:#ffd54f}
.ms-vc-product-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.ms-vc-product-actions .ms-vc-view-link{color:#fff;text-decoration:none;font-size:12px;opacity:.9}
.ms-vc-product-actions .ms-vc-view-link:hover{text-decoration:underline;opacity:1}
.ms-vc-add-to-cart{font-size:12px;line-height:1;padding:8px 10px;border-radius:8px;background:#22c55e;color:#0b2f1e;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.ms-vc-add-to-cart:hover{background:#16a34a;color:#052313}
.ms-vc-choose-variation{font-size:12px;line-height:1;padding:8px 10px;border-radius:8px;background:#3b82f6;color:#0b1c32;border:none;cursor:pointer}
.ms-vc-choose-variation:hover{background:#2563eb;color:#0b1c32}

/* Stacked cards - modal itself slides */
.ms-vc-stack{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);height:92vh;width:min(92vw,480px);pointer-events:none;z-index:2147483647}
@media (min-width:1024px){.ms-vc-stack{width:420px;height:92vh}}
.ms-vc-stack-inner{position:absolute;inset:0;overflow:visible;transition:transform .25s ease}
.ms-vc-stack, .ms-vc-stack-inner{touch-action:pan-y;overscroll-behavior:contain}
.ms-vc-card{position:absolute;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none}
.ms-vc-card .ms-vc-modal-dialog{pointer-events:auto}

/* Peek neighbors for appeal */
.ms-vc-stack-inner .ms-vc-card{opacity:.95}

/* Controls */
.ms-vc-controls{position:fixed;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2147483648;pointer-events:auto}
.ms-vc-modal-overlay{z-index:2147483646}
.ms-vc-stack{z-index:2147483647}
.ms-vc-ctrl{width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2147483650;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.ms-vc-ctrl:hover{background:rgba(0,0,0,.7)}
.ms-vc-counter{min-width:64px;text-align:center;padding:6px 10px;border-radius:14px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;border:1px solid rgba(255,255,255,.15)}

/* Enable touch swiping */
.ms-vc-modal-overlay{touch-action:pan-y}

/* Defensive: ensure no overlay components are active when modal not open */
.ms-vc-modal-overlay:not(.ms-vc-open) .ms-vc-stack,
.ms-vc-modal-overlay:not(.ms-vc-open) .ms-vc-controls{pointer-events:none;display:none}

/* Variation picker overlay */
.ms-vc-var-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:2147483651}
.ms-vc-var-overlay.ms-vc-open{display:flex}
.ms-vc-var-dialog{position:relative;width:min(92vw,480px);max-width:480px;background:#111;color:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6);padding:16px}
.ms-vc-var-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ms-vc-var-close:before{content:"\00D7";font-size:20px;line-height:1}
.ms-vc-var-header{margin:4px 0 12px;font-size:16px;font-weight:600}
.ms-vc-var-form{display:flex;flex-direction:column;gap:12px}
.ms-vc-var-field{display:flex;flex-direction:column;gap:6px}
.ms-vc-var-label{font-size:12px;opacity:.85}
.ms-vc-var-select{appearance:none;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#1a1a1a;color:#fff}
.ms-vc-var-actions{display:flex;justify-content:flex-end;margin-top:8px}
.ms-vc-var-add{padding:10px 14px;border-radius:8px;background:#22c55e;color:#0b2f1e;border:none;cursor:pointer}
.ms-vc-var-add:disabled{opacity:.6;cursor:not-allowed}

/* Variation price display and toast */
.ms-vc-var-actions{ display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-top: 14px; }
.ms-vc-var-price{ color: #fff; font-weight: 600; font-size: 14px; }
.ms-vc-toast{ position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(20px); background: rgba(0,0,0,0.85); color: #fff; padding: 10px 14px; border-radius: 999px; opacity: 0; transition: opacity .2s ease, transform .2s ease; z-index: 2147483652; pointer-events: none; font-size: 14px; }
.ms-vc-toast.show{ opacity: 1; transform: translateX(-50%) translateY(0); }

/* Feed (homepage shortcode) */
.ms-vc-feed{ display:flex; gap:14px; overflow-x:auto; overflow-y:hidden; padding:8px 0; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; align-items:center; overscroll-behavior-x:contain; overscroll-behavior:contain }
.ms-vc-feed::-webkit-scrollbar{ height:8px }
.ms-vc-feed::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.2); border-radius:8px }
.ms-vc-feed-item{ position:relative; flex:0 0 68vw; max-width:420px; aspect-ratio:9/16; background:#000; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.25); cursor:pointer; overflow:hidden; transform:scale(.94); transition:transform .2s ease }
@media (min-width:768px){ .ms-vc-feed-item{ flex-basis:38vw } }
@media (min-width:1024px){ .ms-vc-feed-item{ flex-basis:300px } }
.ms-vc-feed-item.ms-vc-active{ transform:scale(1) }
.ms-vc-feed-embed{ position:absolute; inset:0 }
.ms-vc-feed-embed .ms-vc-embed{ width:100%; height:100%; display:block; border:0 }
.ms-vc-feed-item .ms-vc-feed-thumb{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity .25s ease, visibility .25s ease; z-index:1 }
.ms-vc-feed-item.ms-vc-loaded .ms-vc-feed-thumb{ opacity:0; visibility:hidden }
.ms-vc-feed-meta{ position:absolute; left:8px; bottom:8px; right:8px; display:flex; justify-content:space-between; align-items:flex-end; gap:8px; padding:8px 10px; background:linear-gradient( to top, rgba(0,0,0,.55), rgba(0,0,0,0) ); color:#fff; border-radius:10px }
.ms-vc-feed-title{ font-weight:600; font-size:13px; text-shadow:0 1px 2px rgba(0,0,0,.6) }
.ms-vc-feed-price{ font-size:12px; color:#ffd54f; text-shadow:0 1px 2px rgba(0,0,0,.6) }