/* Shop by Video: visible-only playback and a full-screen viewer. */
.home-premium .mx-video-section{background:#fff;color:#102744}
.mx-video-section *{box-sizing:border-box}
.mx-video-heading{text-align:center;max-width:650px;margin:0 auto 28px}
.mx-video-eyebrow{color:#9b793f;font:800 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.16em}
.home-premium .mx-video-heading h2{margin:8px 0 10px;font:800 clamp(28px,3vw,36px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.03em;color:#102744}
.mx-video-heading p{margin:0;color:#758296;font-size:14px;line-height:1.6}
.mx-video-rail{position:relative;max-width:none;margin:0 auto;min-width:0}
.mx-video-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/6);gap:12px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 0 8px;cursor:grab}
/* Center six desktop cards with clear side margins; additional cards stay swipeable. */
@media(min-width:901px){.home-premium .mx-video-section>.hp-shell{width:90%;max-width:1440px;margin-inline:auto;padding-inline:0}.mx-video-product{overflow-wrap:anywhere}}
.mx-video-track::-webkit-scrollbar{display:none}
.mx-video-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:12px;border:1px solid #e1e6ec;scroll-snap-align:start;background:#fff;box-shadow:0 3px 8px -6px #16304f40}
.mx-video-poster{position:relative;display:block;overflow:hidden;aspect-ratio:9/16;background:#0a1727;isolation:isolate;touch-action:pan-x pan-y pinch-zoom}
.mx-video-poster>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
.mx-video-poster::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,#06152e35,transparent 32%,transparent 65%,#06152e5c);pointer-events:none}
.mx-video-label{position:absolute;z-index:1;top:12px;left:10px;color:#fff;font:700 8px/1.4 Manrope,Arial,sans-serif;letter-spacing:.1em;text-shadow:0 1px 5px #06152e}
.mx-video-product{display:flex;flex:1;flex-direction:column;align-items:center;position:relative;z-index:2;text-align:center;padding:0 12px 6px}
.mx-video-thumb{display:grid;place-items:center;align-self:center;width:66px;height:66px;margin-top:-26px;border:1px solid #eef1f5;border-radius:10px;background:#fff;box-shadow:0 3px 10px -5px #10274435;text-decoration:none;overflow:hidden}
.mx-video-thumb img{width:60px;height:60px;object-fit:contain;user-select:none;-webkit-user-drag:none}
.mx-video-monogram{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#edf3f7,#fff);color:#8a6e3d;font:800 18px/1 Manrope,Arial,sans-serif;letter-spacing:.03em}
.home-premium .mx-video-product h3{display:flex;align-items:center;justify-content:center;min-height:2.7em;margin:10px 0 5px;color:#102744;font:800 14px/1.35 Manrope,Arial,sans-serif;letter-spacing:-.01em}
.mx-video-product h3 a{color:inherit;text-decoration:none}
.mx-video-price{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:7px;margin:0;font-size:12px;line-height:1.5;color:#7c8796}
.mx-video-price strong{color:#132b48;font:800 15px/1.5 Manrope,Arial,sans-serif}
.mx-video-price span{font-size:10px}
.mx-video-stock{margin-top:3px;color:#8a4e25;font-size:10px}
.mx-video-shop{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:auto;color:#174b7d;font:700 11px/1.4 Manrope,Arial,sans-serif;text-decoration:none}
.mx-video-shop>span{font-size:16px}
.mx-video-shop:hover{text-decoration:underline}
.mx-video-navigation{position:absolute;inset:0;z-index:4;display:block;margin:0;pointer-events:none}
.mx-video-navigation[hidden]{display:none}
.mx-video-navigation button{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#102744b0;padding:0;cursor:pointer;pointer-events:auto;touch-action:manipulation}
.mx-video-navigation button::before{content:"";position:absolute;inset:7px;border:1px solid #10274418;border-radius:50%;background:#ffffffed;box-shadow:0 2px 8px #10274418}
.mx-video-navigation [data-video-prev]{left:-22px}
.mx-video-navigation [data-video-next]{right:-22px}
.mx-video-navigation svg{position:relative;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mx-video-navigation button:hover:not(:disabled){color:#102744}
.mx-video-navigation button:disabled{color:#10274445;cursor:default}
.mx-video-track.mx-video-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.mx-video-dragging a{cursor:grabbing}
.mx-video-section :is(a,button,[tabindex]):focus-visible{outline:3px solid #b68d42;outline-offset:-3px}
@media(min-width:901px) and (max-width:1199px){.mx-video-track{grid-auto-columns:calc((100% - 40px)/6);gap:8px}.mx-video-product{padding-inline:5px}.home-premium .mx-video-product h3{font-size:12px}.mx-video-shop{gap:3px;font-size:10px}.mx-video-price{gap:3px}.mx-video-price strong{font-size:13px}}
@media(max-width:900px){.mx-video-track{grid-auto-columns:220px;gap:14px}.mx-video-navigation [data-video-prev]{left:-10px}.mx-video-navigation [data-video-next]{right:-10px}}
@media(max-width:620px){.mx-video-heading{margin-bottom:20px;padding-inline:10px}.home-premium .mx-video-heading h2{font-size:28px}.mx-video-heading p{font-size:12px;max-width:300px;margin:auto}.mx-video-eyebrow{font-size:9px}.mx-video-track{grid-auto-columns:min(64vw,220px);gap:12px}.mx-video-product{padding-inline:10px}.home-premium .mx-video-product h3{font-size:13px}.mx-video-price strong{font-size:14px}.mx-video-dialog-head h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mx-video-section *{transition:none!important;scroll-behavior:auto!important}}

/* The card itself receives swipes/taps, including over a YouTube iframe. */
[data-video-feed] .mx-video-play{display:none!important}
[data-video-feed] .mx-video-poster::after{display:none}
.mx-video-inline-player{position:absolute;inset:0;display:block;opacity:0;pointer-events:none}
.mx-video-inline-player iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}
.mx-video-poster.is-playing .mx-video-inline-player{opacity:1}
.mx-video-poster.is-playing>img{visibility:hidden}
/* This viewer occupies the whole screen on phones; it has no popup frame. */
.mx-video-viewer[hidden]{display:none!important}
.mx-video-viewer,.mx-video-viewer *{box-sizing:border-box}
.mx-video-viewer{position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#03070d;color:#fff;font-family:Manrope,Arial,sans-serif;overscroll-behavior:contain}
.mx-video-viewer:fullscreen{width:100%;height:100%;background:#03070d}
.mx-video-viewer-head{display:flex;flex:0 0 auto;align-items:center;gap:12px;min-height:56px;padding:calc(6px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px));background:#03070d;color:#fff}
.mx-video-viewer-head h3{flex:1;min-width:0;margin:0;color:#fff;font:700 15px/1.4 Manrope,Arial,sans-serif}
.mx-video-viewer-count{color:#b1becc;font-size:12px;white-space:nowrap}
.mx-video-viewer button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:6px;border:0;border-radius:50%;background:#ffffff17;color:#fff;cursor:pointer;font:500 28px/1 Manrope,Arial,sans-serif}
.mx-video-viewer button:hover{background:#ffffff30}
.mx-video-viewer-stage{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none}
.mx-video-viewer-player{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.mx-video-viewer-player iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}
.mx-video-viewer-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:270px;width:80%;margin:0;text-align:center;padding:12px 16px;border-radius:8px;background:#06101be8;color:#fff;font-size:14px;line-height:1.5;pointer-events:none}
.mx-video-viewer-status[hidden]{display:none}
.mx-video-viewer-prev,.mx-video-viewer-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2}
.mx-video-viewer-prev{left:max(10px,env(safe-area-inset-left,0px))}
.mx-video-viewer-next{right:max(10px,env(safe-area-inset-right,0px))}
.mx-video-viewer-bottom{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;flex:0 0 auto;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#03070d;color:#fff}
.mx-video-viewer .mx-video-sound{font:700 12px/1.3 Manrope,Arial,sans-serif;padding:10px 12px;border-radius:8px;min-width:82px}
.mx-video-viewer-shop{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:8px;background:#d8b26a;color:#0a203c;font:800 13px/1.4 Manrope,Arial,sans-serif;text-align:center;text-decoration:none}
.mx-video-viewer-youtube{grid-column:1/-1;justify-self:center;color:#b8c8d9;font:500 11px/1.4 Manrope,Arial,sans-serif;text-decoration:underline;padding:2px 8px}
.mx-video-viewer :is(a,button):focus-visible{outline:3px solid #e3bf78;outline-offset:2px}
html.mx-video-modal-open,html.mx-video-modal-open body{overflow:hidden;overscroll-behavior:none}
@media(min-width:761px){.mx-video-viewer-head,.mx-video-viewer-bottom{width:min(760px,100%);margin-inline:auto}.mx-video-viewer-player{left:50%;transform:translateX(-50%);width:min(620px,100%)}}
