.jpv{display:block;container-type:inline-size;min-width:0;margin:24px 0 22px;color:inherit;--jpv-visible:var(--jpv-desktop)}
.jpv *{box-sizing:border-box}
.jpv [hidden]{display:none!important}
.jpv__heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.jpv .jpv__heading h2{margin:0;font:inherit;font-size:21px;font-weight:500;letter-spacing:-.025em;line-height:1.25}
.jpv .jpv__heading p{margin:5px 0 0;font-size:12px;line-height:1.5;color:#6a6c64}
.jpv button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.jpv button:focus-visible{outline:2px solid #53664c;outline-offset:3px}
.jpv button:disabled{cursor:default;opacity:.4}
.jpv__carousel-nav{display:flex;align-items:center;flex-shrink:0;gap:6px}
.jpv__carousel-nav button,.jpv__icon{display:grid;place-items:center;width:44px;height:44px;padding:12px;border:1px solid #deded5;border-radius:50%;background:transparent;flex-shrink:0}
.jpv svg{display:block;width:18px;height:18px;pointer-events:none}
.jpv__track{display:flex;gap:var(--jpv-gap);list-style:none;padding:3px;margin:0 -3px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;max-width:calc(100% + 6px)}
.jpv__card{position:relative;flex:0 0 min(180px,calc((100% - (var(--jpv-visible) - 1)*var(--jpv-gap))/var(--jpv-visible)));min-width:0;scroll-snap-align:start}
.jpv__open{display:block;position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;border:0;border-radius:var(--jpv-radius);padding:0;background:#efede6}
.jpv__open img{display:block;width:100%;height:100%;object-fit:cover}
.jpv__play{display:grid;place-items:center;position:absolute;left:10px;bottom:10px;width:34px;height:34px;border:1px solid #ffffff9c;border-radius:50%;background:#fffefaed;color:#242721}
.jpv__play svg{width:14px;height:14px;margin-left:1px}
.jpv__caption{display:block;margin-top:8px;font-size:11px;line-height:1.45;color:#686b61}
.jpv__drawer{position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:min(var(--jpv-width),100vw);height:100dvh;max-width:100vw;max-height:100dvh;border:0;border-radius:0;overflow:hidden;background:var(--jpv-background);color:#242721;font-family:inherit;box-shadow:-16px 0 80px #0000001c}
.jpv__drawer[open]{display:flex;flex-direction:column;animation:jpv-enter .24s cubic-bezier(.2,.7,.2,1)}
.jpv__drawer::backdrop{background:#151c1866;animation:jpv-backdrop .24s ease}
.jpv__drawer.is-leaving{animation:jpv-leave .2s ease forwards}
.jpv__drawer.is-leaving::backdrop{animation:jpv-backdrop .2s ease reverse forwards}
.jpv__drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:max(14px,env(safe-area-inset-top)) 20px 14px;border-bottom:1px solid #e6e5dc}
.jpv__eyebrow{font-size:9px;letter-spacing:.2em;line-height:1.3}
.jpv .jpv__drawer-head h2{font:inherit;font-size:19px;font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:3px 0 0}
.jpv__stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-height:0;width:100%;background:#171a17;overflow:hidden}
.jpv__video{display:block;width:100%;height:100%;object-fit:contain;max-height:100%;background:#171a17}
.jpv__status,.jpv__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;margin:0;color:#fff;text-align:center;font-size:13px;pointer-events:none}
.jpv__error{background:#171a17;pointer-events:auto}
.jpv__error button{border:1px solid #ccc8be;border-radius:4px;background:transparent;padding:10px 20px;color:#fff}
.jpv__toolbar{display:flex;align-items:center;gap:8px;padding:8px 20px;flex-shrink:0;border-bottom:1px solid #e6e5dc}
.jpv__toolbar .jpv__icon{width:36px;height:36px;padding:9px;border:0}
.jpv__counter{font-size:11px;line-height:1.4;min-width:32px;text-align:center;font-variant-numeric:tabular-nums}
.jpv__sound{margin-left:auto;border:0;background:transparent;min-height:36px;padding:8px;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.jpv__context{flex-shrink:0;padding:16px 20px max(18px,env(safe-area-inset-bottom));background:var(--jpv-background)}
.jpv__product{display:flex;align-items:center;gap:12px;min-width:0}
.jpv__product>img{width:50px;height:60px;object-fit:contain;flex-shrink:0;background:#f1efe7;border-radius:3px}
.jpv__product>div{min-width:0}
.jpv .jpv__product p{font-size:12px;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere}
.jpv__product [data-jpv-price]{font-size:12px;font-weight:500}
.jpv__cta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin-top:13px;padding:12px 16px;border:1px solid #313c2d;border-radius:4px;background:#313c2d;color:#fffefa!important;font-size:12px;line-height:1.4;text-align:left}
@container (max-width:420px){.jpv__card{--jpv-visible:var(--jpv-mobile)}.jpv .jpv__heading h2{font-size:20px}.jpv__carousel-nav button{width:36px;height:36px;padding:9px}}
@media(max-width:749px){.jpv__drawer{width:100vw}.jpv__drawer-head{padding-inline:16px}.jpv__context{padding:12px 16px max(14px,env(safe-area-inset-bottom))}.jpv__toolbar{padding:5px 16px}.jpv__product>img{width:43px;height:50px}}
@media(max-height:550px) and (min-width:750px){.jpv__context{padding-block:8px}.jpv__product>img{height:40px}.jpv__cta{margin-top:8px;min-height:36px;padding-block:8px}.jpv__drawer-head{padding-block:8px}}
@keyframes jpv-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes jpv-leave{to{transform:translateX(100%)}}
@keyframes jpv-backdrop{from{background:#151c1800}to{background:#151c1866}}
.jpv[data-animate="false"] .jpv__drawer,.jpv[data-animate="false"] .jpv__drawer::backdrop{animation:none}
@media(prefers-reduced-motion:reduce){.jpv__drawer,.jpv__drawer[open],.jpv__drawer::backdrop,.jpv__drawer.is-leaving{animation:none!important;scroll-behavior:auto}}



.jpv__standalone{width:calc(100% - 40px);max-width:590px;margin:28px auto}
.jpv .jpv__library-note{flex-shrink:0;margin:0;padding:10px 20px;border-bottom:1px solid #e6e5dc;font-size:11px;line-height:1.5;color:#63665b}
.jpv__context-label{display:block;margin-bottom:8px;font-size:10px;line-height:1.4;color:#6a6c64}
@media(max-width:749px){.jpv .jpv__library-note{padding:9px 16px}}


.jpv__track::-webkit-scrollbar{display:none}
.jpv .jpv__carousel-nav button{width:40px;height:40px;padding:10px;border-color:#dcded4;background:#fffefa;color:#353e30;transition:background-color .16s ease,border-color .16s ease}
.jpv .jpv__carousel-nav button:hover:not(:disabled){background:#f0f3e9;border-color:#b8c0ad}
.jpv .jpv__carousel-nav button:disabled{opacity:1;color:#b6baad;border-color:#e7e9e1;background:#fbfcf8}
.jpv .jpv__chevron{width:20px;height:20px;flex-shrink:0}
.jpv .jpv__chevron--previous{transform:rotate(180deg)}
.jpv .jpv__preview{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.jpv .jpv__open.is-previewing .jpv__preview{opacity:1}
.jpv__preview-toggle{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:34px;height:34px;padding:9px;border:1px solid #ffffff9c;border-radius:50%;background:#fffefaed;color:#242721}
.jpv .jpv__preview-toggle svg{width:14px;height:14px}
.jpv__preview-toggle:not(.is-paused) .jpv__preview-resume,.jpv__preview-toggle.is-paused .jpv__preview-pause{display:none}