.products{background-color:var(--color-cream);padding:100px 150px 60px}.products .inner{display:flex;flex-direction:column;gap:60px}.products .inner .heading-wrap{display:flex;justify-content:space-between}.products .inner .heading-wrap h2{font-size:52px;font-family:var(--athene-voyage);line-height:100%}.products .inner .heading-wrap p{font-size:18px;font-family:var(--monserrat);max-width:350px;line-height:100%;text-align:justify}.products .inner .heading-wrap p.medium{max-width:500px}.products .inner .heading-wrap p.large{max-width:700px}.products .inner .products-grid{display:flex;flex-wrap:wrap;gap:40px}.products .inner .products-grid .product-item{background-color:var(--color-white);border:1px solid var(--color-light-gray);border-radius:16px;position:relative;z-index:2;aspect-ratio:1/1;flex-basis:calc(25% - 40px)}.products .inner .products-grid .product-item:after{content:"";left:0;width:100%;position:absolute;top:0;height:100%;z-index:1;box-shadow:-13px 16px 15px #00000010;border-radius:16px}.products .inner .products-grid .product-item .product-image{position:relative;overflow:hidden;padding-top:100%;display:block}.products .inner .products-grid .product-item img{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;object-fit:cover;width:100%;z-index:3}.products .inner .products-grid .product-item .product-description{padding:20px 28px;margin-top:auto;position:relative;z-index:3}.products .inner .products-grid .product-item .product-description h3{font-size:16px;font-family:var(--monserrat);text-align:center}.products .inner .products-grid .product-item .product-description .price{font-size:16px;font-family:var(--monserrat);display:block;margin-top:10px;text-align:center;font-weight:500}.products .inner .products-grid .product-item .btn{position:absolute;top:0;right:0;background-color:var(--color-cream);padding:0 0 16px 16px;border-bottom-left-radius:16px;z-index:3}.products .inner .products-grid .product-item .btn:after{content:"";position:absolute;top:0;rotate:-90deg;left:-16px;height:16px;width:16px;background:var(--color-cream);-webkit-mask:radial-gradient(246% 218% at 0 0,transparent 42%,#fff 43%);mask:radial-gradient(236% 236% at 0 0,transparent 42%,#fff 43%);filter:drop-shadow(0 0 0 #4b4b4b)}.products .inner .products-grid .product-item .btn:before{content:"";position:absolute;right:0;bottom:-16px;height:16px;width:16px;rotate:270deg;background:var(--color-cream);-webkit-mask:radial-gradient(246% 218% at 0 0,transparent 42%,#fff 43%);mask:radial-gradient(236% 236% at 0 0,transparent 42%,#fff 43%);filter:drop-shadow(0 0 0 #4b4b4b)}.products .inner .products-grid .product-item .btn a{background-color:var(--color-black);border-radius:16px;padding:12px;display:block}.products .inner .products-grid .product-item .btn a svg{transition:transform .3s ease}.products .inner .products-grid .product-item .btn a:hover svg{transform:translate(4px,-4px)}.products .inner .products-grid .product-item .product-description .price .discount{color:var(--color-orange);font-weight:500}.products .inner .btn-wrap{text-align:center}.products .inner .btn-wrap a{padding:13px 42px;display:inline-block;border-radius:40px;font-size:20px;line-height:100%;color:var(--color-orange);border:1px solid var(--color-orange)}.products .inner .products-grid .product-item .product-description .mobile-title{display:none}@media (max-width: 1440px){.products{padding:100px 30px 60px}}@media (max-width: 1280px){.products .inner .products-grid{gap:20px}.products .inner .products-grid .product-item{flex-basis:calc(50% - 10px)}}@media (max-width: 768px){.products .inner .heading-wrap{flex-direction:column;gap:20px}.products{padding:60px 30px}.products .inner .products-grid .product-item .product-description{padding:20px 15px}.products .inner .products-grid .product-item .product-description .mobile-title{display:block}.products .inner .products-grid .product-item .product-description .desktop-title{display:none}.products .inner .products-grid .product-item .product-description h3{font-size:14px}.products .inner .products-grid .product-item .btn a svg{width:25px;height:25px}.products .inner .products-grid .product-item .btn{padding:0 0 8px 8px}.products .inner .heading-wrap p{max-width:600px;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collection-products.css.map */