.csv{--csv-accent:currentColor;--csv-text:inherit;--csv-card-width:clamp(150px, 42vw, 210px);--csv-gap:12px;--csv-radius:14px;--csv-control-bg:rgba(127, 127, 127, 0.12);--csv-control-bg-hover:rgba(127, 127, 127, 0.22);--csv-placeholder:linear-gradient(160deg, #2a2a2e, #4a4a52);margin:2.5rem 0;color:var(--csv-text);min-width:0;max-width:100%;contain:inline-size}.product-info .csv{--csv-card-width:150px;margin:1.75rem 0 0}.product-info .csv__title{font-size:1.1rem}.csv__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.csv__title{margin:0;font-size:clamp(1.15rem, 1rem + 0.8vw, 1.5rem);line-height:1.2}.csv__controls{display:flex;gap:8px;flex-shrink:0}.csv__controls[hidden]{display:none}.csv__nav{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--csv-control-bg);color:inherit;cursor:pointer;transition:background-color 0.15s,opacity 0.15s}.csv__nav:hover:not(:disabled){background:var(--csv-control-bg-hover)}.csv__nav:disabled{opacity:.35;cursor:default}.csv__nav:focus-visible,.csv__open:focus-visible,.csv-modal button:focus-visible,.csv-modal a:focus-visible{outline:2px solid var(--csv-accent);outline-offset:3px}.csv__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--csv-card-width);gap:var(--csv-gap);margin:0;padding:2px 2px 6px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.csv__track::-webkit-scrollbar{display:none}.csv__card{margin:0;padding:0;scroll-snap-align:start}.csv__card::before{content:none}.csv__open{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:0;border-radius:var(--csv-radius);overflow:hidden;background:var(--csv-placeholder);color:#fff;cursor:pointer;text-align:left;font:inherit;isolation:isolate}.csv__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.csv__media--empty{background:var(--csv-placeholder)}.csv__open:hover .csv__media{transform:scale(1.03)}.csv__open::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to bottom,transparent,rgb(0 0 0 / .72));pointer-events:none;z-index:1}.csv__play{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:52px;height:52px;padding-left:3px;border-radius:50%;background:rgb(0 0 0 / .42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translate(-50%,-50%);transition:transform 0.2s ease,background-color 0.2s ease}.csv__open:hover .csv__play{background:rgb(0 0 0 / .6);transform:translate(-50%,-50%) scale(1.08)}.csv__card--file.is-previewing .csv__play{opacity:0}.csv__badge{position:absolute;top:10px;right:10px;z-index:2;padding:3px 8px;border-radius:999px;background:rgb(0 0 0 / .5);font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.4}.csv__caption{position:absolute;right:12px;bottom:12px;left:12px;z-index:2;overflow:hidden;font-size:15px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / .4)}.csv-modal{width:min(100vw - 32px, 420px);max-width:none;max-height:none;padding:0;border:0;background:#fff0;color:#fff;overflow:visible}.csv-modal::backdrop{overscroll-behavior:contain;background:rgb(8 8 10 / .86)}.csv-modal__frame{position:relative;width:100%;height:min(calc(100dvh - 120px), 746px);border-radius:16px;overflow:hidden;background:#000}.csv-modal__frame iframe,.csv-modal__frame video{display:block;width:100%;height:100%;border:0;background:#000}.csv-modal__frame video{object-fit:contain}.csv-modal[data-platform="instagram"] .csv-modal__frame{background:#fff;overflow-y:auto}.csv-modal__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:14px}.csv-modal__source{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-decoration:underline;text-underline-offset:3px;opacity:.85}.csv-modal__source:hover{opacity:1}.csv-modal__source[hidden]{display:none}.csv-modal__count{flex-shrink:0;white-space:nowrap;opacity:.7;font-variant-numeric:tabular-nums}.csv-modal__close,.csv-modal__step{position:fixed;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgb(255 255 255 / .14);color:#fff;cursor:pointer}.csv-modal__close:hover,.csv-modal__step:hover:not(:disabled){background:rgb(255 255 255 / .26)}.csv-modal__close{top:16px;right:16px}.csv-modal__step{top:50%;transform:translateY(-50%)}.csv-modal__step:disabled{opacity:.3;cursor:default}.csv-modal__step--prev{left:max(16px, calc(50vw - 210px - 72px))}.csv-modal__step--next{right:max(16px, calc(50vw - 210px - 72px))}@media (max-width:599px){.csv-modal__step{position:static;transform:none;width:40px;height:40px}.csv-modal__close{top:10px;right:10px}.csv-modal__frame{height:min(calc(100dvh - 140px), 746px)}}@media (prefers-reduced-motion:reduce){.csv__media,.csv__play{transition:none}.csv__open:hover .csv__media{transform:none}.csv__track{scroll-behavior:auto}}