.base-product{color:var(--text);display:flex;flex-direction:column;height:100%}.base-product__wrapper{border-radius:20px;height:100%;overflow:hidden;position:relative}.base-product__wrapper:before{background-color:var(--gray-light);width:100%;z-index:10}.base-product__wrapper:after,.base-product__wrapper:before{content:"";height:100%;opacity:0;pointer-events:none;position:absolute;transition:.3s}.base-product__wrapper:after{animation:loaded 2.3s infinite;background:#fff;box-shadow:0 0 80px 50px #fff;display:block;left:0;top:0;width:0;z-index:11}@keyframes loaded{0%,to{left:0}50%{left:100%}}.base-product__wrapper._lock{cursor:wait}.base-product__wrapper._lock>*{pointer-events:none}.base-product__wrapper._lock:after,.base-product__wrapper._lock:before{opacity:1}.base-product-img{align-items:center;aspect-ratio:1;background-color:var(--gray-light);border-radius:10px;display:flex;justify-content:center;margin-bottom:30px;width:100%}.base-product-img img{height:100%;max-height:calc(100% - 100px);max-width:calc(100% - 120px);-o-object-fit:contain;object-fit:contain;transition:.5s;width:100%}.base-product h3{margin-bottom:10px}.base-product p{margin-bottom:30px}.base-product .base-button{margin-top:auto}@media(hover:hover){.base-product-img:hover img{transform:scale(1.15)}}@media screen and (max-width:1700px){.base-product-img{margin-bottom:20px}}@media screen and (max-width:639px){.base-product h3{margin-bottom:5px}.base-product-img img{max-height:90%;max-width:90%}.base-product-img{height:200px}.base-product p{display:-webkit-box;margin-bottom:20px;-webkit-box-orient:vertical;font-family:Montserrat;font-size:16px;font-weight:400;letter-spacing:0;-webkit-line-clamp:2;line-height:100%;max-width:400px;overflow:hidden;text-overflow:ellipsis}}
