/* Жди врача с Эпидерил: лёгкий, обнадёживающий тон — не клиническая форма. */
.epiZvPage { max-width: 920px; margin: 0 auto; }
.epiZvHero { text-align: center; padding: 24px 0 32px; }
.epiZvHero__lead { font-size: 20px; font-weight: 600; max-width: 640px; margin: 0 auto 10px; }
.epiZvHero__sub { color: #666; max-width: 600px; margin: 0 auto 20px; }
.epiZvHero__cta, .epiZvCtaBottom .siteButton { display: inline-block; }
.epiZvMechanics ol { padding-left: 20px; }
.epiZvMechanics__note { color: #888; font-size: 14px; }
.epiZvProducts { background: #fff6f8; border-radius: 12px; padding: 16px 20px; margin: 24px 0; }

.epiZvCards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.epiZvCard { border: 1px solid #f0d8df; border-radius: 14px; padding: 14px; background: #fff; }
.epiZvCard__photos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; margin-bottom: 8px; }
.epiZvCard__photos img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 8px; }
.epiZvCard__name { font-weight: 700; }
.epiZvCard__problem { color: #a94f6a; font-size: 13px; margin: 4px 0; }
.epiZvCard__story { font-size: 14px; }
.epiZvCard__social a { margin-right: 8px; font-size: 13px; }
.epiZvCards__empty { color: #999; }

.epiZvForm fieldset { border: none; margin-bottom: 20px; }
.epiZvForm legend { font-weight: 700; margin-bottom: 8px; }
.epiZvForm label { display: block; margin-bottom: 10px; }
.epiZvForm input[type=text], .epiZvForm input[type=tel], .epiZvForm input[type=email], .epiZvForm textarea {
  width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 8px; margin-top: 4px;
}
.epiZvForm__honeypot { position: absolute; left: -9999px; top: -9999px; }
.epiZvForm__photoHint { font-size: 13px; color: #777; }

.epiZvUploader { border: 1px dashed #ddb; border-radius: 10px; padding: 12px; margin-bottom: 10px; }
.epiZvUploader--drag { background: #fff6f8; }
.epiZvUploader__preview { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.epiZvUploader__thumb { position: relative; width: 72px; height: 72px; }
.epiZvUploader__thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }
.epiZvUploader__remove {
  position: absolute; top: -6px; right: -6px; width: 20px; height: 20px; border-radius: 50%;
  border: none; background: #e55; color: #fff; cursor: pointer;
}
.epiZvUploader__counter { font-size: 13px; margin: 6px 0; }
.epiZvUploader__counter--ok { color: #2a8d4e; }
.epiZvUploader__counter--bad { color: #c0392b; }
.epiZvUploader__progress { height: 6px; background: #eee; border-radius: 4px; margin-top: 8px; overflow: hidden; }
.epiZvUploader__bar { height: 100%; width: 0; background: #e58; transition: width .2s; }

.epiZvConsent { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; }
.epiZvForm__status { margin-top: 10px; font-size: 14px; }
.epiZvForm__status--error { color: #c0392b; }