*{box-sizing:border-box}body{margin:0;font-family:Roboto,sans-serif;font-style:normal}.header{display:flex}.header__wrapper{margin-bottom:50px;width:100%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.05)}.header__home{margin-left:50px;width:40px;height:40px}.nav{margin-right:50px}.nav__list{margin:0;display:flex}.nav__item{position:relative;list-style:none}.nav__item:not(:last-child){margin-right:20px}.nav__link{display:flex;align-items:center;height:60px;font-weight:500;font-size:12px;line-height:14px;text-transform:uppercase;text-decoration:none;color:#000;transition-duration:.4s;transition-property:all}.is-active,.nav__link:hover{color:#00acdc}.is-active:after{content:"";display:block;position:absolute;bottom:0;background-color:#00acdc;height:4px;width:100%;border-radius:8px}.main{display:flex}.main,.section{justify-content:center}.section{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,200px));width:992px;column-gap:48px;row-gap:50px}.paragraph{margin:0;color:#000}.card{display:flex;flex-direction:column;width:200px;border:1px solid #f3f3f3;border-radius:5px}.card__img{margin:29px 19px 45px;width:160px;height:134px;transition-duration:.4s;transition-property:transform}.card__img:hover{transform:scale(1.2);outline:3px solid #f3f3f3}.card__name{margin:0 0 0 14px;font-weight:500;font-size:12px;line-height:15px}.card__code{margin:6px 0 0 14px;font-weight:400;font-size:11px;line-height:13px}.card__rating{margin:15px 14px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.card__reviews-count{font-weight:400;font-size:11px;line-height:13px}.card__price{margin:20px 14px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.card__price-value{font-weight:400;font-size:11px;line-height:13px}.card__price-sum{font-weight:700;font-size:16px;line-height:19px}.card__buy{margin:20px 14px 14px;padding:11px 57px;font-weight:700;font-size:14px;line-height:16px;text-transform:uppercase;text-decoration:none;color:#fff;background-color:#00acdc;border:1px solid #00acdc;border-radius:5px;transition-duration:.4s;transition-property:all}.card__buy:hover{color:#00acdc;background-color:#fff}.rating{display:flex;flex-direction:row}.rating__stars{width:15px;height:15px;background-image:url(star-active.3d99ddfd.svg);background-repeat:no-repeat;background-position:50%}.rating__stars:last-child{background-image:url(star.040e0f1e.svg)}.rating__stars:not(:first-child){margin-left:4px}
/*# sourceMappingURL=main.70d7dd6d.css.map */