.card__media:has(.ccg){z-index:3}
.ccg{display:block;position:absolute;inset:0;isolation:isolate}
.ccg-track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;background:#fff}
.ccg-track::-webkit-scrollbar{display:none}
.ccg-slide{position:relative;display:block;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
#MainContent .ccg .ccg-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;transform:none;border-radius:0}
.ccg-prev,.ccg-next{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:44px;padding:0;align-items:center;justify-content:center;border:1px solid #08312822;border-radius:0;background:#fffffff0;color:#083128;font:28px/1 Arial,sans-serif;cursor:pointer}
.ccg:defined .ccg-prev,.ccg:defined .ccg-next{display:flex}
.ccg-prev{left:5px}.ccg-next{right:5px}
.ccg button:disabled{opacity:.3;cursor:default}
.ccg-count{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:3px 9px;background:#fffffff0;color:#083128;border-radius:12px;font:11px/1.4 var(--font-body-family);pointer-events:none}
.ccg-track:focus-visible,.ccg button:focus-visible,.ccg-slide:focus-visible{outline:2px solid #b78b37;outline-offset:-3px}
@media(max-width:749px){.ccg-prev,.ccg-next{width:28px;height:40px;font-size:24px}.ccg-prev{left:2px}.ccg-next{right:2px}}
@media(prefers-reduced-motion:reduce){.ccg-track{scroll-behavior:auto}}

.product-card-wrapper:has(.ccg) .card__heading a::after{display:none!important}
.product-card-wrapper:has(.ccg) .card__inner>.card__content{pointer-events:none}

.ccg-count{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ccg-dots{display:none;position:absolute;bottom:6px;left:50%;transform:translateX(-50%);z-index:3;max-width:calc(100% - 12px);flex-wrap:wrap;justify-content:center;background:rgba(255,255,255,.9);border-radius:20px;padding:0 4px}
.ccg:defined .ccg-dots{display:flex}
.ccg-dot{display:grid;place-items:center;width:24px;height:24px;border:0;padding:0;background:transparent;cursor:pointer}
.ccg-dot::before{content:"";width:5px;height:5px;border-radius:50%;background:#08312855;transition:background .15s,transform .15s}
.ccg-dot[aria-current="true"]::before{background:#083128;transform:scale(1.25)}
.ccg:defined .ccg-prev,.ccg:defined .ccg-next{display:none}
@media(hover:hover) and (pointer:fine){
.ccg:defined .ccg-prev,.ccg:defined .ccg-next{display:flex;opacity:0;pointer-events:none;transition:opacity .15s}
.ccg:hover .ccg-prev,.ccg:hover .ccg-next,.ccg:focus-within .ccg-prev,.ccg:focus-within .ccg-next{opacity:1;pointer-events:auto}
.ccg:hover button:disabled,.ccg:focus-within button:disabled{opacity:.3}
}

.ccg-dots{background:transparent;padding:0;bottom:4px}
.ccg-dot::before{width:2px;height:2px;background:#08312844}
.ccg-dot[aria-current="true"]::before{background:#083128bb;transform:none}

.ccg-dot::before{width:4px;height:4px}