.cgc { --urv-gallery-gap: 0px; --urv-gallery-blue: #2d82ad; position: relative; container-type: inline-size; overflow: hidden; margin: 1.5rem 0; padding: 0 52px; border-radius: 20px; background: #fff; }
.cgc__track { overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.cgc__track::-webkit-scrollbar { display: none; }
.cgc__track .gallery { display: flex; gap: var(--urv-gallery-gap); overflow: visible; margin: 0; }
.cgc__track .gallery-item { flex: 0 0 88%; aspect-ratio: 1 / 1; height: auto; margin: 0 !important; clear: none !important; overflow: hidden; scroll-snap-align: start; }
.cgc__track .gallery-icon, .cgc__track .gallery-icon a { display: block; height: 100%; }
.cgc__track .gallery img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border: 0; }
.cgc__track .gallery-caption { position: absolute; right: 10px; bottom: 10px; left: 10px; margin: 0; padding: 8px 12px; border-radius: 12px; background: rgba(255,255,255,.9); color: #202020; font-size: .875rem; text-align: left; }
.cgc__track .gallery-item { position: relative; }
.cgc__button { position: absolute; top: 0; z-index: 1; display: block; width: 52px; height: 100%; padding: 0; border: 0; background: color-mix(in srgb, var(--urv-gallery-blue) 10%, transparent); color: transparent; font-size: 0; line-height: 1; transform: none; cursor: pointer; transition: background-color .2s ease, color .2s ease; }.cgc__button::before { position: absolute; top: 50%; left: 50%; color: #111; font-family: Arial, sans-serif; font-size: 34px; font-weight: 700; line-height: 1; transform: translate(-50%, -50%); }.cgc__button--previous::before { content: '‹'; }.cgc__button--next::before { content: '›'; }
.cgc__button:hover:not(:disabled), .cgc__button:focus-visible { background: var(--urv-gallery-blue); outline: 0; }.cgc__button:hover:not(:disabled)::before, .cgc__button:focus-visible::before { color: #fff; }.cgc__button:disabled { opacity: .35; cursor: default; }.cgc__button--previous { left: 0; border-radius: 20px 0 0 20px; }.cgc__button--next { right: 0; border-radius: 0 20px 20px 0; }
.cgc--fixed-height .gallery-item { aspect-ratio: auto; height: clamp(230px, 25vw, 360px); }
@container (min-width: 560px) { .cgc__track .gallery-item { flex-basis: calc((100% - var(--urv-gallery-gap)) / 2); } }
@container (min-width: 900px) { .cgc__track .gallery-item { flex-basis: calc((100% - (var(--urv-gallery-gap) * 2)) / 3); } }
@container (max-width: 559px) { .cgc { padding: 0; border-radius: 0; background: transparent; }.cgc__button { top: 50%; width: 44px; height: 44px; border-radius: 50%; background: #fff; transform: translateY(-50%); }.cgc__button--previous { left: 12px; }.cgc__button--next { right: 12px; } }
.cgc.is-compact { padding: 0; border-radius: 0; background: transparent; }.cgc.is-compact .gallery-item { flex-basis: 100%; }.cgc.is-compact .cgc__button { top: 50%; width: 44px; height: 44px; border-radius: 50%; background: #fff; transform: translateY(-50%); }.cgc.is-compact .cgc__button::before { transform: translate(-50%, -50%) translateY(1px); }.cgc.is-compact .cgc__button:hover:not(:disabled), .cgc.is-compact .cgc__button:focus-visible { background: var(--urv-gallery-blue); }.cgc.is-compact .cgc__button--previous { left: 12px; }.cgc.is-compact .cgc__button--next { right: 12px; }
@media (prefers-reduced-motion: reduce) { .cgc__track { scroll-behavior: auto; } }
.cgc__button--previous::before { transform: translate(-40%, -50%); }.cgc__button--next::before { transform: translate(-60%, -50%); }.cgc.is-compact .cgc__button--previous::before { transform: translate(-40%, -50%) translateY(1px); }.cgc.is-compact .cgc__button--next::before { transform: translate(-60%, -50%) translateY(1px); }
.cgc__button::before { content: ''; width: 10px; height: 10px; border-right: 3px solid currentColor; border-bottom: 3px solid currentColor; color: #111; transform: translate(-50%, -50%) rotate(-45deg); }.cgc__button--previous::before { transform: translate(-50%, -50%) rotate(135deg); }.cgc__button--next::before { transform: translate(-50%, -50%) rotate(-45deg); }.cgc.is-compact .cgc__button--previous::before { transform: translate(-50%, -50%) rotate(135deg); }.cgc.is-compact .cgc__button--next::before { transform: translate(-50%, -50%) rotate(-45deg); }


.cgc__track .gallery-icon a { cursor: zoom-in; }
.cgc__track .gallery img { transition: transform .25s ease, filter .25s ease; }
.cgc__track .gallery-icon a:hover img,
.cgc__track .gallery-icon a:focus-visible img { transform: scale(1.04); filter: brightness(.92); }
@media (prefers-reduced-motion: reduce) { .cgc__track .gallery img { transition: none; } }

.cgc__clone-link { pointer-events: none; }