.favorites{padding:16px;background:#fff;min-height:100vh;max-width:360px;margin:0 auto}@media(min-width:768px){.favorites{max-width:100%;padding:20px}}@media(min-width:1024px){.favorites{max-width:100%;padding:20px}}.favorites__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eceff6}.favorites__title-section{display:flex;align-items:center;gap:10px}.favorites__title{font-size:24px;line-height:1.1;color:#04122d;text-transform:uppercase;margin:0}.favorites__count,.favorites__title{font-family:Manrope,sans-serif;font-weight:500}.favorites__count{font-size:14px;line-height:20px;color:#8c98a2}.favorites__content{margin-bottom:80px}.favorites__cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:20px}@media(min-width:768px){.favorites__cards{grid-template-columns:repeat(3,1fr);gap:20px}}@media(min-width:1024px){.favorites__cards{grid-template-columns:repeat(3,1fr);gap:20px}}@media(min-width:1200px){.favorites__cards{grid-template-columns:repeat(4,1fr);gap:20px}}@media(max-width:480px){.favorites__cards{grid-template-columns:1fr;gap:0}}.favorites__cards .card{width:100%;max-width:158px;display:block!important;height:-moz-fit-content;height:fit-content}@media(min-width:768px){.favorites__cards .card{max-width:none}}@media(max-width:480px){.favorites__cards .card{max-width:100%;padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--colors-blue-20,#eceff6);margin-bottom:0}.favorites__cards .card:last-child{border-bottom:none;padding-bottom:0}.favorites__cards .card:first-child{padding-top:0}}.favorites__empty{text-align:center;padding:40px 20px;color:#8c98a2}.favorites__empty p{margin:0 0 8px;font-family:Manrope,sans-serif;font-size:14px;line-height:20px}.favorites__empty p:last-child{margin-bottom:0}.button--secondary{background:rgba(0,0,0,0);border:none;color:#8c98a2;font-family:Manrope,sans-serif;font-weight:500;font-size:16px;line-height:24px;text-transform:uppercase;cursor:pointer;padding:8px 12px;border-radius:4px;transition:color .2s ease}.button--secondary:hover{color:#04122d}