:root{--font-heading-fm: "Montserrat", sans-serif;--font-body-fm: "Lato", "Open Sans", sans-serif}.fm-categories-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:60px 24px;width:100%;margin:0 auto;max-width:1400px;background-color:transparent}.fm-card-wrapper{position:relative;overflow:hidden;display:block;text-decoration:none;color:inherit;aspect-ratio:4 / 5;border-radius:12px;box-shadow:0 4px 15px #0000000d;transition:box-shadow .4s ease,transform .4s ease}.fm-card-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.fm-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.fm-card-content{position:absolute;bottom:0;left:0;width:100%;padding:25px 20px;z-index:2;color:#fff;background:linear-gradient(180deg,#0000,#0009);transition:background .4s ease}.fm-card-title{margin:0;font-family:var(--font-heading-fm);font-size:clamp(1.6rem,2rem + 1.5vw,2.5rem);font-weight:700;color:#fff;line-height:1.3;transition:color .4s ease}.fm-card-description{margin-top:8px;max-height:0;opacity:0;overflow:hidden;transition:all .4s ease-out}.fm-card-description p{margin:0;font-family:var(--font-body-fm);font-size:clamp(1.1rem,1.2rem + .5vw,1.4rem);line-height:1.5;color:#fff;opacity:.9}.fm-card-wrapper:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001a}.fm-card-wrapper:hover .fm-card-image img{transform:scale(1.05)}.fm-card-wrapper:hover .fm-card-content{background:linear-gradient(180deg,#0000,#000000d9)}.fm-card-wrapper:hover .fm-card-title{color:var(--color-primary, #FF8C00)}.fm-card-wrapper:hover .fm-card-description{max-height:100px;opacity:1}@media screen and (max-width: 1024px){.fm-categories-wrapper{grid-template-columns:repeat(3,1fr);gap:20px;padding:40px 20px}}@media screen and (max-width: 768px){.fm-categories-wrapper{grid-template-columns:repeat(2,1fr);gap:16px;padding:30px 16px}}@media screen and (max-width: 480px){.fm-categories-wrapper{grid-template-columns:1fr}.fm-card-wrapper{aspect-ratio:16 / 9}.fm-card-description{max-height:100px;opacity:1}.fm-card-content{background:linear-gradient(180deg,#0000,#000000bf)}}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */