.xifun-popular-categories{padding-block:var(--xifun-popular-pad-top) var(--xifun-popular-pad-bottom)}.xifun-popular-categories__header{max-width:720px;margin-bottom:34px}.xifun-popular-categories__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.xifun-popular-card{min-width:0;overflow:hidden;border:1px solid var(--xifun-border);border-radius:12px;background:var(--xifun-surface-light)}.xifun-popular-card__link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.xifun-popular-card__media{display:block;aspect-ratio:4/3;overflow:hidden;background:#0b0b0b}.xifun-popular-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.xifun-popular-card__body{display:flex;min-height:220px;flex:1;flex-direction:column;padding:22px}.xifun-popular-card__tag{align-self:flex-start;margin-bottom:12px;color:var(--xifun-section-accent);font-size:11px;font-weight:900;letter-spacing:.14em}.xifun-popular-card h3{margin:0;color:inherit;font-size:clamp(24px,2.1vw,34px);font-weight:900;line-height:1}.xifun-popular-card p{margin:12px 0 20px;color:var(--xifun-muted);font-size:14px;line-height:1.55}.xifun-popular-card__cta{margin-top:auto;font-weight:850}.xifun-popular-card__cta span{display:inline-block;color:var(--xifun-section-accent);transition:transform .18s ease}.xifun-popular-categories.is-enhanced [data-xifun-reveal]{opacity:0;transform:translateY(18px)}.xifun-popular-categories.is-enhanced [data-xifun-reveal].is-visible{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}@media(hover:hover){.xifun-popular-card:hover{border-color:var(--xifun-section-accent)}.xifun-popular-card:hover .xifun-popular-card__image{transform:scale(1.045)}.xifun-popular-card:hover .xifun-popular-card__cta span{transform:translate(5px)}}@media(max-width:989px){.xifun-popular-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.xifun-popular-categories{padding-block:min(var(--xifun-popular-pad-top),64px) min(var(--xifun-popular-pad-bottom),64px)}.xifun-popular-categories__grid{grid-template-columns:1fr}.xifun-popular-card__link{display:grid;grid-template-columns:42% 58%}.xifun-popular-card__media{height:100%;aspect-ratio:auto}.xifun-popular-card__body{min-height:190px;padding:18px}}@media(prefers-reduced-motion:reduce){.xifun-popular-card,.xifun-popular-card__image{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/xifun-popular-categories.css.map */