.symptom-selector{padding:15px 20px}.symptom-selector__wrapper{max-width:1200px;margin:0 auto;text-align:center}.symptom-selector__title{text-align:center;font-size:clamp(17px,2vw,23px);font-weight:600;color:#1a1a2e;margin-bottom:10px}.symptom-selector__subtitle{text-align:center;font-size:13px;color:#888;margin-bottom:20px}.symptom-selector__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;background:#fff;border:1px solid #eee;border-radius:16px;padding:32px}.symptom-card{cursor:pointer;text-align:center;transition:transform .2s ease}.symptom-card:hover{transform:translateY(-4px)}.symptom-card__image-wrap{border-radius:10px;overflow:hidden;aspect-ratio:1 / 1;margin-bottom:14px}.symptom-card__image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.symptom-card:hover .symptom-card__image-wrap img{transform:scale(1.04)}.symptom-card__name{font-size:15px;font-weight:500;color:#1a1a2e;margin:0}.symptom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .3s ease}.symptom-modal-overlay.is-open{opacity:1;pointer-events:all}.symptom-modal{background:#fff;width:min(420px,100vw);height:100%;overflow-y:auto;padding:0 0 40px;position:relative;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #0000001f}.symptom-modal-overlay.is-open .symptom-modal{transform:translate(0)}.symptom-modal__close{position:sticky;top:0;float:right;margin:16px 16px 0 0;background:#fff;border:1px solid #ddd;border-radius:6px;width:34px;height:34px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;color:#333;transition:background .2s}.symptom-modal__close:hover{background:#f5f5f5}.symptom-modal__content{padding:0 24px 24px;clear:both}.symptom-modal__image-wrap{border-radius:12px;overflow:hidden;margin-bottom:20px}.symptom-modal__image-wrap img{width:100%;display:block;object-fit:cover;max-height:320px}.symptom-modal__name{font-size:26px;font-weight:700;color:#1a1a2e;margin:0 0 20px}.symptom-modal__section-label{font-size:14px;color:#555;text-align:center;margin:0 0 14px}.symptom-modal__section-label--bold{font-size:15px;font-weight:600;color:#1a1a2e;margin-top:24px}.symptom-modal__diagram{border-radius:12px;overflow:hidden;background:#f0f7ff;margin-bottom:18px}.symptom-modal__diagram img{width:100%;display:block}.symptom-modal__description{font-size:14px;color:#555;line-height:1.7;text-align:center;margin:0 0 24px}.symptom-modal__ingredients{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.ingredient-card{text-align:center}.ingredient-card img{width:100%;border-radius:10px;display:block;margin-bottom:8px;aspect-ratio:1 / 1;object-fit:cover}.ingredient-card__name{font-size:13px;font-weight:500;color:#333;margin:0}.symptom-modal__cta{text-align:center}.symptom-modal__btn{display:inline-block;background:#1a1a2e;color:#fff;font-size:15px;font-weight:500;padding:14px 32px;border-radius:50px;text-decoration:none;transition:background .2s ease,transform .15s ease}.symptom-modal__btn:hover{background:#2d2d4e;transform:translateY(-1px)}@media(max-width:600px){.symptom-selector__grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.symptom-card__image-wrap{max-height:80px}.symptom-card__name{font-size:11px}.symptom-modal{width:100vw}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/symptom-selector.css.map */