.wccvg-gallery{display:grid;grid-template-columns:repeat(var(--wccvg-columns,4),minmax(0,1fr));gap:var(--wccvg-row-gap,40px) var(--wccvg-column-gap,28px)}
.wccvg-card{min-width:0;position:relative}
.wccvg-media{position:relative;overflow:hidden;background:#f4f4f4;box-sizing:border-box}
.wccvg-zone{display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;row-gap:0;position:relative;z-index:4;min-width:0}
.wccvg-zone--above-image,.wccvg-zone--below-image{width:100%}
.wccvg-zone--overlay-top,.wccvg-zone--overlay-bottom{position:absolute;z-index:4;left:0;right:0;padding:0;box-sizing:border-box;pointer-events:none}
.wccvg-zone--overlay-top{top:0}
.wccvg-zone--overlay-bottom{bottom:0}
.wccvg-zone--overlay-top .wccvg-element,.wccvg-zone--overlay-bottom .wccvg-element{pointer-events:auto}
.wccvg-element{min-width:0}
.wccvg-element--title{flex:1 1 auto}
.wccvg-element--count{flex:0 0 auto;margin-left:auto}
.wccvg-element--swatches{flex:1 0 100%}
.wccvg-element--sizes{display:flex;flex:1 1 100%;justify-content:center}
.wccvg-media>.wccvg-main-link{display:block;width:100%;height:100%}
.wccvg-media>.wccvg-main-link>.wccvg-main-image,.wccvg-media>.wccvg-main-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition-property:transform;transition-duration:.35s;transition-timing-function:ease;transform-origin:center}
.wccvg-card:hover .wccvg-main-image,.wccvg-card:focus-within .wccvg-main-image,.wccvg-card.has-active-sizes .wccvg-main-image{transform:scale(var(--wccvg-hover-scale,1.05))}
.wccvg-size-panels{display:flex;width:100%;justify-content:center;pointer-events:none}
.wccvg-size-panel{display:none;width:fit-content;max-width:100%;box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;background:rgba(255,255,255,.96);border-radius:8px 8px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.08);pointer-events:auto}
.wccvg-card:hover .wccvg-size-panel,.wccvg-card:focus-within .wccvg-size-panel,.wccvg-card.has-active-sizes .wccvg-size-panel{display:flex}
.wccvg-size-chip{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 11px;border:1px solid #e1e1e1;border-radius:2px;background:#fff;color:#111;font-size:12px;line-height:1.2;white-space:nowrap}
.wccvg-zone--below-image{padding-top:18px}
.wccvg-title{margin:0;font-size:16px;font-weight:400;line-height:1.4}
.wccvg-title a{color:inherit;text-decoration:none}
.wccvg-count{flex:0 0 auto;color:#666;font-size:12px;line-height:1.4}
.wccvg-swatches{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.wccvg-swatch{display:block;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:50%;background:#eee;overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease;box-sizing:border-box}
.wccvg-swatch:hover,.wccvg-swatch:focus,.wccvg-swatch.is-active{border-color:#111;outline:0;transform:translateY(-1px)}
.wccvg-swatch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.wccvg-overflow{font-size:13px;color:#111;line-height:28px;white-space:nowrap}
.wccvg-empty{grid-column:1/-1;margin:0;padding:20px;border:1px dashed #ccc;color:#666;text-align:center}
@media(max-width:1024px){.wccvg-gallery{grid-template-columns:repeat(var(--wccvg-columns-tablet,2),minmax(0,1fr))}}
@media(max-width:767px){.wccvg-gallery{grid-template-columns:repeat(var(--wccvg-columns-mobile,1),minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.wccvg-swatch,.wccvg-main-image{transition:none!important}}