.cg-reel-dialog{padding:0;border:0;background:transparent;color:#fff;max-width:none;max-height:none;overflow:visible;margin:auto}
.cg-reel-dialog::backdrop{background:rgba(0,0,0,.88)}
.cg-reel-dialog [hidden]{display:none!important}
body.cg-reel-open{overflow:hidden}
.cg-reel-shell{position:relative;color:#fff}
.cg-reel-stage{position:relative;width:min(calc((100dvh - 48px)*.5625),calc(100vw - 144px),520px);aspect-ratio:9/16;background:#101010;border-radius:20px;overflow:hidden}
.cg-reel-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.cg-reel-dialog[data-landscape] .cg-reel-stage{width:min(960px,calc(100vw - 144px),calc((100dvh - 48px)*1.7778));aspect-ratio:16/9}
.cg-reel-dialog button{display:grid;place-items:center;width:44px;height:44px;border:0;padding:9px;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.cg-reel-dialog svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.cg-reel-dialog button:focus-visible,.cg-reel-product:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.cg-reel-stage,.cg-reel-toggle{touch-action:pan-x;overscroll-behavior:contain}
.cg-reel-toggle{position:absolute;inset:0;width:100%!important;height:100%!important;border-radius:0!important;padding:0!important;cursor:grab!important;user-select:none}
.cg-reel-stage.is-swiping .cg-reel-toggle{cursor:grabbing!important}
.cg-reel-stage.is-swiping>.cg-reel-frame,.cg-reel-dialog[data-reel-switching] .cg-reel-frame{will-change:transform}
.cg-reel-dialog[data-reel-feed] .cg-reel-stage{width:min(calc((100dvh - 48px)*.5625),calc(100vw - 144px),520px);aspect-ratio:9/16}
.cg-reel-toggle span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#0009;font-size:27px;padding-left:4px;opacity:0}
.cg-reel-dialog[data-paused] .cg-reel-toggle span{opacity:1}
.cg-reel-stage.is-swiping .cg-reel-toggle span{opacity:0}
.cg-reel-progress{position:absolute;left:18px;right:18px;top:16px;height:5px;background:#ffffff55;border-radius:4px;pointer-events:none}
.cg-reel-progress>span{display:block;height:100%;width:0;background:#fff;border-radius:4px}
.cg-reel-progress input{position:absolute;inset:-10px 0;width:100%;height:25px;margin:0;opacity:0;cursor:pointer;pointer-events:auto}
.cg-reel-progress:focus-within{outline:2px solid #fff;outline-offset:5px}
.cg-reel-toolbar{position:absolute;top:30px;right:10px;display:flex;gap:2px;background:#0003;border-radius:22px}
.cg-reel-toolbar [hidden]{display:none}
.cg-reel-actions{position:absolute;right:12px;bottom:130px;display:grid;gap:12px;background:#0003;border-radius:24px}
.cg-reel-actions [aria-pressed=true] svg{fill:#fff}
.cg-reel-product{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:center;gap:14px;min-height:88px;background:rgba(24,20,17,.92);border-radius:14px;color:#fff;text-decoration:none;overflow:hidden}
.cg-reel-product[hidden]{display:none}
.cg-reel-product>img{align-self:stretch;flex:0 0 88px;width:88px;height:88px;object-fit:contain;background:#fff}
.cg-reel-product>span{padding:10px 12px 10px 0;min-width:0}
.cg-reel-product strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:1.3;font-weight:500}
.cg-reel-product small{display:block;font-size:12px;line-height:1.35;color:#eee;margin-top:4px}
.cg-reel-price{display:block;font-size:14px;margin-top:4px;line-height:1.3}.cg-reel-price s{color:#ddd;margin-right:3px}
.cg-reel-navigation{position:absolute;left:calc(100% + 20px);top:50%;transform:translateY(-50%);display:grid;gap:14px}
.cg-reel-navigation[hidden]{display:none}
.cg-reel-navigation button{background:#101010dd;width:48px;height:48px}
.cg-reel-spinner{display:none;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;border:3px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:cg-reel-spin .8s linear infinite;pointer-events:none}
.cg-reel-dialog[aria-busy=true] .cg-reel-spinner{display:block}
.cg-reel-error{position:absolute;top:45%;left:16px;right:16px;background:#222;padding:16px;text-align:center;font-size:14px;line-height:1.5}.cg-reel-error[hidden]{display:none}.cg-reel-error button{display:inline-block;width:auto;height:auto;border-radius:4px;text-decoration:underline}
.cg-reel-shell:fullscreen{display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;background:#000}
.cg-reel-shell:fullscreen .cg-reel-navigation{position:fixed;left:auto;right:20px}
.cg-reel-shell.cg-reel-expanded{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;background:#000}
.cg-reel-shell.cg-reel-expanded .cg-reel-stage{height:100dvh;width:min(100vw,calc(100dvh*.5625));aspect-ratio:auto;border-radius:0}
.cg-reel-shell.cg-reel-expanded .cg-reel-navigation{position:fixed;left:auto;right:12px}
.cg-reel-dialog[data-landscape] .cg-reel-shell.cg-reel-expanded .cg-reel-stage{width:100vw;height:100dvh}
@keyframes cg-reel-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.cg-reel-stage{width:min(calc(100vw - 16px),calc((100dvh - 16px)*.5625));border-radius:16px}.cg-reel-dialog[data-landscape] .cg-reel-stage{width:calc(100vw - 16px);aspect-ratio:9/16}.cg-reel-navigation{left:auto;right:8px;top:50%;gap:8px}.cg-reel-navigation button{width:40px;height:40px;padding:9px;background:#0009}.cg-reel-actions{right:8px;bottom:122px;gap:6px}.cg-reel-product{left:10px;right:10px;bottom:10px;gap:10px}.cg-reel-product strong{font-size:14px}.cg-reel-product>img{width:72px;height:88px;flex-basis:72px}.cg-reel-product small{font-size:11px}.cg-reel-price{font-size:13px}.cg-reel-toolbar{right:8px}.cg-reel-progress{left:14px;right:14px}}
@media(prefers-reduced-motion:reduce){.cg-reel-spinner{animation:none}}
@media(max-width:720px){.cg-reel-dialog[data-reel-feed] .cg-reel-stage{width:min(calc(100vw - 16px),calc((100dvh - 16px)*.5625));aspect-ratio:9/16}}
.cg-reel-dialog[data-reel-feed] .cg-reel-shell.cg-reel-expanded .cg-reel-stage{height:100dvh;width:min(100vw,calc(100dvh*.5625));aspect-ratio:auto}

/* The entire video card travels as one surface, with the next card outside its bounds. */
.cg-reel-stage{overflow:visible;background:transparent}
.cg-reel-frame{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#101010;backface-visibility:hidden}
.cg-reel-neighbour{pointer-events:none}
.cg-reel-dialog[data-reel-switching] .cg-reel-toggle span{opacity:0}

.cg-reel-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.cg-reel-frame[data-media-kind="image"]{touch-action:pan-x;cursor:grab}
.cg-reel-stage.is-swiping .cg-reel-frame[data-media-kind="image"]{cursor:grabbing}
