.shop-by-skin-concern{padding:40px 0}.shop-by-skin-concern-page-width{max-width:85%;margin:0 auto;padding:0 1.5rem}@media screen and (min-width:750px){.shop-by-skin-concern-page-width{padding:0 5em;max-width:1200px}}.shop-by-skin-concern__heading{text-align:center;font-size:clamp(30px,4vw,42px);font-weight:400;margin:0 0 28px;line-height:1.1}.shop-by-skin-concern__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media screen and (min-width:900px)and (max-width:1000px){.shop-by-skin-concern__grid{grid-template-columns:repeat(3,1fr)}}.shop-by-skin-concern__feature{background:#27262c;color:#fff;border-radius:4px;min-height:300px;padding:32px 18px;display:flex;flex-direction:column;justify-content:center;text-align:center}.shop-by-skin-concern__feature h3{color:#fff;font-size:24px;font-weight:400;line-height:1.15;margin:0}.shop-by-skin-concern__feature p{color:#fff;font-size:16px;line-height:1.6;margin:0}.shop-by-skin-concern__card{display:block;text-align:center;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease;border-radius:10px}.shop-by-skin-concern__card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.shop-by-skin-concern__image{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;margin-bottom:12px}.shop-by-skin-concern__image img{width:100%;height:100%;object-fit:cover;display:block}.shop-by-skin-concern__title{font-size:17px;font-weight:400;line-height:1.15;margin:0 0 8px;text-transform:lowercase}.shop-by-skin-concern__feature hr{display:block;height:1px;border:0;border-top:1px solid #FFF;margin:1em auto;padding:0;width:80%}.shop-by-skin-concern__text{font-size:15px;line-height:1.55;margin:0 auto;color:rgba(var(--color-foreground),.8);padding:0 1rem 1rem}.shop-by-skin-concern__text p{margin:0}@media screen and (max-width:989px){.shop-by-skin-concern__grid{grid-template-columns:repeat(2,1fr);gap:16px 10px}.shop-by-skin-concern__feature{min-height:220px}}@media screen and (max-width:749px){.shop-by-skin-concern{padding:32px 0}.shop-by-skin-concern__grid{grid-template-columns:1fr 1fr;gap:18px 10px}.shop-by-skin-concern__feature{grid-column:1 / -1;min-height:160px;padding:28px 20px}.shop-by-skin-concern__title{font-size:15px}.shop-by-skin-concern__text{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-shop-by-skin-concern.css.map */