body { font-family: Arial,sans-serif;  overflow: scroll;}
/* header { background:#222; color:white; } */
nav a { color:white; margin:0 10px; text-decoration:none; }
nav a:hover { border-bottom: 2px solid #fe3739; }
.card { transition: transform 0.2s; height: 100%; }
.card-row{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap:10px;
}
.contact_link{
      color: #0768af;
}
.card a{text-decoration: none; color: #000;}
.card-text{font-size: small;}
.card:hover { transform: scale(1.05); }
.card-img-wrap{ height: 60px; display: flex; justify-content: center;}
.card-img-wrap img{object-fit: contain;}
.lang-switch.active {
  background-color: #0d6efd;
  color: white;
  border-color: #0d6efd;}
  footer{
    position: absolute;
    width: 100%;
    bottom: 0;
  } 

 header {
  position: relative;
  z-index: 1000;
  padding: 0 10px;
}

/* Навигация */
nav {
  justify-content: center;
}
.navbar-nav .nav-link {
  padding: 0.5rem 1rem;
transition: none;
}

.logo{
  height: 60px;
}

.navbar-nav .nav-link.active {
  border-bottom: 2px solid #fe3739;
}

/* Кнопка-гамбургер */
.navbar-toggler {
  border: none;
  order: 2;
}

/* .navbar-toggler-icon {
  filter: invert(1);
} */

/* Логотип слева, кнопка по центру, язык справа */
.navbar{
padding: 0 20px;
    border-bottom: solid 2px #ff3333;
    height: 100px;
}

.navbar-collapse{
  margin-right: 250px;
}

.grecaptcha-badge{
  bottom:60px !important;
}
/* Селектор языка всегда справа */
.lang-select select {
  min-width: 110px;
}

  .lang-mail {
        display: flex;
        position: fixed;
        right: 20px;
          background-color: #fafafa;
  padding: 5px;
  border-radius: 10px;
  }
.mail-wrap{
  margin-right: 40px;
}



.navbar-brand img {
    max-height: 50px;
  }
  p{
    text-align: justify;
  }

    p.card-text{
    text-align: left;
  }
main {

    min-height: calc(100vh - 140px);
    /* background-image: url(/assets/images/1324.png); */
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right -39px;
    border-radius: 10px;
}
main .sec{
    background-color: #ffffffcf;
    width: 50%;
    margin: 0;
    border-radius: 10px;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #50967d;
    --bs-btn-border-color: #50967d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cf656a;
    --bs-btn-hover-border-color: #cf656a;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #50967d;
    --bs-btn-active-border-color: #50967d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;}

.products{
  background-color: #ffffffbf;
  padding: 40px;
  border-radius: 10px;
}

.contacts{
  padding:0 12px 0 12px;
}

.bg-main{
  background-image: url(/assets/images/photo-1-2026-02-02-12-57-07.jpg);
  background-size: cover;
}
.bg-product{
  background-image: url(/assets/images/photo_2026-01-27_12-45-56.webp);
    background-size: auto;
    background-repeat: repeat-y;
    background-position: top center;
  }
.bg-about{
  background-image: url(/assets/images/photo_7_2026-02-02_12-57-07.jpg);
  background-size: contain;
      background-repeat: no-repeat;
    background-position: right top;
}
.bg-contact{
  background-image: url(/assets/images/photo_2_2026-02-02_12-57-07.jpg);
      background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
}

/* На мобильных — язык остаётся видимым */
@media (max-width: 1250px) {
  main{
  background-position: right 60px;
}

}


@media (max-width: 992px) {
  .navbar .container {
    position: relative;
 
  }
    nav {
      align-items: center;
    }
    nav a {
      margin: 0;
    }
  main{
  background-position: right 30px;
  background-size: 60%;

  max-width: 90% !important;
}
  main .sec{
    width:75%;
  }
  .navbar-collapse{
margin: 0px;
  top: 100px;
  left: 0;
  position: absolute;
  width: 100%;
}

  .navbar-toggler {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .lang-select {
    position: absolute;
    right: 1rem;
    top: px

  }
}

@media (max-width: 800px) {
  .lang-mail {
    flex-direction: column;
    gap: 10px;
  }
  .mail-wrap{
  margin-right: 0px;
}
main{
  background-position: right 60px;
  background-size: 75%;
}
}


@media (max-width: 500px) {
    .navbar-brand img {
    max-height: 25px;
  }
    main .sec{
    width:100%;
  }
  main{
    background-position: right -40px;
    background-size: 100%;
      max-width: 100% !important;
  }

}