.ranking-collection-section{text-align:center;margin:0;padding:0;position:relative}.ranking-title{margin-bottom:24px}.ranking-title h2{font-size:2.2rem;font-weight:700;background:linear-gradient(90deg,#7f7fd5,#86a8e7,#f7797d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin:0}.ranking-icon{width:48px;vertical-align:middle;margin-bottom:8px}.ranking-sub{font-size:1rem;color:#888;margin-top:2px}.ranking-grid{display:grid;grid-template-columns:repeat(var(--columns-desktop, 4),1fr);gap:.5rem;margin:0;padding:0;width:100%}.ranking-item{position:relative;margin:0;padding:1rem;height:100%}.ranking-image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:0;margin:0;padding:.5rem}.ranking-image{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:0;position:static;top:auto;left:auto;transition:transform .3s ease;margin:0;padding:0}.ranking-image-wrapper:hover .ranking-image{transform:scale(1.05)}.ranking-badge{position:absolute;top:-1rem;left:50%;transform:translate(-50%);width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;z-index:1;border-radius:50%;box-shadow:0 2px 8px #00000014}.ranking-badge-1,.ranking-badge-2,.ranking-badge-3{background:var(--custom-gradient-primary)}.ranking-badge-4,.ranking-badge-5,.ranking-badge-6,.ranking-badge-7,.ranking-badge-8{background:#666}.ranking-rank-1,.ranking-rank-2,.ranking-rank-3{border:2px solid transparent;border-image:var(--custom-gradient-primary);border-image-slice:1}.ranking-rank-1 .ranking-badge,.ranking-rank-2 .ranking-badge,.ranking-rank-3 .ranking-badge{background:var(--custom-gradient-primary)}.ranking-rank-4,.ranking-rank-5,.ranking-rank-6,.ranking-rank-7,.ranking-rank-8{border:2px solid #5a5a5a}.ranking-rank-4 .ranking-badge,.ranking-rank-5 .ranking-badge,.ranking-rank-6 .ranking-badge,.ranking-rank-7 .ranking-badge,.ranking-rank-8 .ranking-badge{background:#5a5a5a}@media screen and (max-width: 749px){.ranking-grid{grid-template-columns:repeat(var(--columns-mobile, 2),1fr);gap:.3rem}.ranking-item{width:100%;height:auto}.ranking-image-wrapper,.ranking-image{border-radius:.5rem}}@media screen and (max-width: 989px){.ranking-rank-1,.ranking-rank-2,.ranking-rank-3,.ranking-rank-4,.ranking-rank-5,.ranking-rank-6,.ranking-rank-7,.ranking-rank-8{border-width:1.5px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ranking-collection.css.map */