/* ============================================================================
   Эффорт Групп — ЭТАП 1 раунда «дизайн и движение», 24.09.2026
   ----------------------------------------------------------------------------
   Подключается ПОСЛЕДНИМ стилем в шапке effort (все внутренние страницы).
   Только оформление: разметку, тексты, адреса и разметку для роботов не трогает.
   Откат: снять одну строку подключения в local/templates/effort/header.php.
   Отчёт и кадры «было / стало»: EffortSite/reports/2026-09-24.md
   ========================================================================== */

/* --- 1. «Показать фильтр» на телефоне ------------------------------------ */
/* Цвет контура товарных кнопок (#AF3C0B) попал в заливную кнопку фильтра:
   тёмно-оранжевый по оранжевому, контраст 1,64. Белый — как у всех заливных. */
.offcanvas-toggle-filter-btn {
  color: #fff !important;
}

/* --- 2. Точки каруселей: палитра сайта вместо синего цвета Swiper --------- */
.swiper-pagination-bullet {
  background: #D6D2C9 !important;
  opacity: 1 !important;
  transition-property: width, background-color !important;
  transition-duration: var(--eg-base, 220ms) !important;
  transition-timing-function: var(--eg-ease, cubic-bezier(.2, .7, .2, 1)) !important;
}
.swiper-pagination-bullet-active {
  background: #E85326 !important;
  width: 20px !important;
  border-radius: 999px !important;
}

/* --- 3. Второе семейство кнопок → утверждённая заливная ------------------- */
/* Было: #DA5107 или жёлтая #FCBE00, КАПС, углы 0 — на формах, в поддержке,
   в блоке аналога карточки, на 404 и в боковом меню телефона.
   Стало: #E85326, белый текст, радиус 10, без капса (решение 10.09). */
.tp-btn-h1.button-support,
form.js-service-feedback .tp-in-btn,
.form__still-questions input[type="submit"],
.analog__buy .stock-btn__link,
.px_404-wrap-link.px_404-link {
  background: #E85326 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
}
.tp-btn-h1.button-support:hover,
form.js-service-feedback .tp-in-btn:hover,
.form__still-questions input[type="submit"]:hover,
.analog__buy .stock-btn__link:hover,
.px_404-wrap-link.px_404-link:hover {
  background: rgba(232, 83, 38, .8) !important;
  color: #fff !important;
}
/* Надпись 404 в разметке строчная («на главную») — капс её прятал. */
.px_404-wrap-link.px_404-link {
  display: inline-block !important;
}
.px_404-wrap-link.px_404-link::first-letter {
  text-transform: uppercase;
}
/* Отдельные CTA вне каталога: «Заявка на ремонт» (/information/), «Перейти в каталог» (бренд). */
main:not(.eg-page) a.cart-btn:not(.stock-btn__link),
.brand_incatalog {
  background: #E85326 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
}
main:not(.eg-page) a.cart-btn:not(.stock-btn__link):hover,
.brand_incatalog:hover {
  background: rgba(232, 83, 38, .8) !important;
}
/* Карусели «Популярные / похожие товары»: заливная остаётся, но радиус 10 и без капса. */
.product__item .product__add-cart .cart-btn {
  border-radius: 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
}
/* Строки товаров вне каталога (бренд, поиск): тот же контур, что у строк каталога
   (effort-design.css, .eg-action: #AF3C0B, фон белый, радиус 10, 13/600, наведение #FFF3EC).
   На страницах каталога (main.eg-page) правило не действует — там свой, утверждённый. */
main:not(.eg-page) .stock-btn .cart-btn,
main:not(.eg-page) .stock-btn .stock-btn__link {
  background: #fff !important;
  color: #AF3C0B !important;
  border: 1px solid #AF3C0B !important;
  border-radius: 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  width: 100% !important;
  max-width: 260px !important;
  margin-left: auto !important;
}
main:not(.eg-page) .stock-btn .cart-btn:hover,
main:not(.eg-page) .stock-btn .stock-btn__link:hover {
  background: #FFF3EC !important;
  color: #AF3C0B !important;
}
/* Боковое меню телефона: крестик был жёлтым, кнопка поиска — #DA5107. */
.offcanvas__close-btn,
.offcanvas__search button {
  background: #E85326 !important;
  color: #fff !important;
}

/* --- 4. Товар без фото: спокойная плитка вместо оранжевого логотипа -------- */
/* Подмена картинки через content: Chrome, Edge, Safari, Firefox; где не
   поддержано — остаётся прежняя заглушка, ничего не ломается. */
img[src*="assets/img/nophoto"] {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Crect width='120' height='120' rx='14' fill='%23F1EFEA'/%3E%3Cg fill='none' stroke='%23BDB8AE' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='34' y='50' width='52' height='30' rx='4'/%3E%3Ccircle cx='60' cy='65' r='9'/%3E%3Cpath d='M48 50l5-8h14l5 8'/%3E%3C/g%3E%3C/svg%3E");
  object-fit: contain;
}

/* --- 5. Прокрутка вбок ---------------------------------------------------- */
/* /about/: «Направления работы» используют сетку главной (275 + 3×470 px)
   без стилей главной — страница шире экрана на 320 px. */
.mainPageSections__items {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
}
.mainPageSections__items > * {
  width: auto !important;
  min-width: 0;
}
.mainPageSections__items img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain;
}
/* Четыре направления без своей картинки: серая заглушка Битрикса → та же спокойная плитка. */
.mainPageSections__items img[src*="default."] {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Crect width='120' height='120' rx='14' fill='%23F1EFEA'/%3E%3Cg fill='none' stroke='%23BDB8AE' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='34' y='50' width='52' height='30' rx='4'/%3E%3Ccircle cx='60' cy='65' r='9'/%3E%3Cpath d='M48 50l5-8h14l5 8'/%3E%3C/g%3E%3C/svg%3E");
  width: 96px !important;
  height: 96px !important;
}
/* /about/: стрелка ленты брендов стояла на 20 px за краем. */
.brand-area .bs-button-next {
  right: 0 !important;
}
/* /service/: невидимый чекбокс согласия растянут на 1 410 px от середины формы.
   Кликается подпись (label for), сам ввод прозрачный — размер ему не нужен. */
form.js-service-feedback #privacy_policy_service_newsletter {
  width: 1px !important;
  height: 1px !important;
  left: 0 !important;
  right: auto !important;
}
/* /iflow/ и любые встройки: не шире колонки. */
main iframe {
  max-width: 100% !important;
}
main iframe[src*="vk.com/video_ext"] {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
}
/* /support/: длинные адреса и почты переносятся, а не распирают страницу. */
.supportList__item__text {
  min-width: 0;
  overflow-wrap: break-word;
}
/* На телефоне текст — под логотипом во всю ширину: номера и почты не рвутся посередине. */
@media (max-width: 767px) {
  .supportList__item {
    flex-wrap: wrap !important;
  }
  .supportList__item__text {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px;
  }
}
/* Телефон: страховка от сдвига вбок (скрытые выпадашки крошек и т. п.).
   clip, а не hidden: не создаёт прокрутки и не ломает липкие элементы. */
@media (max-width: 767px) {
  main {
    overflow-x: clip;
  }
}