.zb-cg{--zb-cg-accent: #e95144;--zb-cg-overlay: rgba(0, 0, 0, .52);--zb-cg-btn-bg: #ffffff;--zb-cg-btn-txt: #111111;--zb-cg-btn-hover-bg: var(--zb-cg-accent);--zb-cg-btn-hover-txt: #ffffff;--zb-cg-title-size: 13px;--zb-cg-gap: 12px}.zb-cg{position:relative}.zb-cg__inner{width:100%;position:relative;z-index:1}.zb-cg__header-wrap{position:relative;margin-bottom:20px}.zb-cg__header{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;position:relative;z-index:1}.zb-cg__header-wrap--has-bg{--zb-cg-header-diag: 24px;background-repeat:no-repeat;clip-path:polygon(0 var(--zb-cg-header-diag),var(--zb-cg-header-diag) 0,100% 0,100% calc(100% - var(--zb-cg-header-diag)),calc(100% - var(--zb-cg-header-diag)) 100%,0 100%)}.zb-cg__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.zb-cg__header--left{justify-content:flex-start}.zb-cg__header--center{justify-content:center;text-align:center;width:100%}.zb-cg__header--right{justify-content:flex-end;text-align:right}.zb-cg__section-title{margin:0;font-size:clamp(22px,3vw,30px);font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text, #111);line-height:1.1}.zb-cg__see-all{font-size:13px;font-weight:600;color:var(--zb-cg-accent);text-decoration:none;white-space:nowrap;transition:opacity .2s}.zb-cg__see-all:hover{opacity:.75}.zb-cg__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--zb-cg-gap)}.zb-cg__col{display:flex;flex-direction:column;min-width:0}.zb-cg__col--text-above{flex-direction:column}.zb-cg__col--text-below{flex-direction:column-reverse}.zb-cg__text{text-align:center;padding:10px 4px 12px;flex-shrink:0}.zb-cg__title{margin:0 0 2px;font-size:var(--zb-cg-title-size);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text, #111);line-height:1.2}.zb-cg__subtitle{margin:0;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted, #666);line-height:1.3}.zb-cg__media{position:relative;display:block;overflow:hidden;text-decoration:none;flex:1;min-height:220px;background:#eee}.zb-cg__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.zb-cg__media img{position:absolute;top:0;right:0;bottom:0;left:0}.zb-cg__media-ratio{position:relative;width:100%;padding-top:var(--zb-cg-ratio, 140%);overflow:hidden}.zb-cg__media-ratio img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.zb-cg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--zb-cg-overlay);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.zb-cg__cta{display:inline-block;padding:11px 24px;background:var(--zb-cg-btn-bg);color:var(--zb-cg-btn-txt);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none;transition:background .25s,color .25s,transform .2s;transform:translateY(8px);pointer-events:none}.zb-cg__media-ratio:hover img{transform:scale(1.06)}.zb-cg__media-ratio:hover .zb-cg__overlay{opacity:1}.zb-cg__media-ratio:hover .zb-cg__cta{transform:translateY(0);background:var(--zb-cg-btn-hover-bg);color:var(--zb-cg-btn-hover-txt)}.zb-cg--btn-accent .zb-cg__cta{background:var(--zb-cg-accent);color:#fff}.zb-cg--btn-accent .zb-cg__media-ratio:hover .zb-cg__cta{background:#fff;color:var(--zb-cg-btn-txt)}@media(max-width:1023px){.zb-cg__grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:599px){.zb-cg__grid{grid-template-columns:repeat(2,1fr);gap:8px}.zb-cg__title{font-size:11px}.zb-cg__subtitle{font-size:10px}.zb-cg__cta{padding:9px 16px;font-size:11px;letter-spacing:1px}}@media(max-width:399px){.zb-cg__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.zb-cg__media-ratio img,.zb-cg__overlay,.zb-cg__cta{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-zb-category-grid.css.map */