.shop-by-concerns{width:100%;position:relative;padding-top:14px;margin-bottom:13px}@media screen and (min-width: 990px){.shop-by-concerns{padding-top:30px;margin-bottom:14px}}.shop-by-concerns__wrap{padding:10px 10px 5px;border-radius:11px}@media screen and (min-width: 1200px){.shop-by-concerns__wrap{padding:22px 16px 14px}}.shop-by-concerns__head{padding-left:10px;margin-bottom:20px}@media screen and (min-width: 1200px){.shop-by-concerns__head{margin-bottom:26px}}.shop-by-concerns__title{color:#303030;font-size:18px;font-weight:700;line-height:30px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:0;font-family:var(--font-family-roboto)}@media screen and (min-width: 990px){.shop-by-concerns__title{font-size:22px;margin-bottom:5px}}@media screen and (min-width: 1200px){.shop-by-concerns__title{font-size:27px;margin-bottom:10px}}.shop-by-concerns__subtitle{font-size:14px;font-weight:300;line-height:18.5px;color:#000}@media screen and (min-width: 990px){.shop-by-concerns__subtitle{font-size:18px;line-height:22.5px}}@media screen and (min-width: 1200px){.shop-by-concerns__subtitle{font-size:20px;line-height:28.5px}}.shop-by-concerns__content{display:flex;flex-wrap:wrap}.shop-by-concerns__card{width:calc(50% - 5px);height:75px;max-height:120px;margin-right:auto;margin-bottom:6px;overflow:hidden}.shop-by-concerns__card:nth-of-type(2n){margin-right:0}@media screen and (min-width: 990px){.shop-by-concerns__card{height:100px;width:calc(33.3333% - 5px)}.shop-by-concerns__card:nth-of-type(2n){margin-right:auto}.shop-by-concerns__card:nth-of-type(3n){margin-right:0}}@media screen and (min-width: 1200px){.shop-by-concerns__card{height:120px;width:calc(16.6666% - 12px)}.shop-by-concerns__card:nth-of-type(2n){margin-right:auto}.shop-by-concerns__card:nth-of-type(3n){margin-right:auto}.shop-by-concerns__card:last-of-type{margin-right:0}}.concern-card{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:4px;overflow:hidden}@media screen and (min-width: 990px){.concern-card{font-size:18px}.concern-card:hover{text-decoration:none}.concern-card:hover .concern-card__overlay{opacity:1}.concern-card:hover .concern-card__overlay:before{background:linear-gradient(180deg,#0000,#0003 70.93%)}.concern-card:hover .concern-card__name{color:#fff}}.concern-card__name{font-size:15.6px;font-weight:400;line-height:15.6px;text-align:center;text-transform:lowercase;transition:.1s ease-out;z-index:1;font-family:Metric;color:#1f1f1f}@media screen and (min-width: 990px){.concern-card__name{font-size:18px}}@media screen and (min-width: 1200px){.concern-card__name{font-size:28px;line-height:1}}.concern-card__overlay{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;margin:auto;opacity:0;z-index:0;transition:.3s ease-out}.concern-card__overlay:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0}.concern-card__overlay img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}