/*
 * Urban metal theme experiment.
 * Remove this stylesheet link and the body class to restore the original theme.
 */

.theme-urban-metal {
  --urban-graphite: #383e42;
  --urban-graphite-deep: #24292d;
  --urban-silver: #d0d1d3;
  --urban-surface: #f2f3f3;
  --urban-surface-alt: #e8eaeb;
  --urban-card: #fff;
  --urban-ink: #24292d;
  --urban-muted: #666d71;
  --urban-accent-dark: #725800;
  --urban-line: rgba(56, 62, 66, .18);
  --urban-shadow: 0 18px 44px rgba(56, 62, 66, .08);
  background: #dfe1e2;
}

.theme-urban-metal .situations-section,
.theme-urban-metal .films-section,
.theme-urban-metal .packages-section,
.theme-urban-metal .quiz-section,
.theme-urban-metal .aftercare-section,
.theme-urban-metal .faq-section {
  background: var(--urban-surface);
  border-color: var(--urban-line);
}

.theme-urban-metal .risk-section,
.theme-urban-metal .portfolio-section,
.theme-urban-metal .process-section,
.theme-urban-metal .team-section,
.theme-urban-metal .reviews-section,
.theme-urban-metal .contact-section {
  background: #fff;
  border-color: var(--urban-line);
}

.theme-urban-metal .situations-section::before,
.theme-urban-metal .risk-section::before,
.theme-urban-metal .films-section::before,
.theme-urban-metal .portfolio-section::before,
.theme-urban-metal .process-section::before,
.theme-urban-metal .packages-section::before,
.theme-urban-metal .team-section::before,
.theme-urban-metal .reviews-section::before,
.theme-urban-metal .faq-section::before {
  background: rgba(56, 62, 66, .16);
}

.theme-urban-metal .aftercare-section::before {
  background: var(--urban-line);
}

.theme-urban-metal :is(
  .situations-section,
  .risk-section,
  .films-section,
  .portfolio-section,
  .process-section,
  .packages-section,
  .quiz-section,
  .team-section,
  .aftercare-section,
  .reviews-section,
  .faq-section,
  .contact-section
) h2,
.theme-urban-metal :is(
  .situations-section,
  .risk-section,
  .films-section,
  .portfolio-section,
  .process-section,
  .packages-section,
  .quiz-section,
  .team-section,
  .aftercare-section,
  .reviews-section,
  .faq-section,
  .contact-section
) h3 {
  color: var(--urban-ink);
}

.theme-urban-metal :is(
  .packages-heading,
  .risk-heading,
  .films-heading,
  .portfolio-heading,
  .process-heading,
  .team-heading,
  .reviews-heading,
  .faq-heading,
  .contact-heading
) > p:not(.section-kicker),
.theme-urban-metal .films-subtitle,
.theme-urban-metal .quiz-intro > p,
.theme-urban-metal .aftercare-copy > p:not(.section-kicker) {
  color: var(--urban-muted);
}

.theme-urban-metal .section-kicker {
  color: var(--urban-accent-dark);
}

.theme-urban-metal :is(
  .situation-card,
  .risk-item,
  .film-card,
  .project-card,
  .package-card,
  .quiz-card,
  .person-card,
  .aftercare-points article,
  .review-card,
  .estimate-form,
  .contact-facts article
) {
  border-color: var(--urban-line);
  background: var(--urban-card);
  box-shadow: var(--urban-shadow), inset 0 1px 0 rgba(255, 255, 255, .8);
}

.theme-urban-metal :is(
  .situation-card,
  .risk-item,
  .film-card,
  .project-card,
  .package-card,
  .person-card,
  .review-card
):hover {
  border-color: rgba(155, 118, 0, .42);
  background: #fff;
  box-shadow: 0 22px 52px rgba(56, 62, 66, .12);
}

.theme-urban-metal .yandex-rating {
  color: var(--urban-ink);
  border-color: rgba(56, 62, 66, .28);
  background: #fff;
  box-shadow: 0 10px 28px rgba(56, 62, 66, .06);
}

.theme-urban-metal .yandex-rating:hover,
.theme-urban-metal .yandex-rating:focus-visible {
  border-color: rgba(56, 62, 66, .5);
  background: #fff;
}

.theme-urban-metal .yandex-name,
.theme-urban-metal .rating-copy span,
.theme-urban-metal .yandex-rating i {
  color: var(--urban-muted);
}

.theme-urban-metal .rating-score,
.theme-urban-metal .rating-copy strong {
  color: var(--urban-ink);
}

.theme-urban-metal .situation-quote,
.theme-urban-metal .package-copy h3,
.theme-urban-metal .package-price,
.theme-urban-metal .film-brand,
.theme-urban-metal .project-copy h3,
.theme-urban-metal .person-copy h3,
.theme-urban-metal .aftercare-points h3,
.theme-urban-metal .review-footer strong,
.theme-urban-metal .risk-item h3,
.theme-urban-metal .process-step h3,
.theme-urban-metal .quiz-question h3,
.theme-urban-metal .quiz-result h3,
.theme-urban-metal .estimate-form-heading h3 {
  color: var(--urban-ink);
}

.theme-urban-metal .situation-card p:not(.situation-quote),
.theme-urban-metal .package-copy > p:not(.package-price),
.theme-urban-metal .package-note p,
.theme-urban-metal .film-card > p,
.theme-urban-metal .project-copy p,
.theme-urban-metal .person-copy p,
.theme-urban-metal .aftercare-points p,
.theme-urban-metal .review-card p,
.theme-urban-metal .risk-item p,
.theme-urban-metal .process-step p,
.theme-urban-metal .quiz-question p,
.theme-urban-metal .quiz-result p,
.theme-urban-metal .estimate-form-heading p {
  color: var(--urban-muted);
}

.theme-urban-metal .package-copy li,
.theme-urban-metal .film-card li {
  color: #50575c;
}

.theme-urban-metal .review-quote {
  border-left-color: #d9a600;
  color: var(--urban-ink);
}

.theme-urban-metal .reviews-more-button {
  border-color: #c59700;
  background: #ffc31a;
  color: #191b1d;
  box-shadow: 0 12px 26px rgba(129, 96, 0, .14);
}

.theme-urban-metal .reviews-more-button:hover {
  background: #ffcc38;
}

.theme-urban-metal .package-note,
.theme-urban-metal .film-card ul,
.theme-urban-metal .process-step,
.theme-urban-metal .review-footer,
.theme-urban-metal .project-thumbs,
.theme-urban-metal .faq-list,
.theme-urban-metal .faq-item {
  border-color: var(--urban-line);
}

.theme-urban-metal .package-tags span {
  border-color: rgba(56, 62, 66, .2);
  background: #f3f4f5;
  color: #50575c;
}

.theme-urban-metal .risk-item > span,
.theme-urban-metal .process-step > span,
.theme-urban-metal .aftercare-points i {
  border-color: rgba(155, 118, 0, .42);
  color: var(--urban-accent-dark);
}

.theme-urban-metal .person-copy > span {
  color: var(--urban-accent-dark);
}

.theme-urban-metal .film-card::before {
  display: none;
}

.theme-urban-metal .project-thumbs {
  background: #f3f4f5;
}

.theme-urban-metal .project-thumbs button {
  border-color: rgba(56, 62, 66, .2);
  background: #dfe1e2;
}

.theme-urban-metal .quiz-card {
  background:
    linear-gradient(135deg, rgba(255, 208, 0, .05), transparent 34%),
    #fff;
}

.theme-urban-metal .quiz-section > .quiz-card {
  border-color: #bdc7cc;
  background: #dde3e6;
  box-shadow:
    0 18px 44px rgba(56, 62, 66, .12),
    inset 0 1px 0 rgba(255, 255, 255, .72);
}

.theme-urban-metal .quiz-progress-meta,
.theme-urban-metal .quiz-topic,
.theme-urban-metal .quiz-lead-fields label {
  color: var(--urban-muted);
}

.theme-urban-metal .quiz-progress-track {
  background: #d0d1d3;
}

.theme-urban-metal .quiz-option,
.theme-urban-metal .quiz-back,
.theme-urban-metal .quiz-reset {
  border-color: rgba(56, 62, 66, .2);
  background: #f3f4f5;
  color: var(--urban-ink);
}

.theme-urban-metal .quiz-option:hover,
.theme-urban-metal .quiz-option:focus-visible {
  background: rgba(255, 208, 0, .12);
}

.theme-urban-metal .quiz-option span {
  border-color: rgba(56, 62, 66, .38);
  box-shadow: inset 0 0 0 3px #f3f4f5;
}

.theme-urban-metal .quiz-section > .quiz-card .quiz-option {
  border-color: #bdc7cc;
  background: #fff;
  box-shadow: 0 3px 10px rgba(56, 62, 66, .035);
}

.theme-urban-metal .quiz-section > .quiz-card .quiz-option span {
  box-shadow: inset 0 0 0 3px #fff;
}

.theme-urban-metal .quiz-result {
  border-color: rgba(155, 118, 0, .36);
  background: #f7f7f7;
}

.theme-urban-metal .quiz-lead-fields input,
.theme-urban-metal .estimate-form input[type="text"],
.theme-urban-metal .estimate-form input[type="tel"] {
  border-color: rgba(56, 62, 66, .22);
  background: #f7f7f7;
  color: var(--urban-ink);
}

.theme-urban-metal .quiz-lead-fields input::placeholder,
.theme-urban-metal .estimate-form input::placeholder {
  color: rgba(56, 62, 66, .42);
}

.theme-urban-metal .quiz-lead-fields input:focus,
.theme-urban-metal .estimate-form input:focus {
  background: #fff;
}

.theme-urban-metal .estimate-form > label:not(.estimate-consent),
.theme-urban-metal .estimate-consent,
.theme-urban-metal .lead-consent {
  color: var(--urban-muted);
}

.theme-urban-metal .estimate-consent a,
.theme-urban-metal .lead-consent a {
  color: var(--urban-graphite);
}

.theme-urban-metal .person-photo {
  border-color: var(--urban-line);
}

.theme-urban-metal .aftercare-visual {
  border-color: rgba(56, 62, 66, .2);
  box-shadow: var(--urban-shadow);
}

.theme-urban-metal .review-meta time,
.theme-urban-metal .review-footer a {
  color: var(--urban-muted);
}

.theme-urban-metal .faq-count {
  border-color: rgba(155, 118, 0, .32);
}

.theme-urban-metal .faq-count span,
.theme-urban-metal .faq-heading > p:not(.section-kicker),
.theme-urban-metal .faq-answer p {
  color: var(--urban-muted);
}

.theme-urban-metal .faq-item summary {
  color: var(--urban-ink);
}

.theme-urban-metal .faq-item[open] summary {
  color: #111;
}

.theme-urban-metal .contact-section {
  background:
    linear-gradient(135deg, rgba(56, 62, 66, .035), transparent 36%),
    var(--urban-surface-alt);
}

.theme-urban-metal .contact-map {
  background: #fff;
}

.theme-urban-metal .contact-map iframe,
.theme-urban-metal .contact-map:hover iframe,
.theme-urban-metal .contact-map:focus-within iframe {
  filter: none;
  opacity: 1;
  transition: none;
}

.theme-urban-metal .contact-facts span {
  color: var(--urban-muted);
  line-height: 15px;
}

.theme-urban-metal .contact-facts article > i {
  width: 16px;
  height: 15px;
  margin-top: 0;
  display: inline-grid;
  place-items: center;
  line-height: 15px;
}

.theme-urban-metal .contact-facts strong,
.theme-urban-metal .contact-facts a {
  color: var(--urban-ink);
}

.theme-urban-metal .site-footer {
  background: var(--urban-graphite-deep);
}

.theme-urban-metal .cookie {
  border-color: rgba(56, 62, 66, .22);
  background: #fff;
  box-shadow: 0 18px 60px rgba(36, 41, 45, .2);
}

.theme-urban-metal .cookie-text {
  color: var(--urban-muted);
}

.theme-urban-metal .cookie-text a {
  color: var(--urban-graphite);
}

.theme-urban-metal .lead-modal-backdrop,
.theme-urban-metal .quiz-modal-backdrop,
.theme-urban-metal .legal-modal-backdrop {
  background: rgba(36, 41, 45, .64);
}

.theme-urban-metal .lead-modal-dialog,
.theme-urban-metal .quiz-modal-dialog,
.theme-urban-metal .legal-modal-dialog {
  border-color: rgba(56, 62, 66, .2);
  background:
    linear-gradient(135deg, rgba(255, 208, 0, .055), transparent 34%),
    #f7f7f7;
  box-shadow: 0 28px 90px rgba(36, 41, 45, .28);
}

.theme-urban-metal .quiz-modal-dialog .quiz-card {
  background: #fff;
}

.theme-urban-metal .quiz-modal-dialog .quiz-intro h2 {
  color: var(--urban-ink);
}

.theme-urban-metal .lead-modal-close {
  border-color: rgba(56, 62, 66, .2);
  background: #fff;
  color: var(--urban-graphite);
}

.theme-urban-metal .lead-modal-dialog h2,
.theme-urban-metal .legal-modal-heading h2 {
  color: var(--urban-ink);
}

.theme-urban-metal .lead-modal-dialog > p:not(.section-kicker),
.theme-urban-metal .lead-form > label:not(.lead-consent) {
  color: var(--urban-muted);
}

.theme-urban-metal .lead-form input[type="text"],
.theme-urban-metal .lead-form input[type="tel"] {
  border-color: rgba(56, 62, 66, .22);
  background: #fff;
  color: var(--urban-ink);
}

.theme-urban-metal .lead-form input::placeholder {
  color: rgba(56, 62, 66, .42);
}

.theme-urban-metal .lead-form input:focus {
  background: #fff;
}

.theme-urban-metal .legal-modal-dialog iframe {
  border-color: rgba(56, 62, 66, .18);
  background: #fff;
}

@media (max-width: 760px) {
  .theme-urban-metal :is(
    .situation-card,
    .risk-item,
    .film-card,
    .project-card,
    .package-card,
    .quiz-card,
    .person-card,
    .aftercare-points article,
    .review-card,
    .estimate-form,
    .contact-facts article
  ) {
    box-shadow: 0 10px 28px rgba(56, 62, 66, .07);
  }
}