.grid li a .text, .grid li a:after {position: absolute;left: 0;transition: 0.6s ease-out;}.grid li a .text h3, .grid li a .text p {font-family: Montserrat, sans-serif;color: #fff;}.grid {max-width: 100%;list-style: none;margin: auto;padding: 0;}.grid li {display: block;float: left;width: 33%;padding: 8px;cursor: unset !important;}.grid li a, .grid li img {outline: 0;border: none;display: block !important;max-width: 100% !important;height: auto !important;}#active-filters {background-color: #fef9f7;}#active-filters span {font-size: 16px;}@media screen and (max-width: 900px) {.grid li {width: 100%;}}.price {color: rgba(0, 0, 0, 0.6);display: block;width: fit-content;padding: 10px 5px 10px 0;text-align: right;font-family: courier;border-radius: 2px;filter: drop-shadow(1px 1px 0.8px rgba(0, 0, 0, 0.2));transform: rotateZ(-5deg) scale(1);transition: 0.5s;top: 0;left: 10px;}.price::before {content: "";left: -6px;border-bottom-left-radius: 50%;border-top-left-radius: 50%;}.price::after {content: "";right: -6px;border-bottom-right-radius: 50%;border-top-right-radius: 50%;}body #grid li:nth-child(4n + 2) .price {transform: rotateZ(2deg) scale(1);}body #grid li:nth-child(2n + 3) .price {transform: rotateZ(6deg) scale(1);}.grid li a, .grid li a img, .grid li a:after {border-radius: 7px;}.grid li a {height: 100%;width: 100%;box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.15);}.grid li a:before {position: absolute;left: 0;height: 100px;background-image: linear-gradient( to bottom, transparent, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8) );border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}.grid li a:after {height: 100%;background-color: rgba(0, 0, 0, 0.6);opacity: 0;}.grid li a .badges, .grid li a .in-stock, .grid li a .price {z-index: 2;}.grid li a .text {top: calc(100% - 100px);z-index: 2;text-align: left;width: 100%;}.grid li a .text h3 {font-size: calc(1.3rem + 0.1vw);font-weight: 700;text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);}.grid li a .text p {white-space: unset;font-weight: 500;font-size: 14px;line-height: 1.3;transition: 0.6s ease-out;max-height: 55px;opacity: 0;visibility: hidden;display: none;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}.grid li a:hover:after {opacity: 1;}.grid li a:hover .text {top: calc(100% - 150px);height: auto;}.grid li a:hover p {display: -webkit-box;opacity: 1;visibility: visible;}.active-filter {cursor: pointer;}