.grid-product-section{padding:20px 0}.grid-product-wrapper{display:flex;gap:20px}.grid-product-banner{width:30%;display:block;overflow:hidden;border-radius:5px;position:relative}.grid-banner-content{position:absolute;z-index:1;left:0;bottom:0;width:100%;text-align:center;transition:all ease .3s}.grid-product-banner:hover .grid-banner-content{bottom:10px}.grid-product-banner-title{color:var(--white);margin:16px;text-transform:uppercase;text-wrap-mode:nowrap;transition:all ease .3s}.grid-product-banner:hover .grid-banner-content .grid-product-banner-title{color:var(--black);background:var(--body-color);padding:5px 10px;border-radius:5px}.grid-product-items{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:70%}.grid-product-item .product-card{border-radius:5px;overflow:hidden;position:relative}.grid-product-item .product-card .card-image-wrap .card-img .main-img img{transition:all ease .3s}.grid-product-item .product-card:hover .card-image-wrap .card-img .main-img img{transform:scale(1.1)}.grid-product-item .product-card .card-btn{bottom:0;border-radius:5px 5px 0 0;overflow:hidden}.grid-product-item .product-card:hover .card-btn{border-radius:0;overflow:hidden}.grid-product-item .product-card .card-btn .grid-product-price{display:flex;align-items:center;justify-content:center;gap:10px;padding:5px 10px;background:var(--body-color)}.grid-product-price .latest-price,.grid-product-price .previous-price{text-wrap-mode:nowrap;font-family:var(--heading-font);font-size:14px;line-height:1}.grid-product-price .latest-price{font-weight:600}.grid-product-price .previous-price{color:var(--text-muted);text-decoration:line-through}.grid-product-item-link{position:absolute;left:0;top:0;bottom:0;right:0;background:#0000004d;text-align:center;font-size:20px;font-weight:600;color:#fff;z-index:1;display:flex;align-items:center;justify-content:center;text-transform:uppercase;padding:10px}@media only screen and (max-width:992px){.grid-product-wrapper{flex-direction:column}.grid-product-banner,.grid-product-items{width:100%}}@media only screen and (max-width:767px){.grid-product-items{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:575px){.grid-product-wrapper,.grid-product-items{gap:10px}.grid-product-banner-title{font-size:22px}.grid-product-item-link{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/grid-product-section.css.map */