.cf-cards{margin:0;padding:0;list-style:none;justify-content:center}
.cf-cards>li{display:flex;max-width:33.2rem}
.cf-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.2rem;padding:1.2rem;border-radius:2.4rem;background:#fff;color:var(--cf-ink);box-shadow:0 .8rem 2rem rgba(23,19,26,.07);text-align:center}
@media screen and (min-width:46.875em){.cf-card{padding:1.6rem}}
.cf-card__img{line-height:0;aspect-ratio:1;border-radius:1.6rem;overflow:hidden;background:#fff}
.cf-card__img img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s}
.cf-card:hover .cf-card__img img{transform:scale(1.03)}
.cf-card__body{position:relative;flex:1;display:grid;gap:.6rem;align-content:start;justify-items:center}
.cf-card__benefit{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:.04em;color:var(--cf-magenta-deep);line-height:1.3}
@media screen and (max-width:37.498em){.cf-card__benefit{display:none}}
.cf-card__name{font-family:var(--cf-head);font-weight:500;font-size:1.7rem;line-height:1.2;text-transform:none;letter-spacing:0}
@media screen and (min-width:46.875em){.cf-card__name{font-size:1.9rem}}
.cf-card__name a{color:inherit;text-decoration:none}
.cf-card__name a::after{content:"";position:absolute;inset:0}
.cf-card:hover .cf-card__name a{text-decoration:underline;text-underline-offset:.3rem}
.cf-card .cf-rating{justify-content:center;font-size:1.4rem}
.cf-card .cf-stars{width:8rem}
.cf-card__price{margin:0;font-size:1.4rem}
.cf-card__price b{font-size:1.9rem}
.cf-card__go{position:relative}
/* плитка, оставшаяся одна в своём ряду (data-solo ставит сборка по ступеням ширины), лежит строкой во всю ширину */
@media screen and (max-width:37.498em){.cf-cards>li[data-solo~="xs"]{max-width:none}.cf-cards>li[data-solo~="xs"] .cf-card{display:grid;grid-template-columns:11.2rem minmax(0,1fr);gap:.8rem 1.6rem;text-align:left;align-items:center}.cf-cards>li[data-solo~="xs"] .cf-card__body{justify-items:start}.cf-cards>li[data-solo~="xs"] .cf-rating{justify-content:flex-start}.cf-cards>li[data-solo~="xs"] .cf-card__go{grid-column:1/-1}}
@media screen and (min-width:37.5em) and (max-width:46.873em){.cf-cards>li[data-solo~="s"]{max-width:none}.cf-cards>li[data-solo~="s"] .cf-card{display:grid;grid-template-columns:20rem minmax(0,1fr);gap:.8rem 1.6rem;text-align:left;align-items:center}.cf-cards>li[data-solo~="s"] .cf-card__body{justify-items:start}.cf-cards>li[data-solo~="s"] .cf-rating{justify-content:flex-start}.cf-cards>li[data-solo~="s"] .cf-card__go{grid-column:1/-1}}
@media screen and (min-width:46.875em) and (max-width:61.873em){.cf-cards>li[data-solo~="m"]{max-width:none}.cf-cards>li[data-solo~="m"] .cf-card{display:grid;grid-template-columns:20rem minmax(0,1fr);gap:.8rem 1.6rem;text-align:left;align-items:center}.cf-cards>li[data-solo~="m"] .cf-card__body{justify-items:start}.cf-cards>li[data-solo~="m"] .cf-rating{justify-content:flex-start}.cf-cards>li[data-solo~="m"] .cf-card__go{grid-column:1/-1}}
@media screen and (min-width:61.875em) and (max-width:73.748em){.cf-cards>li[data-solo~="l"]{max-width:none}.cf-cards>li[data-solo~="l"] .cf-card{display:grid;grid-template-columns:20rem minmax(0,1fr);gap:.8rem 1.6rem;text-align:left;align-items:center}.cf-cards>li[data-solo~="l"] .cf-card__body{justify-items:start}.cf-cards>li[data-solo~="l"] .cf-rating{justify-content:flex-start}.cf-cards>li[data-solo~="l"] .cf-card__go{grid-column:1/-1}}
@media screen and (min-width:73.75em){.cf-cards>li[data-solo~="xl"]{max-width:none}.cf-cards>li[data-solo~="xl"] .cf-card{display:grid;grid-template-columns:20rem minmax(0,1fr);gap:.8rem 1.6rem;text-align:left;align-items:center}.cf-cards>li[data-solo~="xl"] .cf-card__body{justify-items:start}.cf-cards>li[data-solo~="xl"] .cf-rating{justify-content:flex-start}.cf-cards>li[data-solo~="xl"] .cf-card__go{grid-column:1/-1}}