.popular-grid{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.popular-grid li{min-width:0}.popular-card{position:relative;display:block;color:inherit;text-decoration:none}.popular-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fcf6f9;border-radius:8px}.popular-card h3{font-size:14px;line-height:1.7;margin:10px 0}.popular-rank{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#ead8e3;color:#624657;font-weight:800;margin-bottom:8px}.popular-home .popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.popular-home .popular-grid li:first-child{grid-row:span 2}.popular-home .popular-grid li:first-child img{aspect-ratio:3/4}.popular-home .popular-grid li:first-child h3{font-size:20px}.popular-grid li:first-child .popular-rank{background:#be7b98;color:white}.b-sidebar .popular-grid{grid-template-columns:1fr;gap:16px}.b-sidebar .popular-card{display:grid;grid-template-columns:25px 75px 1fr;gap:8px;align-items:start}.b-sidebar .popular-card h3{font-size:12px;margin:0}.b-sidebar .popular-rank{width:24px;height:24px}.popular-note{font-size:12px;color:#806879}@media(max-width:760px){.popular-grid,.popular-home .popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-home .popular-grid li:first-child{grid-column:1/-1;grid-row:auto}.popular-home .popular-grid li:first-child img{aspect-ratio:16/9}.popular-home .popular-grid li:first-child h3{font-size:18px}}