html{font-family:Roboto,sans-serif}body{margin:0}*{box-sizing:border-box}.header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 50px;margin-bottom:50px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden}.header__logo{height:40px}.nav__list{display:flex;margin:0;padding:0}.nav__item{position:relative;color:#060b35;list-style:none;line-height:60px}.nav__item:not(:last-child){margin-right:20px}.nav__link{color:inherit;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500}.catalog{font-size:10px;display:grid;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto;gap:48px}@media (min-width:0){.catalog{grid-template-columns:repeat(1,200px)}}@media (min-width:488px){.catalog{grid-template-columns:repeat(2,200px)}}@media (min-width:768px){.catalog{grid-template-columns:repeat(3,200px)}}@media (min-width:1024px){.catalog{grid-template-columns:repeat(4,200px)}}.catalog__card{box-sizing:border-box;display:flex;width:200px;flex-direction:column;justify-content:center;align-items:center;height:406px;border:1px solid #ccc;border-radius:5px;padding:15px;margin-right:48px}.card{transition:.3s}.card__img-container{margin-top:16px;display:flex;justify-content:center;align-items:center}.card__img{width:160px;height:134px}.card__title{font-size:12px;font-weight:500;line-height:18px;margin-top:40px;margin-bottom:0;color:#060b35}.card__code{color:#616070;line-height:14px;margin-top:4px;margin-bottom:0}.card__rating{display:flex;justify-content:space-between;margin-top:16px}.card__reviews{color:#060b35;text-align:right;line-height:14px;margin:0}.card__pricing{display:flex;justify-content:space-between;margin-top:24px}.card__price-label{color:#616070;font-size:12px;line-height:18px;margin:0}.card__price-value{text-align:right;font-size:16px;line-height:18px;font-weight:700;color:#060b35;margin:0}.card__button{margin-top:16px}.card:hover{transform:scale(1.2)}.card:hover .card__title{color:#34568b}.button{display:flex;justify-content:center;border-radius:5px;text-decoration:none;text-transform:uppercase;line-height:16px;font-family:inherit;font-size:14px;padding:11px 69px;transition:.3s}.button--cta{background-color:#00acdc;border:1px solid #00acdc;color:#fff;font-weight:700}.button--cta:hover{background-color:#fff;border:1px solid #00acdc;color:#00acdc}.stars{display:flex}.stars--4 :nth-child(-n+4){background-image:url(star-active.6aab7e7e.svg);background-repeat:no-repeat}.stars__star{background-image:url(star.5b4179dc.svg);background-repeat:no-repeat;width:16px;height:16px;margin-right:4px}
/*# sourceMappingURL=main.d0a03839.css.map */