.shop-by-purpose-section{margin:80px 0}.shop-by-purpose-section .section-title{text-align:left}.shop-by-purpose-section .top-block .wraper{display:flex}.shop-by-purpose-section .top-block .wrapper{display:flex;flex-wrap:wrap;margin:0 -10px -20px}.shop-by-purpose-section .top-block .wrapper .left-block{width:66.66%}.shop-by-purpose-section .top-block .wrapper .right-block{width:33.33%}.shop-by-purpose-section .top-block .wrapper>div{padding:0 10px;margin-bottom:20px}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper{background:#eee7d7;border-radius:20px;overflow:hidden;display:flex;flex-wrap:wrap;padding:16px;height:100%}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper>div{width:50%}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper .image-wrapper{position:relative;padding-bottom:56.25%;border-radius:20px;overflow:hidden;height:100%}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper .image-wrapper img{position:absolute;height:100%;top:0;left:0;width:100%;object-fit:cover}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper .text-block{padding:50px;display:flex;flex-direction:column;justify-content:center}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper .text-block .review-title{margin-bottom:14px;display:flex;align-items:center;font-size:16px;line-height:11px}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper .text-block .review-title span{margin-left:7px;color:#282828}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper .text-block h3{margin-bottom:23px}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper .text-block .description-text{max-width:343px;width:100%}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper .text-block .description-text p{font-size:16px;line-height:32px;opacity:.8}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper .text-block a.btn{max-width:240px;width:100%;margin-top:24px}.shop-by-purpose-section .top-block .wrapper .right-block .image-wrapper{position:relative;overflow:hidden;border-radius:20px;height:100%;padding-bottom:110%}.shop-by-purpose-section .top-block .wrapper .right-block .image-block{height:100%}.shop-by-purpose-section .top-block .wrapper .right-block .image-wrapper img{position:absolute;height:100%;width:100%;top:0;left:0;right:0;object-fit:cover}.shop-by-purpose-section .bottom-block{margin-top:20px}.shop-by-purpose-section .bottom-block .wrapper{display:flex;flex-wrap:wrap;margin:0 -10px -20px}.shop-by-purpose-section .bottom-block .wrapper .card-item{width:33.33%;padding:0 10px;margin-bottom:20px}.shop-by-purpose-section .bottom-block .wrapper .card-item .image-block{position:relative;top:0;left:0;right:0;bottom:0;z-index:-2;padding-bottom:110%;border-radius:20px;overflow:hidden}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block{position:relative;border-radius:20px;overflow:hidden}.shop-by-purpose-section .bottom-block .wrapper .card-item .image-block img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block .text-block{position:absolute;bottom:0;left:0;right:0;margin:24px}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block:before{content:"";display:block;background:linear-gradient(180deg,#53220900 8.32%,#532209cc 48.85%,#532209);position:absolute;height:100%;width:100%;bottom:0;left:0;z-index:-1;max-height:162px;transition:all .3s}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block:hover:before{max-height:361px}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block h3{color:#fff;font-size:32px;line-height:32px;margin-bottom:10px}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block .star-wrapper{display:flex;align-items:center;font-size:16px;line-height:24px;color:#fff;margin-bottom:20px}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block .star-wrapper svg path{fill:#efc444}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block .star-wrapper svg{margin-right:5px}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block p{color:#fff}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block a{background:#fff;padding:15px 20px;width:100%;text-align:center;font-size:15px;color:#282828;font-weight:600;line-height:28px;border-radius:50px;text-transform:uppercase}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block .hidden-block{display:none}@media only screen and (max-width:1399px){.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper .text-block{padding:30px}}@media only screen and (max-width:1199px){.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block h3{font-size:24px;line-height:normal}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block a{padding:15px 10px;font-size:13px;line-height:22px}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block:before{max-height:361px}.shop-by-purpose-section .bottom-block .wrapper .card-item .card-block .hidden-block{display:block}.shop-by-purpose-section{margin:60px 0}}@media only screen and (max-width:989px){.shop-by-purpose-section .top-block .wrapper .left-block,.shop-by-purpose-section .top-block .wrapper .right-block{width:100%}.shop-by-purpose-section .bottom-block .wrapper .card-item{width:50%}}@media only screen and (max-width:767px){.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper>div{width:100%}.shop-by-purpose-section .top-block .wrapper .left-block .box-wrapper .text-block{padding:30px 0}.shop-by-purpose-section .bottom-block .wrapper .card-item{width:100%}.shop-by-purpose-section{margin:40px 0}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/shop-by-purpose.css.map */