:root{ --bg:#000; --panel:#0a0a0a; --surface:#111; --muted:#555; --accent:#fff; }
    *{box-sizing:border-box}

    body{
      margin:0;
      padding:0;
      background:var(--surface);
      color:var(--accent);
      font-family:"Roboto Mono", monospace;
      overflow-x:hidden;
    }
    body.lock{ overflow:hidden }

    /* LOADER */
    #loader{
      position:fixed;
      inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#000;
      z-index:9999;
    }
    #loader img{ width:200px }

    /* HEADER — ОРИГИНАЛ */
    header{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:20px 40px;
      background:var(--surface);
      border-bottom:1px solid #222;
      position:relative;
      z-index:10;
      opacity:0;
    }
    .links a {
        text-decoration: none;
        color: white;
        padding: 10px;
    }
    .links a:hover {
        text-decoration: none;
        color: white;
        padding: 9px;
        border: 1px solid white;
    }

    /* CONTAINERS */
    .container{
      padding:10vh 40px;
      border-bottom:1px solid #222;
      font-size:36px;
      text-align:center;
      cursor:pointer;
      transition:transform .25s, box-shadow .25s;
      transform:translateY(40px);
      opacity:0;
      background-size:cover;
      background-position:center;
    }

  


    #cont1{background-image:url(../assets/denisse-leon-OVEWbIgffDk-unsplash.jpg)}
    #cont2{background: linear-gradient(
                     rgba(20,20,20, .5), 
                     rgba(20,20,20, .5)),url(../assets/IMG_0653107.jpg) center center no-repeat; background-size:cover;}
    #cont3{background: linear-gradient(
                     rgba(20,20,20, .5), 
                     rgba(20,20,20, .5)), url(../assets/IMG_9171017.jpg) center center no-repeat; background-size:cover;}
    #cont4{background-image:url(../assets/max-raber-F539NKl_8GQ-unsplash.jpg)}

    

    /* FULLSCREEN OVERLAY */
    .fullscreen{
      position:fixed;
      inset:0;
      display:none;
      z-index:9990;
      background:rgba(0,0,0,.92);
      backdrop-filter:blur(10px);
      padding-top: 60px;
       padding-bottom: 60px;
      overflow-y:auto;
    }

    .fullscreen h2{
      font-size:48px;
      margin-bottom:18px;
      padding: 20px;
    }
    .fullscreen p{
      max-width:900px;
      font-size:18px;
      line-height:1.6;
      padding: 20px;
    }

    .close-btn{
      position:absolute;
      top:20px;
      right:26px;
      font-size:36px;
      color:#ccc;
      cursor:pointer;
      user-select:none;
    }
    .close-btn:hover{ color:#fff }

    /* GALLERY */
    .gallery-wrapper {
         overflow:hidden;
  touch-action: pan-y; /* сохраняем вертикальный скролл overlay */
}

.gallery-track {
  display:flex;
  gap:20px;
  cursor:grab;
  will-change:transform;
  user-select:none;

}

    .gallery-track img{
      flex:0 0 80%;
      height:240px;
      background:#222;
      border-radius:8px;
      object-fit:cover;
 
    }
    .gallery-track video{
      width: 360px;
      height: 240px;
      background:#222;
      border-radius:8px;
      object-fit: cover;
  
    }

    @media(min-width:768px){
      .gallery-track img{
        flex:0 0 32%;
        height:260px;
      }
      
    }

    /* FOOTER — ОРИГИНАЛ */
    footer{
      text-align:center;
      padding:40px 20px;
      background:var(--surface);
      color:var(--muted);
      border-top:1px solid #222;
      opacity:0;
    }

    @media(max-width:900px){
      header{padding:14px 18px}
      .container{font-size:28px}
      .fullscreen h2{font-size:30px}
      .fullscreen p {
        font-size: 15px !important;
      }
    }

.brands {
    background-color: #1112;
}

.trusted-brands {
  padding: 24px 0;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #000;
}

.slider {
  width: 100%;
  overflow: hidden;
  margin: 16px 0;
}

.slider-track {
  display: flex;
  width: max-content;
  will-change: transform;
}

.slider-track img {
  height: 44px;
  margin: 32px; /* ✅ РОВНО 32px СО ВСЕХ СТОРОН */
  flex-shrink: 0;

  /* БЕЛЫЕ ЛОГОТИПЫ */
  filter: brightness(0) invert(1);
  opacity: 0.6;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* Мобилка */
@media (max-width: 768px) {
  .slider-track img {
    height: 26px;
    margin: 12px;
  }
}

.contacts {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 100px;
    text-align: center;
    
}
.contacts p {
    text-align: center;
}
.contacts h2 {
    font-weight: normal;
    text-align: center;
}
.contacts a {
    text-decoration: none;
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 900;
    background-color: #fff;
    padding: 3px;
    padding-left: 10px;
        padding-right: 10px;
        margin: 3px;

}
.contacts a:hover {
   background-color: black;
color: white;
    padding: 2px;
padding-left: 10px;
        padding-right: 10px;
border: 1px solid white;
}