/* Scoped to the information block; dimensions follow auto-osmotr.ru. */
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700|Roboto:400,500,700&subset=cyrillic');

.sl-inspection {
  box-sizing: border-box;
  width: 100%;
  max-width: 1174px;
  margin: 0 auto;
  padding: 0 15px;
  font: 400 15px/18px Roboto, Helvetica, sans-serif;
  color: #656565;
  overflow-wrap: anywhere;
}
.sl-inspection *, .sl-inspection *::before, .sl-inspection *::after { box-sizing: border-box; }
.sl-inspection div { min-width: 0; }
.sl-inspection p { margin: 0 0 10px; padding: 0; }
.sl-inspection strong { font-weight: 700; }
.sl-inspection a { color: #337ab7; text-decoration: none; }
.sl-inspection a:hover { color: #23527c; text-decoration: underline; }
.sl-inspection a:focus-visible { outline: 2px solid #337ab7; outline-offset: 3px; }
.sl-inspection img { max-width: 100%; height: auto; border: 0; vertical-align: top; }
.sl-inspection__box { background: #fff; border: 4px solid #ededed; padding: 0 44px 8px 12px; }
.sl-inspection__box > .sl-inspection__row { display: grid; grid-template-columns: minmax(0, 500px) minmax(0, 1fr); gap: 42px; }
.sl-inspection__photos { display: flex; flex-direction: column; gap: 15px; padding-top: 15px; }
.sl-inspection__photos img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: fill; }
.sl-inspection .sl-inspection__title { margin: 0; padding: 45px 0 0; font: 400 24px/28px 'PT Serif', serif; color: #000; text-transform: none; text-align: left; }
.sl-inspection__text { padding-top: 40px; font-size: 15px; line-height: 22px; text-align: justify; }
.sl-inspection__text p { padding: 0 10px; }
.sl-inspection__text a { color: #656565; }
.sl-inspection__actions { padding-top: 40px; }
.sl-inspection__button { width: 46%; border: 2px solid #bf1f2f; background: #bf1f2f; text-align: center; font-size: 15px; line-height: 22px; }
.sl-inspection__button .sl-inspection__feedback { display: block; padding: 11px 4px; color: #fff; text-decoration: none; }
.sl-inspection__button:hover { background: #a71927; }
.sl-inspection__accept { display: none; }
.sl-inspection__details { padding: 52px 0 30px; }
.sl-inspection__details p { padding: 0 0 20px; margin: 0; }
.sl-inspection__details h2 { margin: 20px 0 10px; padding: 0; font: 500 30px/1.1 Roboto, Helvetica, sans-serif; color: #656565; text-transform: none; text-align: left; }
.sl-inspection__details h3 { margin: 0; padding: 47px 0 30px; font: 500 29px/32px 'PT Serif', serif; color: #000; text-align: center; text-transform: none; }
.sl-inspection__details ul, .sl-inspection__details ol { padding: 0 0 0 40px; margin: 0 0 10px; }
.sl-inspection__details ul { list-style: disc outside; }
.sl-inspection__details ol { list-style: decimal outside; }
.sl-inspection__details li { padding: 0; margin: 0; }
.sl-inspection .sl-inspection__receipt { width: 80%; }
.sl-inspection__mobile-price { display: none; }
/* The reused callback form lives in Colorbox, outside the section. */
.sl-inspection__form { max-width: 100%; height: auto; min-height: 298px; }

@media (max-width: 1199px) {
  .sl-inspection__box > .sl-inspection__row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }
  .sl-inspection__button { width: 100%; margin-bottom: 20px; }
}
@media (max-width: 990px) {
  .sl-inspection__box { padding: 16px 20px 20px; }
  .sl-inspection__box > .sl-inspection__row { grid-template-columns: minmax(0, 200px) minmax(0, 1fr); }
  .sl-inspection .sl-inspection__title { padding-top: 0; }
  .sl-inspection__text { padding-top: 10px; }
  .sl-inspection__desktop-price { display: none; }
  .sl-inspection__mobile-price { display: inline; }
}
@media (max-width: 767px) {
  .sl-inspection__box > .sl-inspection__row { display: block; }
  .sl-inspection .sl-inspection__title { padding-top: 20px; }
  .sl-inspection__photos { padding-top: 0; }
  .sl-inspection__actions { padding-top: 25px; }
  .sl-inspection__details { padding-top: 32px; }
  .sl-inspection .sl-inspection__receipt { width: 100%; }
}
@media (max-width: 700px) {
  .sl-inspection__form input[type="text"] { box-sizing: border-box; width: calc(100% - 40px); }
}
@media (max-width: 479px) {
  .sl-inspection__box { padding: 10px 10px 20px; }
  .sl-inspection .sl-inspection__title { font-size: 18px; line-height: 20px; padding-right: 5px; padding-left: 5px; }
  .sl-inspection__details h2 { font-size: 24px; line-height: 1.2; }
}