h1 {color: #f0e0fd; font-size: 30px;}

body {
  background: #000106;
}

.footer {padding: 5px;}
.footer a {color: #7e46cf;}
.footer1 {color: #7e46cf; padding: 5px;}
.footer2 {color: #7e46cf; padding: 5px; text-align: right;}

.gl-head {background: #333;}
.gl-head1 {padding: 10px 0;}
.gl-head2 {padding: 7px 0 0;}

.font-top {padding: 5px 15px; color: #fff; text-align: right;}
.font-top a {color: #fff; text-decoration: none;}
.font-top a:hover {color: #FD6F1F;}

.gl-top {background: #000106; border-bottom: 1px solid #a874e8; padding: 20px;}

/* Стили для "Меню" */
.custom-menu-btn {
  background-color: #dbb5fb;
  border-color: #dbb5fb;
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
  --bs-btn-hover-bg: #eeeef0;
  --bs-btn-hover-border: #eeeef0;
  --bs-btn-hover-color: #000;
  min-width: 130px;
  display: inline-block;
  margin: 0 7px;
}

.custom-menu-btn:hover {
  background-color: #c9a4e9;
  border-color: #c9a4e9;
  color: #000;
  text-decoration: none;
}

.custom-menu-btn:focus {
  background-color: #dbb5fb;
  border-color: #dbb5fb;
  color: #000;
  text-decoration: none;
  box-shadow: 0 0 0 0.2rem rgba(219, 181, 251, 0.25);
}

/* Активное состояние — меню открыто */
.custom-menu-btn.show,
.custom-menu-btn.active,
.custom-menu-btn[aria-expanded="true"] {
  background-color: #003057 !important;
  border-color: #003057 !important;
  color: #fff !important;
}

/* Стили для "Каталог" */
.custom-dropdown-btn {
  background-color: #003057;
  border-color: #003057;
  color: #dbb5fb;
  text-decoration: none;
  transition: all 0.3s ease;
  --bs-btn-hover-bg: #002540;
  --bs-btn-hover-border: #002540;
  --bs-btn-hover-color: #fff;
  min-width: 130px;
  display: inline-block;
  margin: 0 14px 0 7px;
}

.custom-dropdown-btn:hover {
  background-color: #002540;
  border-color: #002540;
  color: #dbb5fb;
}

.custom-dropdown-btn:focus {
  background-color: #003057;
  border-color: #003057;
  color: #dbb5fb;
  text-decoration: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 48, 87, 0.25);
}

/* Активное состояние — меню открыто */
.custom-dropdown-btn.show,
.custom-dropdown-btn.active,
.custom-dropdown-btn[aria-expanded="true"] {
  background-color: #003057 !important;
  border-color: #003057 !important;
  color: #dbb5fb !important;
}

/* Класс для состояния, когда "Меню" активно (используется для влияния на "Каталог") */
.catalog-menu-active {
  background-color: #dbb5fb !important;
  border-color: #dbb5fb !important;
  color: #000 !important;
}

.btn-close.light-purple-svg {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dbb5fb'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586l6.293-6.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
  opacity: 0.8;
}

.btn-close.light-purple-svg:hover {
  opacity: 1;
}

.input-group.search-rounded {
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #ced4da;
  height: 40px; /* фиксированная высота всей группы */
}

.input-group.search-rounded .form-control {
  border: none;
  padding: 6px 15px; /* уменьшенные паддинги */
  font-size: 0.9rem; /* чуть меньший размер шрифта */
}

.input-group.search-rounded .btn-search {
  border: none;
  background-color: white !important;
  color: #6c757d !important;
  border-radius: 30px !important;
  padding: 6px 12px; /* уменьшенные паддинги у кнопки */
}

.input-group.search-rounded .btn-search:hover {
  background-color: white !important; /* белый фон при наведении */
  color: #495057 !important; /* более тёмный цвет иконки при наведении */
}

.form-controll {
  width: 100%;
  max-width: 400px; 
}

.search-input {width: 300px;}
.form-controll:focus {
  border-color: inherit !important;
  box-shadow: none !important;
  outline: none !important;
}

.nav-contact {color: #333; padding-left: 14px; text-align: right;}

.btn-top-k {--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .80rem;}

.video-background {
  position: relative;
  width: 100%;
  min-height: 300px;
  max-height: 900px;
  height: 70vh; /* Высота относительно экрана */
  overflow: hidden;

}

.video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

.bg-video, .fallback-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  padding: 60px 20px 20px;

}
.content1 {
  position: relative;
  z-index: 1;
  color: white;
  text-align: right; /* Выравнивание текста по правому краю */
  padding: 0 20px 20px;
  min-height: 100%;
font-size: 20px;
text-align: center;
color: #f0e0fd;

}

.content1 > * {
  margin-top: auto; /* Занимает всё свободное пространство сверху */
}

.cont-cont {background: #000106; margin: 5px 0 20px; min-height: 500px;}
.cont-cont h1{font-size: 25px; color: #dbb5fb;}

.cont-cont-cont {background: #000106; border: 1px solid #7e46cf; border-radius: 8px; padding: 20px; min-height: 500px; color: #dbb5fb;}

/* куки предупреждение */
.cookie_notice {
    display: none;
    position: fixed;
    z-index: 1999;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 15px;
    font-family: Verdana, sans-serif;  
    color: #FFF;
    background: url("images/coocs.png");
    padding: 10px 20px; 
    border-top: 4px solid #7e46cf;
}
/* Оформление кнопок */
.cookie_btn {
    display: inline-block;
    margin: 10px 6px 4px 6px;
    text-decoration: none;
    position: relative;
    font-size: 13px;
    padding: 4px 12px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase; 
    background: url("images/coocs.png");
    border: 2px solid #7e46cf;
}
.cookie_btn:hover {
    color: #FFF;
}
.cookie_btn:after,
.cookie_btn:before {
    position: absolute;
    height: 2px;
    left: 50%;
    background: #FFF;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.cookie_btn:before {
    top: -6px;
}
.cookie_btn:hover:after,
.cookie_btn:hover:before {
    width: 100%;
    left: 0;
}
/* куки предупреждение конец */


@media only screen and (max-width: 1200px) {
.search-input {width: 200px;}
}

@media only screen and (max-width: 992px) {
.font-top {padding: 5px 10px;}
.nont-d {display: none;}
.gl-head1 {padding: 0;}
.gl-head2 {padding: 0;}
.custom-menu-btn {width: 100%; margin: 0; text-align: left;}
.custom-dropdown-btn {width: 100%; margin: 15px 0 0 0; text-align: left;}
.search-input {width: 100%; margin: 15px 0 0 0;}
.nav-contact {margin-top: 20px; padding-left: 0; text-align: left;}
h1 {color: #f0e0fd; font-size: 20px;}
.content1 {font-size: 13px; max-height: 100px; min-height: 100px; padding: 0 20px 0;}
.content {padding: 20px 20px 0;}
.video-container {max-height: 210px; min-height: 210px;}
.video-background {max-height: 210px; min-height: 210px;}
.gl-top {padding: 0 20px 20px;}
.footer {padding: 0 10px;}
.footer1 {padding: 5px 10px;}
.footer2 {padding: 5px 10px 10px; text-align: left;}
}

@media only screen and (max-width: 768px) {
.font-top {font-size: 16px;}
  .video-background {
    height: 300px; /* Уменьшаем высоту на мобильных */
  }
}

@media only screen and (max-width: 576px) {

}