/* Start:/local/templates/decoden/components/bitrix/menu/top_nav/style.css?1787832199261*/
.top-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top-nav li {
    display: inline-block;
    margin-right: 20px;
}

.top-nav a {
    text-decoration: none;
    color: #000;
}

.top-nav a.selected {
    font-weight: bold;
}

/* End */


/* Start:/local/templates/decoden/components/bitrix/menu/top_nav_mobile/style.css?1787832199261*/
.top-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top-nav li {
    display: inline-block;
    margin-right: 20px;
}

.top-nav a {
    text-decoration: none;
    color: #000;
}

.top-nav a.selected {
    font-weight: bold;
}

/* End */


/* Start:/local/templates/decoden/components/bitrix/breadcrumb/universal/style.min.css?1787832199670*/
.bx-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:22px}.bx-breadcrumb-item{height:22px;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.bx-breadcrumb-item-angle{margin:0 10px;color:#b5bdc2;vertical-align:top;font-size:12px}.bx-breadcrumb-item-link{border-bottom:0;vertical-align:top;line-height:21px}.bx-breadcrumb-item-text{vertical-align:top;white-space:nowrap;font:400 13px/21px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;transition:250ms linear all}
/* End */


/* Start:/local/templates/decoden/styles.css?17878321992359*/
/* Общие стили шаблона */
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; font-family: 'Montserrat', sans-serif; color: #222; background: #fff; }
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.site-header { border-bottom: 1px solid #eee; padding: 12px 0; }
.site-header .logo { font-weight: 700; text-decoration: none; color: #111; font-size: 20px; margin-right: 24px; }
.site-footer { border-top: 1px solid #eee; color: #666; font-size: 14px; padding: 24px 0; margin-top: 40px; }
.site-main { padding: 24px 0; }

/* Пример стилей меню */
.bx-top-nav { display: flex; gap: 16px; }
.bx-top-nav a { color: #333; text-decoration: none; padding: 6px 8px; border-radius: 6px; }
.bx-top-nav a:hover { background: #f5f5f5; }

body input,
body textarea, 
body button {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
}

body button {
  cursor: pointer;
}

/* Шрифт AC Line */
.font-acline {
  font-family: 'AC Line', sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Основной текст — Montserrat */
.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

/* В табах Описание, Характеристики, Доставка, Оплата — только заголовки AC Line; в Услугах — всё Montserrat */
#tab-content [data-tab="description"] h2,
#tab-content [data-tab="description"] h3,
#tab-content [data-tab="description"] h4,
#tab-content [data-tab="specs"] h2,
#tab-content [data-tab="specs"] h3,
#tab-content [data-tab="specs"] h4,
#tab-content [data-tab="delivery"] h2,
#tab-content [data-tab="delivery"] h3,
#tab-content [data-tab="delivery"] h4,
#tab-content [data-tab="payment"] h2,
#tab-content [data-tab="payment"] h3,
#tab-content [data-tab="payment"] h4 {
  font-family: 'AC Line', sans-serif;
}

/* Исправление положения иконки и текста в поле выбора локации */
.bx-sls .dropdown-block input.bx-ui-sls-fake {
  padding-left: 35px !important;
  text-align: left !important;
}

/* Центрирование иконки в контейнере dropdown-block */
.bx-sls .dropdown-block::before {
  left: 10px !important;
  transform: translateY(-50%) !important;
  top: 50% !important;
}

/* End */


/* Start:/local/templates/decoden/template_styles.css?17878321997461*/
/* Стили, которые Bitrix подключает автоматически как "template_styles.css" */

/* Логотип в шапке: ширина по медиа-запросам */
.header-logo {
  width: 166px;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .header-logo {
    width: 247px;
  }
}
@media (min-width: 1024px) {
  .header-logo {
    width: 302px; /* 335px −10% для декстопа */
  }
}

/* Отступ шапки от красного баннера «Новое поступление!» */
.header-below-banner {
  padding-top: 12px;
}
@media (min-width: 640px) {
  .header-below-banner {
    padding-top: 16px;
  }
}

/* Блок с логотипом: отступы сверху и снизу */
.header-logo-block {
  margin-top: 0px;
  margin-bottom: 0px;
}

.page-title { font-size: 28px; font-weight: 700; margin: 0 0 16px; }

/* Кнопки навигации слайдеров: неактивная (листать нельзя) — прозрачная */
.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
 
}

/* Хлебные крошки: убираем фиксированную высоту — блок растёт при переносе текста, контент ниже не перекрывается */
.bx-breadcrumb-item {
  height: auto;
  min-height: 22px;
}

/* Хлебные крошки: увеличенный отступ снизу по всему сайту (в 2 раза) */
.bx-breadcrumb {
  margin-bottom: 30px;
}
/* Brand color utility used in active top menu */
.text-brand {
  --tw-bg-opacity: 1;
  color: rgb(161 14 14 / var(--tw-bg-opacity, 1));
}

/* Анимация бургер-кнопки отключена - кнопка остается просто полосками */

/* Personal section buttons layout */
.sale-personal-section {
  /* ensure predictable spacing inside personal area */
  margin-top: 24px;
}

/* Make action tiles look like large buttons */
.sale-personal-section .sale-personal-section-index-block-link {
  display: block;
  width: 100%;
  border: 1px solid #CFCFCF;
  background: #fff;
  color: #000; /* black text */
  text-transform: none;
  letter-spacing: normal;
  font-weight: 400;
  padding: 12px 16px; /* compact row height */
  border-radius: 2px;
  text-align: left; /* as rows */
}

.sale-personal-section .sale-personal-section-index-block-link:hover {
  background: #f7f7f7;
  color: #000;
  text-decoration: none;
}

/* Hide default inner icon/name layout; we center name */
.sale-personal-section .sale-personal-section-index-block-ico { display: none; }
.sale-personal-section .sale-personal-section-index-block-name {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

/* Vertical list with gaps across all breakpoints */
.sale-personal-section .row,
.sale-personal-section .personal-menu,
.sale-personal-section .list-group,
.sale-personal-section .list-unstyled {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

/* Remove default list/row spacing that may interfere */
.sale-personal-section .list-group,
.sale-personal-section .list-unstyled {
  margin: 0;
  padding: 0;
}

/* Make list items not show bullets if they exist */
.sale-personal-section .list-group-item,
.sale-personal-section li {
  list-style: none;
  border: 0;
  padding: 0;
  margin: 0;
}

/* Always single column (rows) */

/* Стили для кнопок сайта */
.btn {
  width: 100%;
  padding: 0.75rem 0.75rem; /* py-3 px-3 */
  font-size: 0.75rem; /* text-xs */
  line-height: 1rem;
  border: 1px solid #000; /* border border-black */
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms; /* transition-colors */
  border-radius: 0!important;
}

.btn:hover {
  background-color: #000; /* hover:bg-black */
  color: #fff; /* hover:text-white */
  border-color: #000; /* hover:border-black */
}

/* Всплывающее окно добавления товара в корзину */
.cart-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.cart-popup-overlay.show {
  opacity: 1;
}

.cart-popup {
  background-color: #950100; /* темно-красный */
  color: #fff;
  padding: 50px 40px;
  border-radius: 0;
  position: relative;
  width: 452px;
  min-height: 184px;
  max-width: 90vw;
  text-align: center;
  overflow: hidden;
  transform: scale(0.9);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cart-popup-overlay.show .cart-popup {
  transform: scale(1);
}

/* Декоративные линии на фоне */
.cart-popup::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(139, 69, 19, 0.3) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(0, 0, 0, 0.2) 0%, transparent 50%),
    linear-gradient(135deg, transparent 0%, rgba(139, 69, 19, 0.1) 50%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

.cart-popup-content {
  position: relative;
  z-index: 1;
}

.cart-popup-title {
  font-family: 'AC Line', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 25px 0;
  line-height: 1.5;
  color: #fff;
}

.cart-popup-button {
  background-color: #950100;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  text-decoration: none;
  min-width: 200px;
}

.cart-popup-button:hover {
  background-color: #fff;
  color: #950100;
}

/* Увеличение размера кружочков слайдера для мобильных и планшетных устройств */
@media (max-width: 1024px) {
  .bx-ui-slider-handle {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    margin-top: -14px !important;
  }
  
  .bx-ui-slider-handle.left {
    margin-left: -14px !important;
  }
  
  .bx-ui-slider-handle.right {
    margin-right: -14px !important;
  }
  
  /* Отступ снизу от цифр, чтобы кружочки не наезжали */
  .bx-ui-slider-track-container {
    margin-bottom: 20px !important;
  }
  
  /* Поднимаем цифры слайдера выше */
  .bx-filter .bx-ui-slider-part span {
    margin-top: -25px !important;
  }
}

/* Дополнительная защита от горизонтального скролла на мобильных устройствах */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative;
  }
  
  /* Ограничиваем ширину всех основных контейнеров */
  .max-w-7xl {
    max-width: 100% !important;
  }
  
  /* Ограничиваем ширину grid контейнеров */
  .grid {
    max-width: 100%;
    overflow-x: hidden;
  }
}

/* End */
/* /local/templates/decoden/components/bitrix/menu/top_nav/style.css?1787832199261 */
/* /local/templates/decoden/components/bitrix/menu/top_nav_mobile/style.css?1787832199261 */
/* /local/templates/decoden/components/bitrix/breadcrumb/universal/style.min.css?1787832199670 */
/* /local/templates/decoden/styles.css?17878321992359 */
/* /local/templates/decoden/template_styles.css?17878321997461 */