#MainContent .zr-grid-section .zr-rail-heading{flex-direction:column;align-items:center;text-align:center;gap:18px;margin-bottom:36px}#MainContent .zr-grid-section .zr-rail-heading .zr-intro{margin-inline:auto;max-width:44ch}#MainContent .zr-grid-section .zr-rail-heading>div:before{margin-inline:auto}#MainContent .zr-product-grid__list{display:grid;grid-template-columns:repeat(var(--zr-grid-columns,4),minmax(0,1fr));gap:32px var(--zr-grid-gap,24px);list-style:none;padding:0;margin:0 auto;width:100%;max-width:calc(var(--zr-grid-columns,4) * 400px)}#MainContent .zr-product-grid__list>li{min-width:0}#MainContent .zr-product-grid__list .product-card-wrapper,#MainContent .zr-product-grid__list .card{height:100%}#MainContent.zr-refined .zr-card-has-hover .card__media .media>img{object-fit:var(--zr-image-fit,cover);transform:none;transition:opacity .28s ease}#MainContent.zr-refined .zr-card-has-hover .card__media .media>img:first-child{opacity:1}#MainContent.zr-refined .zr-card-has-hover .card__media .media>.zr-card-hover-image{opacity:0}@media(hover:hover)and (pointer:fine){#MainContent.zr-refined .zr-card-has-hover:is(:hover,:focus-within) .card__media .media>img:first-child{opacity:0;transform:none}#MainContent.zr-refined .zr-card-has-hover:is(:hover,:focus-within) .card__media .media>.zr-card-hover-image{opacity:1;transform:none}}@media(min-width:750px)and (max-width:989px){#MainContent .zr-product-grid__list{grid-template-columns:repeat(var(--zr-grid-tablet-columns,2),minmax(0,1fr))}}@media(max-width:749px){#MainContent .zr-grid-section .zr-rail-heading{gap:12px;margin-bottom:28px}#MainContent .zr-product-grid__list{grid-template-columns:repeat(var(--zr-grid-mobile-columns,2),minmax(0,1fr));max-width:calc(var(--zr-grid-mobile-columns,2) * 400px);gap:28px min(var(--zr-grid-gap,24px),16px)}}@media(prefers-reduced-motion:reduce){#MainContent.zr-refined .zr-card-has-hover .card__media .media>img{transition:none}}#MainContent[data-zr-editorial-motion=false] .zr-card-has-hover .card__media .media>img,#MainContent [data-zr-motion=false] .zr-card-has-hover .card__media .media>img{transition:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/zirvet-grid-hover.css.map */