.bang-wrap{position:relative}.bang-header{margin-bottom:18px}.bang-grid{display:flex;gap:14px;align-items:center}.bang-card{position:relative;border-radius:18px;overflow:hidden;background:#f5f5ff;padding:22px 20px;min-height:140px;flex:1 1 0;transform-origin:center center;will-change:flex-grow,transform;cursor:pointer;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.bang-card.is-active{flex-grow:1.5;transform:translateY(-2px);z-index:20}.bang-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.bang-badge{flex:0 0 auto;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:30px;line-height:1;background:linear-gradient(180deg,#e94f49,#ff9f9b);color:#fff;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.bang-title{margin:0;font-weight:700;line-height:1.25;font-size:18px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.bang-desc{margin:0;opacity:.8;font-size:14px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.bang-card.is-active .bang-badge{width:50px;height:50px;font-size:40px}.bang-card.is-active .bang-title{font-size:25px}.bang-card.is-active .bang-desc{font-size:18px}@media screen and (max-width: 1200px){.bang-grid{flex-wrap:wrap}.bang-card{flex:1 1 calc(33.333% - 10px)}.bang-card.is-active{flex:1 1 calc(50% - 10px)}}@media screen and (max-width: 900px){.bang-card{flex:1 1 calc(50% - 7px)}.bang-card.is-active{flex:1 1 100%}}@media screen and (max-width: 749px){.bang-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:2rem}.bang-card.is-active .bang-badge,.bang-badge{width:34px;height:34px;font-size:25px}.bang-card .bang-title,.bang-title{font-size:16px!important}.bang-card.is-active .bang-desc,.bang-desc{font-size:14px}.bang-card{padding:15px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-layout-c.css.map */