.syg-widget{--syg-cols:var(--syg-desktop,6);--syg-gap:14px;min-width:0;width:100%}
.syg-widget .syg-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--syg-cols) - 1)*var(--syg-gap))/var(--syg-cols));gap:var(--syg-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}
.syg-widget .syg-gallery::-webkit-scrollbar{display:none;width:0;height:0}
.syg-widget .syg-item{position:relative;display:block;min-width:0;width:100%;height:auto;aspect-ratio:9/16;padding:0;border:0;border-radius:12px;background:#e5e7eb;overflow:hidden;cursor:pointer;scroll-snap-align:start}
.syg-widget .syg-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.syg-widget .syg-item:hover img{transform:scale(1.025)}
.syg-widget .syg-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:44px;height:32px;background:#e62117;border-radius:9px;display:grid;place-items:center;pointer-events:none}
.syg-widget .syg-play:before{content:'';border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #fff;margin-left:3px}
.syg-widget .syg-toolbar{display:flex;justify-content:flex-end;gap:7px;margin-bottom:8px}
.syg-widget .syg-toolbar button{display:grid;place-items:center;min-width:36px;min-height:36px;padding:5px 10px;border:1px solid #dbe1e7;border-radius:9px;background:#f4f6f8;color:#334155;font-size:16px;line-height:1;cursor:pointer}
.syg-widget .syg-toolbar button:hover{background:#e5eaf0;color:#1f2937}.syg-widget .syg-toolbar button:disabled{opacity:.35;cursor:default}
.syg-widget .syg-toolbar .syg-pause{font-size:12px}.syg-widget button:focus-visible{outline:2px solid #64748b;outline-offset:-3px}
.syg-dialog{position:fixed;inset:0;width:min(1100px,94vw);max-width:94vw;padding:46px 12px 12px;border:0;border-radius:14px;background:#111827;color:#fff}
.syg-dialog::backdrop{background:rgba(0,0,0,.8)}.syg-dialog iframe{display:block;width:100%;height:min(75vh,620px);border:0}
.syg-dialog .syg-close{position:absolute;right:10px;top:6px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1;width:36px;height:36px;cursor:pointer}
@media(max-width:1024px){.syg-widget{--syg-cols:var(--syg-tablet,4);--syg-gap:12px}}
@media(max-width:600px){.syg-widget{--syg-cols:var(--syg-mobile,2);--syg-gap:8px}.syg-dialog iframe{height:55vh}}
@media(prefers-reduced-motion:reduce){.syg-widget *{transition:none!important}}
.syg-widget .syg-toolbar[hidden]{display:none!important}

.syg-widget[data-auto="yes"] .syg-gallery{scroll-snap-type:none;scroll-behavior:auto}
.syg-widget .syg-item{contain:layout paint}
/* Side controls stay translucent without taking up a separate toolbar row. */
.syg-widget{position:relative}
.syg-widget .syg-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:36px;height:36px;min-width:36px;padding:7px;margin:0;border:1px solid #dbe1e7;border-radius:50%;background:#fff;color:#1f2937;opacity:.7;box-shadow:0 2px 8px #0002;cursor:pointer}
.syg-widget .syg-nav:hover,.syg-widget .syg-nav:focus{background:#fff;color:#111827;opacity:.7}
.syg-widget .syg-prev{left:6px}.syg-widget .syg-next{right:6px}
.syg-widget .syg-nav svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.syg-widget .syg-nav[hidden]{display:none!important}.syg-widget .syg-nav:disabled{cursor:default;opacity:.35}