.skin-concern{padding-top:var(--padding-top, 80px);padding-bottom:var(--padding-bottom, 80px);overflow-x:hidden}.skin-concern__inner{display:flex;flex-direction:column;gap:32px}.skin-concern__header{text-align:center;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:8px;align-items:center}.skin-concern__title{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.15;font-weight:600;letter-spacing:-.01em;color:#0f1419;margin:0}.skin-concern__sub{font-size:14px;line-height:1.55;color:#0f141999;margin:0}.skin-concern__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(min-width:990px){.skin-concern__grid--cols-3{grid-template-columns:repeat(3,1fr)}.skin-concern__grid--cols-4{grid-template-columns:repeat(4,1fr)}.skin-concern__grid--cols-5{grid-template-columns:repeat(5,1fr)}.skin-concern__grid--cols-6{grid-template-columns:repeat(6,1fr)}.skin-concern__grid--cols-7{grid-template-columns:repeat(7,1fr)}.skin-concern__grid--cols-8{grid-template-columns:repeat(8,1fr)}}@media(max-width:749px){.skin-concern__grid,.skin-concern__grid--cols-3,.skin-concern__grid--cols-4,.skin-concern__grid--cols-5,.skin-concern__grid--cols-6,.skin-concern__grid--cols-7,.skin-concern__grid--cols-8{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -18px;padding:4px 18px 12px}.skin-concern__grid::-webkit-scrollbar{display:none}.concern-card{flex:0 0 auto;width:165px;scroll-snap-align:start}.concern-card:last-child{scroll-snap-align:end}}.concern-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 8px #0f14190f;transition:transform .3s ease,box-shadow .3s ease}.concern-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0f14191f}.concern-card__photo{position:relative;aspect-ratio:1 / 1;overflow:visible;background:#e8f4f1}.concern-card__photo-inner{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:14px 14px 0 0}.concern-card__image,.concern-card__photo-inner img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.concern-card:hover .concern-card__image,.concern-card:hover .concern-card__photo-inner img{transform:scale(1.04)}.concern-card__photo-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#0f141980;text-align:center;padding:16px}.concern-card__photo-fallback span:first-child{font-size:32px;line-height:1}.concern-card__icon{position:absolute;bottom:-26px;left:50%;transform:translate(-50%);width:52px;height:52px;border-radius:50%;background:#fff;border:1.5px solid #A8DDD3;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 8px #0f14190f}.concern-card__icon svg{width:24px;height:24px;color:#5cbdae;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.concern-card__body{padding:40px 12px 18px;text-align:center}.concern-card__name{font-size:13.5px;font-weight:600;color:#0f1419;margin:0;letter-spacing:-.005em;line-height:1.3;min-height:2.6em;display:flex;align-items:center;justify-content:center}@media(min-width:750px){.concern-card__icon{bottom:-30px;width:60px;height:60px}.concern-card__icon svg{width:28px;height:28px}.concern-card__body{padding:48px 12px 22px}.concern-card__name{font-size:15px}}@media(max-width:749px){.skin-concern{padding-top:clamp(40px,10vw,64px);padding-bottom:clamp(40px,10vw,64px)}.skin-concern__inner{gap:20px}.skin-concern__title{font-size:clamp(1.4rem,6vw,1.8rem)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-skin-concern.css.map */