.category{width:100%;margin:0;padding:0;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:25px;column-gap:25px}.category.owl-carousel{display:block}.category.owl-carousel>[class*="item"]{width:calc(100% / 4 - (3 * 25px / 4) * 1);margin-right:25px}.category .item{box-sizing:border-box;overflow:hidden;position:relative;display:flex !important;flex-direction:column;border-radius:8px;border:1px solid #e6e6e6;background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.07);transition:box-shadow 400ms ease 0ms}.category .item.pink{--item-color:#DFBDD3}.category .item.blue{--item-color:#AECCE6}.category .item.orange{--item-color:#F4C4A4}.category .item.purple{--item-color:#AEAEDE}.category .item .cover{width:100%;aspect-ratio:580 / 350;overflow:hidden;position:relative;background-color:var(--item-color, #f0f0f0)}.category .item .cover picture{display:block;width:100%;height:100%}.category .item .cover img{width:100%;height:100%;object-fit:cover;display:block}.category .item .content{box-sizing:border-box;border-top:1px solid rgba(230,230,230,0.4);padding:16px 20px 18px;display:flex;flex-direction:column;align-items:flex-start}.category .item .content .name{margin:0;font-size:15px;line-height:20px;font-weight:600;color:#1C1C1C}.category .item .content .sub{margin:4px 0 0;font-size:13px;line-height:18px;color:#888888}.category .item .content .count{align-self:flex-start;box-sizing:border-box;margin:12px 0 0;display:inline-flex;align-items:center;height:20px;padding:0 10px;border-radius:3px;font-size:10px;font-weight:500;background-color:#EEF4FB;border:1px solid rgba(94,139,186,0.25);color:#2B5A8A}.category .item .content .btn{margin:14px 0 0}.category .item::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background-color:rgba(231,97,36,0.65);opacity:0;transition:all 400ms ease 0ms}.notouch .category .item:is(:hover,:focus){box-shadow:0 6px 20px rgba(0,0,0,0.12)}.notouch .category .item:is(:hover,:focus)::after{opacity:1}@media screen and (max-width:1280px){.category{grid-template-columns:repeat(2, 1fr);row-gap:20px;column-gap:20px}.category.owl-carousel{display:block}.category.owl-carousel>[class*="item"]{width:calc(100% / 2 - (1 * 20px / 2) * 1);margin-right:20px}}@media screen and (max-width:500px){.category{grid-template-columns:repeat(2, 1fr);row-gap:12px;column-gap:12px}.category.owl-carousel{display:block}.category.owl-carousel>[class*="item"]{width:calc(100% / 2 - (1 * 12px / 2) * 1);margin-right:12px}.category .item .cover{display:none}.category .item .content{border-top:0}}