* {
  box-sizing: border-box;
}

.page-container {
  width: auto;
}

.audit-promo {
  display: grid;
  grid-template-columns: minmax(auto, 600px);
}

.audit-promo__tags {
  margin: 0 0 0.88rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.audit-promo__tags-item {
  display: inline-flex;
  align-items: center;
  padding: 0 0.75rem 0 0.56rem;
  border-radius: 100rem;
  height: 1.88rem;
  border: 1px solid #bcbcbc;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1;
}

.audit-promo__tags-item::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.25rem 0 0;
  border-radius: 50%;
  background: #e22427;
}

.audit-promo .audit-promo__heading {
  margin: 0 0 1.25rem;
}

.audit-promo .audit-promo__heading span {
  color: #e22427;
}

.audit-promo__text {
  margin: 0 0 1.25rem;
}

.audit-promo__form {
  margin: 0 0 2.5rem;
}

.audit-form {
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border-radius: 1.25rem;
  padding: 1.63rem 1.25rem;
}

.audit-form .audit-form__heading {
  margin: 0 0 1rem;
  font-size: 1.5rem;
  line-height: 1.2;
}

.audit-form .audit-form__heading i {
  color: #e22427;
}

.audit-form__input {
  margin: 0 0 1rem;
  display: block;
  width: 100%;
  height: 2.5rem;
  border: 1px solid #bcbcbc;
  border-radius: 100rem;
  padding: 0 0 0 1.13rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}

.audit-form__input:focus {
  outline: 1px solid #e22427;
}

.audit-form__button {
  margin: 0 0 0.6rem;
  height: 2.63rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #e22427;
  border-radius: 100rem;
  color: #ffffff;
  border: 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
}

.audit-form__button::before {
  content: "";
  margin: 0 0.6rem 0 0;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.63794 0C3.41961 0 0 3.43139 0 7.66425C0 11.8971 3.41961 15.3285 7.63794 15.3285C11.8563 15.3285 15.2759 11.8971 15.2759 7.66425C15.2759 3.43139 11.8563 0 7.63794 0ZM17.6852 17.6705C17.2602 18.1044 16.5611 18.1106 16.1286 17.6841L13.8664 15.4536C13.4471 15.0401 13.4901 14.3546 13.9053 13.9369C14.3178 13.5218 14.9978 13.4721 15.4146 13.883L17.6716 16.1085C18.1041 16.5349 18.1102 17.2364 17.6852 17.6705ZM7.63794 2.13393C10.6818 2.13393 13.1493 4.60994 13.1493 7.66421C13.1493 10.7185 10.6817 13.1945 7.63794 13.1945C4.59411 13.1945 2.12664 10.7185 2.12664 7.66421C2.12664 4.60994 4.59415 2.13393 7.63794 2.13393Z' fill='white'/%3E%3C/svg%3E%0A");
}

.audit-form__examples {
  display: flex;
}

.audit-form__examples span {
  margin: 0 0.5rem 0 0;
  padding: 0.3rem 0 0;
  font-size: 0.6rem;
  line-height: 1;
  font-weight: 400;
  color: #696969;
}

.audit-form__examples-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}

.audit-form__examples-item {
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 500;
  padding: 0.25rem;
  border: 0;
  border-radius: 100rem;
  background: #f6f6f6;
  cursor: pointer;
}

.audit-feedback {
  max-width: 600px;
  padding: 1rem 1.25rem 2.38rem;
  background: #f6f6f6;
  border-radius: 1.25rem;
}

.audit-feedback .audit-feedback__heading {
  margin: 0 0 0.6rem;
}



.audit-button {
  height: 2.63rem;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #e22427;
  border-radius: 100rem;
  color: #ffffff;
  border: 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
}

.progress-ring {
  position: relative;
  width: 10.3rem;
  height: 10.3rem;
}

.progress-ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.progress-ring circle {
  fill: none;
  stroke-width: 7.3;
}

.progress-ring__track {
  stroke: #efefef;
}

.progress-ring__progress {
  stroke: #e22427;
  stroke-linecap: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  transition: stroke-dashoffset 0.6s ease;
}

.audit-checking__ring .progress-ring__label {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 3.1rem;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.audit-checking__header {
  margin: 0 0 1.63rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.audit-checking__ring {
  margin: 0 0 1.4rem;
}

.audit-checking .audit-checking__heading {
  margin: 0 0 0.35rem;
  text-align: center;
}

.audit-checking .audit-checking__description {
  margin: 0;
  text-align: center;
  color: #696969;
  font-size: 1rem;
  line-height: 1.5;
}

.audit-checking__steps {
  border: 1px solid #d9d9d9;
  border-radius: 1.25rem;
  overflow: hidden;
}

.audit-checking__steps-item {
  padding: 1rem;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  border-bottom: 1px solid #d9d9d9;
  color: #0000004d;
}

.audit-checking__steps-item:last-child {
  border: 0;
}

.audit-checking__steps-item--done {
  color: #000;
}

.audit-checking__steps-item--done .audit-checking__steps-check {
  background: #e22427;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.62655 1.7217L3.97524 6.42709C3.57862 6.82372 2.9296 6.82372 2.53298 6.42709L2.35269 6.24681L1.81184 5.70596L0.297467 4.20961C-0.0991557 3.81299 -0.0991557 3.16397 0.297467 2.76735C0.69409 2.37072 1.34311 2.37072 1.73973 2.76735L3.25411 4.2637L7.18428 0.297467C7.58091 -0.0991558 8.22993 -0.0991558 8.62655 0.297467C9.02317 0.676062 9.02317 1.32508 8.62655 1.7217Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 4.5px bottom 5px;
  outline: 0;
}

.audit-checking__steps-item--progress {
  font-weight: 600;
  background: #f6f6f6;
  color: #000;
}

.audit-checking__steps-item--progress .audit-checking__steps-check {
  outline-color: #000;
}

.audit-checking__steps-check {
  flex: 0 0 auto;
  margin: 0 0.6rem 0 0;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  outline: 1px solid #3535354d;
  outline-offset: -1px;
}

.audit-result {
  margin: 0 0 3rem;
}

.seo-audit__page-result--error .audit-result__ring {
  display: none;
}

.seo-audit__page-result--error .audit-result__subheading {
  display: none;
}

.audit-link {
  display: inline-flex;
  gap: 0.55rem;
  align-items: center;
  font-size: 1.13rem;
  line-height: 1.1;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  justify-self: start;
}

.audit-link span {
  text-decoration: underline dotted #aaa;
  text-underline-offset: 4px;
}

.audit-link::before {
  content: "";
  width: 1.13rem;
  height: 1.13rem;
  background-size: contain;
}

.audit-result__refresh {
  display: none;
}

.seo-audit__refresh {
  display: flex;
  width: fit-content;
  margin: 2.75rem 0;
}

.seo-audit__page-result--error .seo-audit__refresh {
  display: none;
}

.seo-audit__page-result--error .audit-result__refresh {
  display: inline-flex;
}

.audit-result__icon-error {
  margin: 0 0 1.25rem;
}

.audit-result__icon-error svg {
  width: 3.75rem;
  height: 3.75rem;
}

.seo-audit__page-result--error .audit-conclusion {
  display: none;
}

.audit-wrapper {
  display: none;
}

.seo-audit__page-result--error .audit-result__stats {
  display: none;
}

.seo-audit__page-result--error .audit-parameters {
  display: none;
}

.audit-link--refresh::before {
  background-image: url("/local/templates/ws512_new/img/icons/icon-refresh.svg");
}

.audit-result__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.audit-result__ring {
  margin: 0 0 1.25rem;
}

.audit-result__subheading {
  margin: 0 0 0.5rem;
  font-size: 1rem;
  line-height: 1.56;
  text-align: center;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.audit-result .audit-result__heading {
  max-width: 500px;
  margin: 0 0 1rem;
  font-size: 1.75rem;
  text-align: center;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.audit-result__site {
  margin: 0 0 1rem;
  display: inline-flex;
  font-size: 1.13rem;
  line-height: 1.1;
  color: #696969;
  font-weight: 500;
  text-decoration: none;
}

.audit-result__site::before {
  content: "";
  width: 1rem;
  height: 1rem;
  margin: 0 0.5rem 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.00973133 8.43304C0.0477029 9.01709 0.11158 9.47898 0.272577 10.0748C0.316251 10.2364 0.457844 10.3448 0.625309 10.3448H2.86998C3.08786 10.3448 3.25588 10.1585 3.23338 9.94181C3.10087 8.66527 3.08664 7.33763 3.19221 6.04994C3.20974 5.83596 3.04283 5.65483 2.82808 5.65483H0.625343C0.457914 5.65483 0.316286 5.76326 0.272611 5.92489C0.163982 6.32712 0.0855701 6.74166 0.0419654 7.16586C0.00274206 7.5465 -0.00163926 7.79364 0.000412313 8.16949L0.00973133 8.43304ZM3.43242 4.18483C3.5801 3.35735 3.77827 2.56527 4.02251 1.82564C4.1317 1.49496 3.75473 1.2127 3.46806 1.41048C2.51182 2.07011 1.70517 2.93228 1.11139 3.93449C0.966705 4.17868 1.14189 4.48596 1.42577 4.48596H3.07274C3.25136 4.48596 3.40106 4.36064 3.43242 4.18483ZM11.3543 4.04966C11.0835 2.68326 10.6646 1.43819 10.1185 0.407963C10.0678 0.312255 9.987 0.249504 9.88168 0.223986C8.64812 -0.0747838 7.35142 -0.0745404 6.11874 0.223986C6.01341 0.249504 5.93267 0.31222 5.8819 0.407963C5.33583 1.43822 4.91696 2.68326 4.64612 4.04966C4.60113 4.27668 4.77304 4.48596 5.00452 4.48596H10.9959C11.2274 4.48596 11.3993 4.27668 11.3543 4.04966ZM12.9277 4.48596H14.5747C14.8586 4.48596 15.0337 4.17871 14.8891 3.93452C14.2953 2.93214 13.4886 2.06973 12.5322 1.41024C12.2456 1.21253 11.8686 1.49479 11.9778 1.82544C12.2221 2.56513 12.4203 3.35728 12.568 4.18486C12.5994 4.36064 12.7491 4.48596 12.9277 4.48596ZM13.1305 10.3448H15.3752C15.5426 10.3448 15.6842 10.2364 15.7279 10.0748C15.8365 9.6728 15.9149 9.25819 15.9585 8.83381C16.001 8.41799 16 8.22758 16 7.81416C16 7.6485 15.9732 7.30853 15.9585 7.16586C15.9149 6.74166 15.8365 6.32712 15.7278 5.92489C15.6842 5.76326 15.5425 5.65483 15.3751 5.65483H13.1724C12.9576 5.65483 12.7907 5.83596 12.8083 6.04994C12.9138 7.33767 12.8996 8.66524 12.7671 9.94181C12.7446 10.1585 12.9126 10.3448 13.1305 10.3448ZM12.4831 11.8055C12.3083 12.6568 12.0699 13.5085 11.7666 14.3028C11.6411 14.6313 12.0089 14.9304 12.305 14.7406C13.3612 14.064 14.2483 13.146 14.8888 12.0652C15.0336 11.821 14.8584 11.5137 14.5745 11.5137H12.841C12.6657 11.5137 12.5184 11.6339 12.4831 11.8055ZM4.23379 14.3026C3.93043 13.5082 3.6921 12.6568 3.51734 11.8056C3.48208 11.6339 3.33475 11.5137 3.15946 11.5137H1.42598C1.14206 11.5137 0.966914 11.821 1.11164 12.0652C1.75218 13.1459 2.63926 14.0637 3.69534 14.7405C3.99146 14.9302 4.35928 14.6311 4.23379 14.3026ZM10.8939 11.5137H5.10654C4.87072 11.5137 4.69779 11.7306 4.75037 11.9604C5.079 13.3968 5.57378 14.6784 6.20386 15.6829C6.25932 15.7714 6.33996 15.8269 6.4424 15.8472C7.47083 16.0508 8.52875 16.051 9.55805 15.8472C9.66049 15.8269 9.74109 15.7714 9.79659 15.6829C10.4267 14.6784 10.9215 13.397 11.2501 11.9604C11.3027 11.7306 11.1298 11.5137 10.8939 11.5137ZM4.29162 7.76559C4.29162 8.53205 4.33675 9.28819 4.42135 10.0214C4.44274 10.2066 4.59779 10.3448 4.78431 10.3448H11.2162C11.4027 10.3448 11.5577 10.2066 11.5791 10.0214C11.7328 8.68995 11.7505 7.32894 11.6293 5.98729C11.6122 5.79841 11.4551 5.65487 11.2654 5.65487H4.73503C4.54532 5.65487 4.38821 5.79841 4.37114 5.98729C4.31856 6.56974 4.29162 7.16454 4.29162 7.76559Z' fill='%23696969'/%3E%3C/svg%3E%0A");
}

.audit-result__text {
  margin: 0 0 1.5rem;
  text-align: center;
  line-height: 1.5;
}

.audit-result__stats {
  margin: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.audit-result__stats-item {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  background: #f6f6f6;
  border-radius: 1rem;
}

.audit-result__stats-icon {
  width: 1.4rem;
  height: 1.4rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.audit-result__stats-item--success .audit-result__stats-icon {
  background-image: url("/local/templates/ws512_new/img/icons/icon-success.svg");
}

.audit-result__stats-item--warning .audit-result__stats-icon {
  background-image: url("/local/templates/ws512_new/img/icons/icon-warning.svg");
}

.audit-result__stats-item--error .audit-result__stats-icon {
  background-image: url("/local/templates/ws512_new/img/icons/icon-error.svg");
}

.audit-result__stats-item--info .audit-result__stats-icon {
  background-image: url("/local/templates/ws512_new/img/icons/icon-info.svg");
}

.audit-result__stats-item dd {
  order: -1;
  margin: 0 0 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.88rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.audit-result__stats-item dt {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  color: #696969;
}

.audit-parameters {
  --color-success: #1e8e52;
  --color-warning: #e6a937;
  --color-error: #e22427;
  --color-info: #2460e2;
}

.audit-parameters .audit-parameters__heading {
  margin: 0 0 1rem;
  font-size: 1.75rem;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.audit-parameters__tabs {
  margin: 0 -15px 2.8rem;
  padding: 0 0 0 15px;
  display: flex;
  align-items: center;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.audit-parameters__tabs::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.audit-conclusion__author-button {
  width: 18.75rem;
}

.audit-parameters__tab {
  min-width: max-content;
  margin: 0 0.6rem 0 0;
  padding: 0.38rem 0.5rem;
  display: inline-flex;
  align-items: center;
  background: #f6f6f6;
  border-radius: 10rem;
  border: 0;
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}

.audit-parameters__tab-badge {
  flex: 0 0 auto;
  margin: 0 0 0 0.31rem;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: 600;
}

.audit-parameters__tab--all {
  color: #000;
}

.audit-parameters__tab--all .audit-parameters__tab-badge {
  background: #000;
  color: #fff;
}

.audit-parameters__tab--active {
  color: #fff;
  background: #e22427;
}

.audit-parameters__tab--success .audit-parameters__tab-badge {
  background: var(--color-success);
  color: #fff;
}

.audit-parameters__tab--warning .audit-parameters__tab-badge {
  background: var(--color-warning);
  color: #fff;
}

.audit-parameters__tab--error .audit-parameters__tab-badge {
  background: var(--color-error);
  color: #fff;
}

.audit-parameters__tab--info .audit-parameters__tab-badge {
  background: var(--color-info);
  color: #fff;
}

.audit-parameters__main {
  display: grid;
  gap: 2.5rem;
}

.audit-parameters__container .audit-parameters__container-name {
  margin: 0 0 0.6rem;
  font-size: 1.25rem;
}

.audit-parameters__container-description {
  margin: 0 0 1.25rem;
}

.audit-parameters__tab--active .audit-parameters__tab-badge {
  background: #fff;
  color: #000;
}

details.audit-parameters__item,
details.audit-parameters__item[open] {
  display: block;
}

details.audit-parameters__item[open]::after {
  content: none;
}

details.audit-parameters__item {
  margin: 0 -15px;
  padding: 0.75rem 15px;
  border-top: 1px solid #d9d9d9;
}

details.audit-parameters__item:last-child {
  border-bottom: 1px solid #d9d9d9;
}

details.audit-parameters__item > summary {
  display: grid;
  grid-template-columns: min-content minmax(0, 1fr) min-content;
  gap: 0.25rem 0.6rem;
  position: static;
  color: inherit;
  cursor: pointer;
}

details.audit-parameters__item > summary::before {
  content: "";
  display: block;
  grid-column: 3 / 4;
  grid-row: 1 / 4;
  align-self: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #f1f1f5;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.9448 5.65122C4.76756 5.65122 4.59034 5.58338 4.45521 5.44798L0.202878 1.18517C-0.0676259 0.914004 -0.0676259 0.474352 0.202878 0.203294C0.473272 -0.0677645 0.91176 -0.0677645 1.18229 0.203294L4.9448 3.97527L8.70734 0.203425C8.97784 -0.0676328 9.41629 -0.0676328 9.68666 0.203425C9.9573 0.474483 9.9573 0.914135 9.68666 1.1853L5.4344 5.44812C5.2992 5.58354 5.12198 5.65122 4.9448 5.65122Z' fill='black'/%3E%3C/svg%3E%0A");
}

details.audit-parameters__item[open] > summary::before {
  rotate: 180deg;
}

details.audit-parameters__item summary::after {
  content: "";
  display: block;
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  align-self: center;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

details.audit-parameters__item--success summary::after {
  background-image: url("/local/templates/ws512_new/img/icons/icon-success.svg");
}

details.audit-parameters__item--warning summary::after {
  background-image: url("/local/templates/ws512_new/img/icons/icon-warning.svg");
}

details.audit-parameters__item--warning {
  background: #e6a9371a;
}

details.audit-parameters__item--warning > summary::before {
  background-color: var(--color-warning);
}

details.audit-parameters__item--error summary::after {
  background-image: url("/local/templates/ws512_new/img/icons/icon-error.svg");
}

details.audit-parameters__item--error > summary::before {
  background-color: var(--color-error);
}

details.audit-parameters__item--error {
  background: #e224271a;
}

details.audit-parameters__item--info summary::after {
  background-image: url("/local/templates/ws512_new/img/icons/icon-info.svg");
}

details.audit-parameters__item--info {
  background: #2460e21a;
}

details.audit-parameters__item--info > summary::before {
  background-color: var(--color-info);
}

details.audit-parameters__item--warning > summary::before,
details.audit-parameters__item--error > summary::before,
details.audit-parameters__item--info > summary::before {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.9448 5.65122C4.76756 5.65122 4.59034 5.58338 4.45521 5.44798L0.202878 1.18517C-0.0676259 0.914004 -0.0676259 0.474352 0.202878 0.203294C0.473272 -0.0677645 0.91176 -0.0677645 1.18229 0.203294L4.9448 3.97527L8.70734 0.203425C8.97784 -0.0676328 9.41629 -0.0676328 9.68666 0.203425C9.9573 0.474483 9.9573 0.914135 9.68666 1.1853L5.4344 5.44812C5.2992 5.58354 5.12198 5.65122 4.9448 5.65122Z' fill='white'/%3E%3C/svg%3E%0A");
}

.audit-parameters__item-name {
  grid-column: 2 / 3;
  display: block;
  font-size: 0.94rem;
  font-weight: 600;
}

.audit-parameters__item-result {
  grid-column: 2 / 3;
  font-size: 0.94rem;
  color: #727272;
  font-weight: 500;
  overflow-wrap: anywhere;
  /* Длинные значения обрезаем до 2 строк с многоточием */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

.audit-parameters__item-body {
  overflow-wrap: anywhere;
}

.audit-conclusion {
  margin: 0 -15px;
  padding: 1.5rem 15px 1.13rem;
  background: #ffffff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border-radius: 1.25rem;
}

.audit-conclusion .audit-conclusion__heading {
  margin: 0 0 1rem;
}

.audit-conclusion__list {
  margin: 0 0 1.25rem;
  padding: 0;
  list-style-type: none;
  display: grid;
  gap: 1.25rem;
}

.audit-conclusion__list-item {
  font-size: 0.94rem;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.audit-conclusion__list-item::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.audit-conclusion__list-item--error::before {
  background-image: url("/local/templates/ws512_new/img/icons/icon-error.svg");
}

.audit-conclusion__list-item--success::before {
  background-image: url("/local/templates/ws512_new/img/icons/icon-success.svg");
}

.audit-conclusion__note {
  display: block;
  margin: 0 0 1.88rem;
  color: #727272;
  font-size: 0.94rem;
  line-height: 1.3;
}

.audit-conclusion__feedback {
  padding: 1.25rem;
  background: #f6f6f6;
  border-radius: 1.25rem;
}

.audit-conclusion__text {
  margin: 0 0 1rem;
  font-weight: 600;
  line-height: 1.34;
}

.audit-conclusion__text strong {
  font-weight: inherit;
  color: #e22427;
}

.audit-conclusion__text:last-of-type {
  margin: 0 0 0.6rem;
}

.audit-conclusion__feedback-note {
  display: block;
  margin: 0 0 1rem;
  font-size: 0.75rem;
  color: #727272;
}

.audit-conclusion__author {
  display: grid;
  grid-template-columns: 5.3rem 1fr;
  gap: 1rem;
}

.audit-conclusion__author-wrapper {
  align-self: center;
}

.audit-conclusion__author-name {
  margin: 0 0 0.5rem;
  font-size: 1.13rem;
  line-height: 1;
  font-weight: 600;
}

.audit-conclusion__author-speciality {
  margin: 0 0 0.5rem;
  font-size: 0.94rem;
  line-height: 1;
  font-weight: 600;
  color: #e22427;
}

.audit-conclusion__author-experience {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1;
}

.audit-conclusion__author-image {
  aspect-ratio: 1 / 1;
}

.audit-conclusion__certificate {
  display: none;
}

.audit-result__ring .progress-ring__label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  color: #696969;
}

.audit-result__ring .progress-ring__label span {
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #000000;
}

@media screen and (min-width: 576px) {
  .audit-form__wrapper {
    margin: 0 0 1rem;
    display: grid;
    grid-template-columns: 1fr max-content;
    border-radius: 0.6rem;
    outline: 1px solid #bcbcbc;
  }

  .audit-form__wrapper:has(.audit-form__input:focus-visible) {
    outline-color: #e22427;
    outline-width: 2px;
  }

  .audit-form__input {
    border-radius: 0;
    margin: 0;
    border: 0;
  }

  .audit-form__input:focus-visible {
    outline: none;
  }

  .audit-form__button {
    margin: 0;
    border-radius: 0.6rem;
  }

  .audit-checking__steps {
    margin: 0 auto;
    max-width: 500px;
  }

  .audit-result__text {
    max-width: 500px;
  }

  .audit-result__stats {
    max-width: 550px;
  }

  .audit-parameters__list {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  details.audit-parameters__item {
    margin: 0;
    border-radius: 1rem;
    padding: 1.25rem 1.25rem 0.88rem;
    border: 1px solid #d9d9d9;
    position: relative;
    --item-tint: transparent;
  }

  details.audit-parameters__item[open] {
    z-index: 2;
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .audit-parameters__item-body {
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    padding: 0 1.25rem 0.88rem;
    border: 1px solid #d9d9d9;
    border-top: 0;
    border-radius: 0 0 1rem 1rem;
    background: linear-gradient(var(--item-tint), var(--item-tint)), #fff;
  }

  details.audit-parameters__item--warning {
    --item-tint: #e6a9371a;
  }

  details.audit-parameters__item--error {
    --item-tint: #e224271a;
  }

  details.audit-parameters__item--info {
    --item-tint: #2460e21a;
  }

  .audit-conclusion {
    margin: 0;
  }

  .audit-conclusion__feedback {
    display: grid;
    column-gap: 3.9rem;
    grid-template-columns: 1fr min-content;
  }

  .audit-conclusion__certificate {
    display: block;
    grid-row: 1 / 6;
    grid-column: 2 / 3;
    align-self: center;
    box-shadow: 0px 0px 1.25rem rgba(0, 0, 0, 0.15);
    border-radius: 0.6rem;
  }

  .audit-conclusion__feedback > *:not(.audit-conclusion__certificate) {
    grid-column: 1 / 2;
  }
}

@media screen and (min-width: 768px) {
  .audit-conclusion__author {
    grid-template-columns: 5.3rem max-content min-content;
  }

  .audit-conclusion__author-button {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 50%;
    font-size: 0.94rem;
    flex-direction: column;
    margin-left: 1.5rem;
  }

  .audit-conclusion__author-button::before {
    content: "";
    margin: 0 0 0.3rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url("/local/templates/ws512_new/img/icon/pen-icon.svg")
      no-repeat 0 0 / 100% 100%;
  }

  .audit-feedback .audit-feedback__heading {
    font-size: 2rem;
  }

  .audit-result {
    margin: 0;
  }

  .audit-result__header {
    margin: 0 0 5rem;
    display: grid;
    grid-template-columns: 176px minmax(auto, 745px);
    column-gap: 2.25rem;
  }

  .audit-result__header > * {
    grid-column: 2 / 3;
  }

  .audit-result__icon-error {
    align-self: start;
    grid-column: 1 / 2;
    grid-row: 1 / 5;
  }

  .audit-result__icon-error svg {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
  }

  .audit-result__header .audit-result__heading {
    margin: 0 0 1.25rem;
    text-align: left;
  }

  .audit-result__subheading {
    margin: 0 0 0.5rem;
    font-size: 1.38rem;
    line-height: 1.1;
    text-align: left;
  }

  .audit-result__site {
    margin: 0 0 1.25rem;
  }

  .audit-result__ring {
    width: 100%;
    aspect-ratio: 1 / 1;
    grid-column: 1 / 2;
    grid-row: 1 / 6;
    align-self: self-start;
  }

  .audit-result__text {
    margin: 0 0 1.25rem;
    text-align: left;
  }

  .audit-parameters {
    padding: 2.88rem 0 0;
    border-top: 1px solid #00000033;
  }
}

@media screen and (min-width: 1024px) {
  .seo-audit__refresh {
    margin: 3.13rem 0 4.56rem;
  }

  .audit-promo {
    grid-template-columns: minmax(auto, 900px) 400px;
    column-gap: 1rem;
    justify-content: space-between;
  }

  .audit-promo > *:not(.audit-promo__feedback) {
    grid-column: 1 / 2;
  }

  .audit-promo__tags {
    margin: 0 0 1rem;
    gap: 0.75rem;
  }

  .audit-promo__tags-item {
    padding: 0 1.25rem;
    height: 2.5rem;
    font-size: 1rem;
  }

  .audit-promo__tags-item::before {
    width: 0.5rem;
    height: 0.5rem;
  }

  .audit-promo__feedback {
    margin: 0.6rem 0 0;
    grid-column: 2 / 3;
    align-self: start;
    grid-row: 1 / 5;
    margin-left: auto;
  }

  .audit-promo .audit-promo__heading {
    width: auto;
    font-size: 4rem;
  }

  .audit-form {
    padding: 2.5rem;
  }

  .audit-form__wrapper {
    margin: 0 0 1rem;
  }

  .audit-form__input {
    height: 3.75rem;
  }

  .audit-form__examples {
    align-items: center;
  }

  .audit-form__examples-item {
    margin-right: 0.6rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    line-height: 1;
  }

  .audit-form__examples span {
    padding: 0;
    margin-right: 0.4rem;
    font-size: 1rem;
  }

  .audit-form__button {
    height: 100%;
    width: 15rem;
    padding-left: 2.5rem;
    justify-content: start;
  }

  .audit-feedback {
    max-width: 500px;
    justify-self: end;
    padding: 1.8rem 2.2rem 3.1rem;
  }

  .audit-feedback__wrapper-mobile {
    display: none;
  }

  .audit-feedback__wrapper-desktop {
    display: block;
  }

  .audit-parameters__tabs {
    margin: 0 0 4.5rem;
  }

  .audit-parameters__tab {
    margin-right: 0.75rem;
    padding: 0.5rem 1.1rem;
  }

  .audit-parameters__container .audit-parameters__container-name {
    font-size: 1.5rem;
    margin: 0 0 1.25rem;
  }

  .audit-result .audit-result__heading {
    margin: 0 0 1.25rem;
    font-size: 2.8rem;
    text-align: left;
    max-width: 100%;
  }

  .audit-result__text {
    max-width: 100%;
    text-align: left;
  }

  .audit-result__stats {
    grid-template-columns: repeat(4, 1fr);
    max-width: 100%;
  }

  .audit-parameters__heading {
    font-size: 2.2rem;
    line-height: 1;
  }

  .audit-result-form h3 i {
    color: #e22427;
  }

  .audit-result-form__quote {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    border-radius: 0 1.25rem 1.25rem 1.25rem;
    background: #fff;
  }

  .audit-result-form__author {
    margin: 0 0 1rem;
    display: flex;
    align-items: center;
    column-gap: 1rem;
  }

  .audit-result-form__author-image {
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
  }

  .audit-result-form__author-name {
    font-size: 1.13rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 0.5rem;
  }

  .audit-result-form__author-speciality {
    margin: 0 0 0.5rem;
    font-size: 0.94rem;
    color: #e22427;
    font-weight: 600;
  }

  .audit-result-form__author-experience {
    margin: 0;
    font-weight: 500;
    font-size: 0.94rem;
  }

  .audit-result-form__quote-text {
    margin: 0;
    line-height: 1.2;
    font-weight: 500;
    color: #727272;
  }

  .audit-conclusion {
    padding: 2.5rem 3rem 3.25rem;
    border-radius: 0.6rem;
  }

  .audit-conclusion__feedback {
    display: grid;
    grid-template-columns: minmax(auto, 763px) 172px;
    padding: 2rem 2.5rem;
    justify-content: space-between;
  }

  .audit-conclusion .audit-conclusion__heading {
    margin: 0 0 1.35rem;
    font-size: 2.2rem;
  }

  .audit-conclusion__note {
    margin: 0 0 3rem;
  }

}

.seo-audit [hidden] {
  display: none !important;
}

/* overflow: hidden у .main ломает position: sticky, clip обрезает так же, но не создаёт контейнер прокрутки */
.main:has(.seo-audit) {
  overflow: clip;
}

.seo-audit__page-result:not(.seo-audit__page-result--error)
  .audit-result__icon-error {
  display: none;
}

.form-test_gr {
  position: relative;
}
.form-test_gr input {
  width: 100%;
  box-sizing: border-box;
  outline: none;
  border: none;
  background-color: transparent;
  height: 40px;
  border-bottom: 2px solid #000;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #696969;
  font-weight: 500;
  font-size: 1.0625rem;
  transition: all 0.3s ease;
}
.form-test_gr input:focus ~ label {
  opacity: 0;
}
.form-test_gr input.used ~ label {
  opacity: 0;
}
.form-test_gr input.has-error {
  border-bottom: 2px solid #e22427;
}
.form-test_gr label {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateX(0) translateY(-50%);
  -webkit-transform: translateX(0) translateY(-50%);
  -moz-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  -o-transform: translateX(0) translateY(-50%);
  color: #696969;
  font-weight: 500;
  font-size: 1.0625rem;
  transition: all 0.4s ease-in 0s;
  -webkit-transition: all 0.4s ease-in 0s;
  -moz-transition: all 0.4s ease-in 0s;
  -ms-transition: all 0.4s ease-in 0s;
  -o-transition: all 0.4s ease-in 0s;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.form-test_gr:not(:last-child) {
  margin-bottom: 1.5rem;
}
.form-test_gr input.has-error + label {
  color: #e79394;
}
.form-test_btn {
  padding-top: 1.875rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1rem;
  flex-direction: column;
}
.form-test_btn .page__btn--radial {
  height: 114px;
  min-width: 114px;
  max-width: 114px;
}
.form-test_btn .form__politic {
  flex: 1;
  color: #8f8f8f;
}
.form-test_btn .form__politic a {
  color: #8f8f8f;
}
.form-test_btn .form__politic label {
  position: relative;
  display: block;
  padding-left: 1.5rem;
}
.form-test_btn .form__politic label input {
  position: absolute;
  top: 0px;
  left: 0px;
}
.form-test_btn .form__politic label.has-error,
.form-test_btn .form__politic label.has-error a {
  color: #e22428;
}

@media (min-width: 576px) {
  .form-dictionary {
    flex-direction: row;
    border: 1px solid #bcbcbc;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    height: 60px;
  }
  .form-dictionary_gr input {
    height: 100%;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }
  .form-dictionary .page__btn {
    height: 60px;
  }
  .form-test_btn {
    flex-direction: row;
  }
  .form-test_btn .form__politic {
    padding-left: 1.75rem;
    text-align: left;
  }
}

@media screen and (min-width: 1300px) {
  .audit-promo {
    grid-template-columns: minmax(auto, 900px) 500px;
  }

  .seo-audit__page-result {
    position: relative;
    display: grid;
    grid-template-columns: 1fr minmax(300px, 500px);
    column-gap: 2rem;
  }

  .seo-audit__page-result > * {
    grid-column: 1 / 2;
  }

  .seo-audit__page-result .audit-wrapper {
    display: block;
    position: relative;
    grid-column: 2 / 3;
    grid-row: 1 / 5;
    height: 100%;
  }

  .seo-audit__page-result .audit-result-form {
    top: 0;
    position: sticky;
    padding: 1.2rem 1.1rem 1.7rem;
    background: #f6f6f6;
    border-radius: 1.25rem;
  }

  .audit-result-form h3 {
    margin: 0 0 1rem;
    font-size: 2rem;
    line-height: 1.2;
  }
}

@media screen and (min-width: 1420px) {
  .seo-audit__page-result .audit-result-form {
    padding: 1.8rem 2.2rem 3.1rem;
  }

  .audit-result-form__quote {
    padding: 1.25rem 3.3rem 1.25rem 1.25rem;
  }
}
/* текст (основной контейнер с ограничением) */
.text-content {
    font-size: 1.05rem;
    line-height: 1.6;
    color: #2d3a4b;
    overflow: hidden;
    transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

/* изначально свёрнуто — примерно 3 строки (используем max-height) */
.text-content.collapsed {
    max-height: 203px;  /* подберите под свой размер шрифта */
}

/* раскрыто — значение должно быть больше, чем полная высота текста */
.text-content.expanded {
    max-height: auto;   /* если текст очень длинный, увеличьте */
}

/* контейнер для кнопки — выравнивание */
.button-wrapper {
    display: flex;
    justify-content: flex-start;
    margin-top: 18px;
}

/* стиль кнопки */
.toggle-btn {
    background: white;
    border: 1.5px solid #cbd5e1;
    border-radius: 40px;
    padding: 10px 28px;
    font-size: 1rem;
    font-weight: 550;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease;
    letter-spacing: 0.2px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #e22427;
}

.toggle-btn:hover {
/*    background: #eef2ff;
    border-color: #3b82f6;
    box-shadow: 0 7px 14px rgba(59,130,246,0.15);
    transform: translateY(-1px);*/
}

.toggle-btn:active {
/*    background: #dbeafe;
    transform: translateY(1px);
    box-shadow: none;*/
}

/* стрелочка для наглядности */
.toggle-btn::after {
    content: "→";
    font-size: 1.2rem;
    transition: transform 0.2s;
}

/* когда раскрыто — стрелка смотрит вверх (опционально) */
.expanded + .button-wrapper .toggle-btn::after {
    transform: rotate(270deg);
}

@media (min-width: 768px) {
    .dictionary {
        padding-bottom: 3.125rem;
        padding-top: 3rem;
    }
}
.dictionary {
    padding-top: 3.25rem;
    padding-bottom: 1.875rem;
}
@media (min-width: 1200px) {
    .dictionary-box.hide {
        display: none;
    }
}
.text_block{
	margin:30px 0;
}
@media (min-width: 1366px) {
    .serv-progress {
        padding-top: 1.5rem !important;
    }
}