.skin-needs-finder{background-color:#fff;padding:60px 20px}@media(min-width:1024px){.skin-needs-finder{padding:80px 40px}}.skin-needs-finder__header{text-align:center;margin-bottom:40px}.skin-needs-finder__title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.2}@media(min-width:1024px){.skin-needs-finder__title{font-size:2.25rem}}.skin-needs-finder__subtitle{font-size:1rem;color:#666;line-height:1.5}.skin-needs-finder__grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:640px){.skin-needs-finder__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.skin-needs-finder__grid{grid-template-columns:repeat(3,1fr)}}.skin-needs-finder__card{background-color:#f8f7f5;border:1px solid #E8E4DF;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.skin-needs-finder__card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.skin-needs-finder__image-wrap{width:100%;aspect-ratio:4/3;overflow:hidden;background-color:#e8e4df}.skin-needs-finder__image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.skin-needs-finder__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#bbb}.skin-needs-finder__body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.skin-needs-finder__icon{font-size:2rem;margin-bottom:12px;line-height:1}.skin-needs-finder__headline{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.3}.skin-needs-finder__symptoms{font-size:.75rem;color:#888;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;line-height:1.4}.skin-needs-finder__explanation{font-size:.875rem;color:#555;line-height:1.5;margin-bottom:16px;flex-grow:1}.skin-needs-finder__line-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-weight:600}.skin-needs-finder__cta{width:100%;background-color:#1a1a1a;color:#fff;border:none;border-radius:8px;padding:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;text-decoration:none;display:inline-block;text-align:center}.skin-needs-finder__cta:hover{background-color:#333}
/*# sourceMappingURL=/cdn/shop/t/11/compiled_assets/styles.css.map */