.categories{background:#fff;padding:50px 0}.categories__inner{max-width:1440px;margin:0 auto;padding:0 8rem}.categories__header{text-align:center;margin-bottom:2.9rem}.categories__heading{font-family:Playfair Display,serif;font-weight:700;font-size:3.4rem;line-height:3.4rem;letter-spacing:-.5px;color:#4a342a;margin:0 0 1.1rem}.categories__subheading{font-family:Poppins,sans-serif;font-weight:400;font-size:1.3rem;line-height:2rem;letter-spacing:-.5px;color:#4a342ab3;margin:0}.categories__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.categories__card{position:relative;height:224px;border-radius:16px;overflow:hidden;filter:drop-shadow(0px 4px 6px rgba(0,0,0,.1)) drop-shadow(0px 10px 15px rgba(0,0,0,.1));cursor:pointer}.categories__card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.categories__card:hover .categories__card-img{transform:scale(1.08)}.categories__card-overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#4a342ae0,#4a342a59 55%,#0000 80%)}.categories__card-content{position:absolute;bottom:0;left:0;right:0;padding:1.4rem;z-index:2}.categories__card-title{font-family:Playfair Display,serif;font-weight:700;font-size:1.8rem;line-height:2rem;letter-spacing:-.5px;color:#fff;margin:0 0 .5rem}.categories__card-desc{font-family:Poppins,sans-serif;font-weight:400;font-size:1.1rem;line-height:1.5rem;letter-spacing:-.5px;color:#ffffffe6;margin:0 0 1.1rem}.categories__card-btn{display:inline-block;height:26px;line-height:26px;padding:0 1.4rem;background:#fff;color:#4a342a;font-family:Poppins,sans-serif;font-weight:500;font-size:1.1rem;letter-spacing:-.5px;border-radius:9999px;border:none;cursor:pointer;text-decoration:none;transition:background .2s ease,color .2s ease;white-space:nowrap}.categories__card-btn:hover{background:#d4a5a5;color:#fff}@media screen and (max-width:989px){.categories{padding:40px 0}.categories__inner{padding:0 2.4rem}.categories__grid{grid-template-columns:1fr;gap:1.6rem}.categories__card{height:200px}}@media screen and (max-width:749px){.categories__heading{font-size:2.4rem;line-height:2.6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-categories.css.map */