/**
 * Luciano: USE_LUCIANO_UNIFIED_FOOTER — inner-страницы, футер как на главной.
 * Откат: USE_LUCIANO_UNIFIED_FOOTER = False в settings + restart Django.
 */

body.page-luciano-unified-footer.design-8march.inner-page .footer--8march {
  position: relative;
  overflow: hidden;
  background: transparent !important;
  background-color: transparent !important;
  /* inner: main.css/custom_styles лишний padding-top; низ — как 8march_design (watermark LUCIANO) */
  padding-top: 0 !important;
  padding-bottom: 15.5rem !important;
}

body.page-luciano-unified-footer.design-8march.inner-page .footer--8march::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--8march-footer-bg, #cfdcab);
  pointer-events: none;
}

body.page-luciano-unified-footer.design-8march.inner-page .footer--8march > .container {
  position: relative;
  z-index: 1;
  /* как 8march_base на главной (без main.css container 15px / 1210px) */
  max-width: 1410px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/*
 * Раскладка inner = главная: сброс legacy footer из main.css и luciano-custom-styles.
 * На главной main.css / custom_styles не подключаются — иначе margin-left −46px у меню и т.п.
 */
body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-questions-row {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-content.footer-8march-content,
body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-content {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  justify-content: unset !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-content__menu,
body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu {
  display: flex !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  justify-content: flex-start !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-content__column,
body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-content__column--lg,
body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-content__column:last-child {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-content__ul-content {
  display: flex !important;
  justify-content: flex-start !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu .footer-content__ul-content ul,
body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu ul,
body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu li {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  padding-inline-start: 0 !important;
  list-style: none !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-right {
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  order: unset !important;
}

@media (min-width: 992px) {
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 2rem 6.5rem !important;
  }

  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu .footer-content__column--lg .footer-content__ul-content {
    flex-direction: row !important;
    gap: 0 3rem !important;
  }
}

@media (max-width: 991px) {
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 1.5rem !important;
  }

  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-content.footer-8march-content,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-content {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-content__menu,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu .footer-content__column--lg,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu .footer-content__ul-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .feedback-form--8march-footer__form,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .feedback-form--8march-footer__grid,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-questions-col,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-call-col,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-copyright {
    width: 80vw !important;
    max-width: 80vw !important;
  }
}

body.page-luciano-unified-footer.design-8march.inner-page .footer--8march section.feedback-form.feedback-form--8march-footer,
body.page-luciano-unified-footer.design-8march.inner-page .footer--8march .feedback-form--8march-footer__inner,
body.page-luciano-unified-footer.design-8march.inner-page .footer--8march .feedback-form--8march-footer__form,
body.page-luciano-unified-footer.design-8march.inner-page .footer--8march section.feedback-form.feedback-form--8march-footer .question-form,
body.page-luciano-unified-footer.design-8march.inner-page .footer--8march section.feedback-form,
body.page-luciano-unified-footer.design-8march.inner-page .footer--8march .section-dark.feedback-form {
  background: transparent !important;
  background-color: transparent !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-questions__title {
  font-family: "Cormorant Garamond", var(--8march-font-serif, Georgia, serif) !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 32px !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-align: start !important;
  white-space: nowrap;
  line-height: 100% !important;
  font-variant-numeric: lining-nums proportional-nums;
  margin: 0 0 1rem !important;
  color: var(--8march-footer-title, #2d2d2d) !important;
}

/*
 * «КАТАЛОГ» / «ПОКУПАТЕЛЯМ» — только колонки меню (не другие .footer-content__title).
 * 8march_design.css: footer .footer-content__title { font-weight: 700 !important } —
 * без !important и узкого селектора menu-колонок правило 300 из 8march_footer.css проигрывает.
 */
body.page-index-8march.design-8march footer.footer--8march .footer-8march-menu .footer-content__column--lg > .footer-content__title,
body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march .footer-8march-menu .footer-content__column--lg > .footer-content__title {
  font-family: "Cormorant Garamond", var(--8march-font-serif, Georgia, serif) !important;
  font-weight: 300 !important;
  font-synthesis: none !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  font-size: 20px !important;
  line-height: 100% !important;
  letter-spacing: 0 !important;
  margin-top: 1.25rem !important;
  margin-bottom: 1.75rem !important;
  color: var(--8march-footer-title, #2d2d2d) !important;
  min-height: 0 !important;
  display: block !important;
}

body.page-index-8march.design-8march footer.footer--8march .footer-8march-menu .footer-content__column--lg > .footer-content__title span,
body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march .footer-8march-menu .footer-content__column--lg > .footer-content__title span {
  font-weight: 400 !important;
  opacity: 1 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-content__column a,
body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-content__ul-content a {
  font-family: "Inter", "Segoe UI", system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 170% !important;
  letter-spacing: 0 !important;
  color: var(--8march-footer-text, #2d2d2d) !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-call__phone {
  font-family: "Inter", "Segoe UI", system-ui, sans-serif !important;
  font-weight: 400 !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-call__phone.pretty_numbers {
  font-family: "Cormorant Garamond", var(--8march-font-serif, Georgia, serif) !important;
  font-weight: 300 !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-call__phone a {
  color: var(--8march-footer-title, #2d2d2d) !important;
  text-decoration: none !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-call__phone a:hover {
  opacity: 0.85;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .feedback-form--8march-footer .form-group.privacy-policy .checkbox {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  padding-left: 28px !important;
  background: transparent !important;
  border: none !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .feedback-form--8march-footer .form-group.privacy-policy .checkbox [type="checkbox"] {
  position: absolute !important;
  left: 0 !important;
  top: 0.2em !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  opacity: 1 !important;
  accent-color: #2d2d2d;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .feedback-form--8march-footer .form-group.privacy-policy .checkbox label {
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
  color: var(--8march-footer-text, #2d2d2d) !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .black-button {
  display: inline-block;
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  color: #fff !important;
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
  border: none !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .black-button:hover {
  background-color: #2d2d2d !important;
  background: #2d2d2d !important;
  color: #fbe3e1 !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-call__btn.black-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  height: 48px;
  padding: 0 1.25rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
  color: #fff !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-call__btn.black-button:hover {
  background-color: #2d2d2d !important;
  background: #2d2d2d !important;
  color: #fbe3e1 !important;
}

@media (max-width: 991px) {
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-menu .footer-content__column--lg {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .feedback-form--8march-footer .form-group.privacy-policy .checkbox label {
    font-size: 0.65rem !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
  }
}

/*
 * Копирайт inner = как на главной.
 * inner: main.css (.footer-right width), luciano-custom-styles (p { font-family: Cormorant !important }).
 */
body.page-luciano-unified-footer.inner-page.design-8march .footer--8march > .container > .footer-right.footer-8march-copyright {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}

body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-copyright .footer-copyright {
  font-family: "Inter", "Segoe UI", system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.02em !important;
  line-height: normal !important;
  margin-top: auto;
  color: var(--8march-footer-text, #2d2d2d) !important;
  background: transparent !important;
}

@media (max-width: 767px) {
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march > .container > .footer-right.footer-8march-copyright {
    order: unset !important;
  }
}

/* Блок «Остались вопросы?» — десктоп: заголовок, поля и телефон по одной линии (как SV) */
@media (min-width: 992px) {
  body.page-index-8march.design-8march .footer--8march .footer-8march-questions-col,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-questions-col {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 2rem 0;
  }

  body.page-index-8march.design-8march .footer--8march .footer-8march-questions__title,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-questions__title {
    width: 13rem;
    max-width: 13rem;
    flex-shrink: 0;
    margin: 0.6rem 0 0 !important;
  }

  body.page-index-8march.design-8march .footer--8march .footer-8march-questions-col .feedback-form--8march-footer,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-questions-col .feedback-form--8march-footer {
    margin-left: auto;
    margin-right: 1.25rem;
    flex-shrink: 1;
    min-width: 0;
    width: 100%;
  }

  body.page-index-8march.design-8march .footer--8march .feedback-form--8march-footer__grid,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .feedback-form--8march-footer__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 0.75rem 1rem !important;
    max-width: 520px;
    width: 100%;
  }

  body.page-index-8march.design-8march .footer--8march .feedback-form--8march-footer__row,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .feedback-form--8march-footer__row {
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
  }

  /* Только телефон: тот же margin-right, что у кнопки (12px). Кнопку и call-col не трогаем. */
  body.page-index-8march.design-8march .footer--8march .footer-8march-call__phone,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-call__phone {
    margin: 0.6rem 12px 0.75rem !important;
    position: static !important;
    left: auto !important;
    text-align: right;
  }

  /*
   * Копирайт — отдельная колонка сетки (без padding-right 1rem у questions-row).
   * У .footer-right flex-direction: column — shift-block под текстом, не справа.
   * Итого как у телефона/кнопки: 1rem (padding row) + 12px (margin-right).
   */
  body.page-index-8march.design-8march .footer--8march .footer-8march-copyright .footer-copyright,
  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march .footer-8march-copyright .footer-copyright {
    margin-right: calc(1rem + 12px) !important;
    text-align: right;
  }

  body.page-luciano-unified-footer.inner-page.design-8march .footer--8march > .container > .footer-right.footer-8march-copyright {
    align-items: flex-end !important;
    text-align: right !important;
  }
}

/*
 * Щит: custom_styles / main.css не должны менять футер на inner (страница — свои стили).
 * Аналог «Final footer restore layer» + перебивка h2 { text-align: center } и footer { padding-top: 60px }.
 */
@media (max-width: 990px) {
  body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march {
    padding-top: 0 !important;
  }
}

body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march .footer-content,
body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march .footer-content__menu,
body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march .footer-8march-menu {
  max-width: none !important;
  padding-bottom: 0 !important;
}

@media (min-width: 768px) {
  body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march .footer-content,
  body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march .footer-content__menu,
  body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march .footer-8march-menu {
    width: auto !important;
  }
}

body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march .footer-right,
body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march .footer-8march-copyright,
body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march > .container > .footer-right.footer-8march-copyright {
  width: auto !important;
  max-width: none !important;
}

body.page-luciano-unified-footer.inner-page.design-8march footer.footer--8march h2.footer-8march-questions__title {
  text-align: start !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  line-height: 100% !important;
  margin-bottom: 1rem !important;
}

/* «Ваш вопрос»: как на SV — без полосы прокрутки; height без !important, иначе resize не тянется */
body.page-index-8march.design-8march .footer--8march .feedback-form--8march-footer__textarea,
body.page-luciano-unified-footer.design-8march .footer--8march .feedback-form--8march-footer__textarea,
body.page-index-8march.design-8march .footer--8march .footer-8march-questions-col textarea.form-control,
body.page-luciano-unified-footer.design-8march .footer--8march .footer-8march-questions-col textarea.form-control {
  font-family: var(--8march-ui-font-family, "Inter", "Segoe UI", system-ui, sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  min-height: 48px;
  height: 48px;
  padding: 0.65rem 0.75rem 0.6rem !important;
  resize: vertical;
  overflow: hidden;
}