.skin-diagnosis{--sd-bg:#faf8f6;--sd-surface:#fff;--sd-ink:#241b1d;--sd-muted:#87777a;--sd-line:#eadde0;--sd-rose:#9b4d5c;--sd-gold:#a8895a;background:var(--sd-bg);color:var(--sd-ink);padding:4rem 1.5rem 6rem}.skin-diagnosis__header,.skin-diagnosis__wrap{max-width:900px;margin:auto}.skin-diagnosis__header{text-align:center;margin-bottom:3rem}.skin-diagnosis__header h1,.skin-diagnosis h2{font-family:Georgia,serif;font-weight:400}.skin-diagnosis__header h1{font-size:clamp(2.5rem,6vw,4.5rem);margin:.5rem 0 1rem}.skin-diagnosis__header p{color:var(--sd-muted)}.skin-diagnosis__eyebrow,.skin-diagnosis__step-label{color:var(--sd-rose);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.skin-diagnosis__step,.skin-diagnosis__result{background:var(--sd-surface);border:1px solid var(--sd-line);border-radius:1.4rem;padding:2.5rem;margin-bottom:1rem;box-shadow:0 10px 30px rgba(60,32,38,.05)}.skin-diagnosis__step h2{font-size:1.7rem;margin-bottom:1.8rem}.skin-diagnosis__chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem}.skin-diagnosis__chip,.skin-diagnosis__types button{background:#fff;border:1px solid var(--sd-line);border-radius:.8rem;color:var(--sd-ink);padding:1rem;text-align:left;transition:.2s}.skin-diagnosis__chip span{font-size:1.25rem;margin-right:.6rem}.skin-diagnosis__chip.is-active,.skin-diagnosis__types button.is-active{background:#f4e5e8;border-color:var(--sd-rose);color:var(--sd-rose)}.skin-diagnosis__types{display:flex;flex-wrap:wrap;gap:.65rem}.skin-diagnosis__types button{border-radius:2rem}.skin-diagnosis__button{background:var(--sd-ink);border:0;border-radius:.8rem;color:#fff;display:block;margin-top:1.8rem;padding:1rem 2rem;width:100%;letter-spacing:.12em}.skin-diagnosis__button:disabled{cursor:not-allowed;opacity:.35}.skin-diagnosis__analysis{color:#4a3f42;line-height:1.9;white-space:pre-line}.skin-diagnosis__scores{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;border-top:1px solid var(--sd-line);margin-top:2rem;padding-top:2rem}.skin-diagnosis__scores>div{background:#f8f3f4;border-radius:.8rem;padding:1rem}.skin-diagnosis__scores span{color:var(--sd-muted);display:block;font-size:.72rem;letter-spacing:.08em}.skin-diagnosis__bar{background:#eadde0;border-radius:1rem;height:.25rem;margin:.7rem 0}.skin-diagnosis__bar i{background:linear-gradient(90deg,var(--sd-rose),var(--sd-gold));display:block;height:100%;width:0;border-radius:inherit;transition:width 1s ease}.skin-diagnosis__products{border-top:1px solid var(--sd-line);margin-top:2.2rem;padding-top:2.2rem}.skin-diagnosis__grid{display:grid;gap:1rem;margin-top:1.2rem}.skin-diagnosis__product-item{align-items:center;border-bottom:1px solid var(--sd-line);display:flex;gap:1.25rem;padding:0 0 1rem}.skin-diagnosis__product-item img{height:120px;object-fit:cover;width:120px}.skin-diagnosis__product-body{flex:1;min-width:0}.skin-diagnosis__product-body h3{font-family:Georgia,serif;font-size:1.15rem;margin:0 0 .5rem}.skin-diagnosis__product-body p{color:var(--sd-muted);font-size:.85rem;line-height:1.55;margin-bottom:.75rem}.skin-diagnosis__product-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.skin-diagnosis__product-link{color:var(--sd-rose);font-size:.85rem;font-weight:600;text-decoration:none}@media(max-width:575px){.skin-diagnosis{padding:2.5rem 1rem 4rem}.skin-diagnosis__step,.skin-diagnosis__result{padding:1.5rem}.skin-diagnosis__scores{grid-template-columns:1fr}.skin-diagnosis__product-item{align-items:flex-start}.skin-diagnosis__product-item img{height:90px;width:90px}}