.cro-videos{display:block;margin-block:24px;padding:var(--video-padding);background:var(--video-bg);color:var(--video-text)}.cro-videos__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.cro-videos__header h2{color:inherit;margin:0}.cro-videos__arrows{display:flex;gap:8px}.cro-videos__controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.cro-videos__controls>button{color:inherit;background:transparent;border:1px solid currentColor;border-radius:4px;padding:8px;cursor:pointer}cro-product-videos[data-autoscroll]{margin-block:10px}.cro-videos__arrows button{border:0;border-radius:50%;width:44px;height:44px;background:#fff;color:#222;cursor:pointer}.cro-videos__arrows button:disabled{opacity:.4;cursor:default}.cro-videos__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px) / 3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.cro-videos__card{position:relative;display:block;aspect-ratio:9 / 16;overflow:hidden;border:0;border-radius:24px;background:#242424;padding:0;color:#fff;cursor:pointer;scroll-snap-align:start}.cro-videos__poster,.cro-videos__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cro-videos__preview{opacity:0}.cro-videos__preview.is-ready{opacity:1}.cro-videos__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#0009;font-size:24px}.cro-videos__caption{position:absolute;bottom:0;left:0;right:0;padding:48px 16px 18px;text-align:left;font-weight:700;background:linear-gradient(transparent,#000e)}.cro-videos__caption span{display:block;font-size:.8em;font-weight:400}.cro-video-dialog{padding:0;width:min(1040px,calc(100vw - 32px));max-width:none;max-height:90dvh;border:0;border-radius:16px;background:#fff;color:#202020}.cro-video-dialog::backdrop{background:#000b}html:has(cro-product-videos dialog[open]){overflow:hidden}.cro-video-dialog__layout{display:grid;grid-template-columns:1fr 1fr}.cro-video-dialog__player{background:#080808;display:grid;align-items:center;min-height:320px}.cro-video-dialog__player video,.cro-video-dialog__player iframe{display:block;width:100%;height:min(80dvh,740px);border:0;object-fit:contain}.cro-video-dialog__details{padding:24px;overflow-y:auto;max-height:80dvh}.cro-video-dialog__details h2{color:inherit;font-size:1.3rem;margin:16px 0 8px}.cro-video-dialog__product-image{display:block;width:100%;height:220px;object-fit:contain;background:#f6f6f6}.cro-video-dialog__price{font-weight:700}.cro-video-dialog__description{margin-bottom:20px}.cro-video-dialog__details select{display:block;width:100%;margin:8px 0;color:#202020;background:#fff}.cro-video-dialog__close{position:absolute;z-index:2;right:10px;top:10px;border:1px solid #ddd;width:40px;height:40px;border-radius:50%;background:#fff;color:#111;font-size:26px;cursor:pointer}.cro-video-dialog__actions{position:sticky;bottom:-24px;display:grid;grid-template-columns:1fr 1.25fr 44px;gap:8px;padding:16px 0;background:#fff}.cro-video-dialog__actions a,.cro-video-dialog__actions button{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #222;border-radius:4px;padding:8px;text-align:center;font-size:.85rem;color:#222;background:#fff;cursor:pointer;text-decoration:none}.cro-video-dialog__actions button{background:#982426;color:#fff;border-color:#982426}.cro-video-dialog__actions button:disabled{opacity:.5;cursor:default}.cro-video-dialog__cart svg{width:22px;height:22px}.cro-videos button:focus-visible,.cro-video-dialog a:focus-visible,.cro-video-dialog button:focus-visible{outline:3px solid #d6aa44;outline-offset:3px}@media(max-width:749px){.cro-videos__track{grid-auto-columns:78%}.cro-video-dialog__layout{grid-template-columns:1fr}.cro-video-dialog__player{min-height:0}.cro-video-dialog__player video,.cro-video-dialog__player iframe{height:48dvh}.cro-video-dialog__details{max-height:none;padding:18px;overflow:visible}.cro-video-dialog__actions{bottom:-1px}.cro-video-dialog__product-image{height:160px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/cro-product-videos.css.map */