.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-21336 .elementor-element.elementor-element-a2dc184 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21336 .elementor-element.elementor-element-a2dc184{z-index:100;}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-21336 .elementor-element.elementor-element-659daa8 > .elementor-widget-container{padding:50px 0px 0px 0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-21336 .elementor-element.elementor-element-659daa8{z-index:200;}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu .elementor-item{font-size:14px;font-weight:normal;letter-spacing:1px;}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-left:10px;padding-right:10px;}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown a, .elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-accent );border-radius:8px 8px 8px 8px;}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown a:hover,
					.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-menu-toggle:hover{color:var( --e-global-color-primary );}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown a:hover,
					.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown .elementor-item, .elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;font-weight:normal;letter-spacing:1px;}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px;}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:8px;border-bottom-left-radius:8px;}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(214, 214, 214, 0.5);}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown a{padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-21336 .elementor-element.elementor-element-52b789d{text-align:center;}.elementor-21336 .elementor-element.elementor-element-52b789d .elementor-heading-title{font-family:"Tangerine";font-weight:normal;text-shadow:4px 4px 5px rgba(0,0,0,0.3);color:#D95B2C;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-21336 .elementor-element.elementor-element-9ea2f43{column-gap:0px;font-weight:300;line-height:24px;}.elementor-21336 .elementor-element.elementor-element-9a2d6e7{width:var( --container-widget-width, 94.444% );max-width:94.444%;--container-widget-width:94.444%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-21336 .elementor-element.elementor-element-9ea2f43 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-21336 .elementor-element.elementor-element-9ea2f43{font-size:19px;}}@media(min-width:768px){.elementor-21336 .elementor-element.elementor-element-e100a75{width:35%;}.elementor-21336 .elementor-element.elementor-element-f5268ee{width:65%;}}@media(max-width:767px){.elementor-21336 .elementor-element.elementor-element-f5268ee > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-21336 .elementor-element.elementor-element-f5268ee > .elementor-element-populated{margin:0px 30px 0px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;}.elementor-21336 .elementor-element.elementor-element-659daa8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;}.elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown .elementor-item, .elementor-21336 .elementor-element.elementor-element-659daa8 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;letter-spacing:3px;}.elementor-21336 .elementor-element.elementor-element-9ea2f43 > .elementor-widget-container{padding:0px 6px 0px 6px;}.elementor-21336 .elementor-element.elementor-element-9ea2f43{font-size:19px;}}/* Start custom CSS for html, class: .elementor-element-9a2d6e7 *//* Базовые параметры галереи Masonry */
.masonry-gallery {
  column-count: 3; /* Количество колонок на десктопе */
  column-gap: 20px; /* Расстояние между колонками */
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Элемент сетки */
.masonry-item {
  break-inside: avoid; /* Запрещает разрывать карточку между колонками */
  margin-bottom: 20px; /* Отступ снизу между элементами */
  background: #f9f9f9;
  border-radius: 8px;
  overflow: hidden;
}

/* Контейнер превью */
.thumbnail-container {
  position: relative;
  cursor: pointer;
  display: block;
}

.thumbnail-container img {
  width: 100%;
  height: auto; /* Позволяет картинкам сохранять пропорции и создавать Masonry-эффект */
  display: block;
  transition: transform 0.3s ease;
}

.thumbnail-container:hover img {
  transform: scale(1.03); /* Легкий интерактивный зум при наведении */
}

/* Стилизация иконки "Кликни для 3D" */
.icon-3d {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  padding: 8px 14px;
  font-size: 14px;
  border-radius: 20px;
  pointer-events: none; /* Клик проходит сквозь текст на контейнер */
  opacity: 0.9;
  transition: opacity 0.3s ease;
}



/* ---- Стили Модального Окна (Лайтбокса) ---- */
.modal {
  display: none; 
  position: fixed; 
  z-index: 9999; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85); 
  justify-content: center;
  align-items: center;
}

.modal-content {
  position: relative;
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
  width: 90%;
  max-width: 800px;
  height: 75vh;
}

model-viewer {
  width: 100%;
  height: 100%;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #333;
  font-size: 32px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10;
}

.close-btn:hover {
  color: #ff0000;
}

/* ---- Адаптивность галереи под разные экраны ---- */

/* Планшеты (горизонтальные и вертикальные) */
@media (max-width: 768px) {
  .masonry-gallery {
    column-count: 3; /* 2 колонки на планшетах */
    column-gap: 12px; /* Чуть уменьшаем отступ между колонками, чтобы сэкономить место */
    padding: 10px;    /* Уменьшаем внешние отступы галереи */
  }
  
  .masonry-item {
    margin-bottom: 12px; /* Уменьшаем отступ между карточками по вертикали */
  }
.icon-3d {
    bottom: 35px !important; /* Увеличиваем значение, чтобы поднять кнопку выше от нижнего края */
  }
}


/* Мобильные телефоны (все размеры) */
@media (max-width: 480px) {
  .masonry-gallery {
    column-count: 2; /* ГАРАНТИРОВАННО 2 колонки на мобильных устройствах */
    column-gap: 8px;  /* Минимальный аккуратный зазор между колонками */
    padding: 6px;     /* Минимальный отступ от краев экрана телефона */
  }
  
  .masonry-item {
    margin-bottom: 8px; /* Минимальный вертикальный отступ между карточками */
    border-radius: 8px;  /* Чуть скругляем углы, чтобы на мелком экране смотрелось аккуратнее */
  }


  /* Стили текста внутри карточки адаптируем под узкие колонки */
  .item-header {
    padding: 8px 8px 4px 8px; 
  }
  
  .item-title {
    font-size: 13px; /* Уменьшаем шрифт заголовка, чтобы он помещался в узкую колонку */
  }

  .item-footer {
    padding: 4px 8px 8px 8px;
  }

  .item-specs {
    font-size: 11px; /* Спецификации делаем компактными */
  }

  /* Адаптируем иконку 3D для мобильных, чтобы она не перекрывала всю картинку */
  .icon-3d {
    font-size: 11px;
    padding: 4px 8px;
    bottom: 8px;
    width: max-content;
  }

  /* Оптимизируем высоту модального окна на смартфонах */
  .modal-content {
    width: 95%;
    height: 70vh; /* Занимает 70% высоты экрана телефона */
    padding: 10px;
  }
}




/* Стили для заголовка над картинкой */
.item-header {
  padding: 15px 15px 10px 15px; /* Отступы вокруг заголовка */
  background: #ffffff;
  
}

.item-header h6 {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  color: #D95B2C;
  font-family: sans-serif; /* Поменяйте на шрифт вашего сайта */
  line-height: 1.3;
  text-align: center;
}

/* Стили для характеристик под картинкой */
.item-features {
  padding: 12px 15px 18px 15px; /* Отступы вокруг текста */
  background: #ffffff;
  border-top: 1px solid #f0f0f0; /* Легкая разделительная линия между фото и текстом */
}

.item-features p {
  margin: 4px 0; /* Небольшое расстояние между строками характеристик */
  font-size: 13px;
  color: #666;
  line-height: 1.4;
  font-family: sans-serif;
}

.item-features strong {
  color: #A1A1A1; /* Сделаем названия параметров чуть темнее основного текста */
  font-weight: 800;
}



/* Корректировка самой карточки, чтобы она выглядела аккуратной коробочкой */
.masonry-item {
  break-inside: avoid;
  margin-bottom: 20px;
  background: #ffffff;
  border-radius: 12px; /* Скругляем углы всей карточки */
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Легкая тень для объема */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Интерактивный эффект: при наведении на ЛЮБУЮ часть карточки, она слегка приподнимается */
.masonry-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

/* Слегка адаптируем превью, так как эффект увеличения картинки теперь лучше убрать */
.thumbnail-container img {
  width: 100%;
  height: auto;
  display: block;
}
/* Старый стиль .thumbnail-container:hover img { transform: scale(1.03); } можно удалить, 
   так как теперь красиво анимируется вся карточка целиком */
   
   
   
   
   
   /* Контейнер фильтра */
.filter-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto 10px auto;
  font-family: sans-serif;
  
}

.filter-label {
  font-size: 15px;
  font-weight: 300;
  color: #333;
  margin-right: 12px;
}

/* Стильное выпадающее меню */
.filter-dropdown {
  padding: 10px 35px 10px 15px;
  font-size: 15px;
  font-family: sans-serif;
  font-weight: 300; /* Измените это значение */
  color: #1a1a1a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  appearance: none; /* Убираем стандартную стрелку браузера */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://w3.org' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}


/* Изменения в стилях Masonry-карточек для анимации */
.masonry-item {
  /* ...ваши старые стили... */
  transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.4s ease, scale 0.4s ease;
  opacity: 1;
  scale: 1;
}

/* Скрытое состояние при фильтрации */
.masonry-item.is-hidden {
  opacity: 0;
  scale: 0.8;
  display: none; /* Полностью убираем из потока, чтобы Masonry перестроился */
}/* End custom CSS */