/* .scrollup {
    position: fixed; фиксированная позиция
    color: #fff; цвет текста
    background-color: #28a71c; цвет заднего фона
    opacity: .6;  прозрачность
    right: 20px; расстояние от правого края
    bottom: 20px; расстояние от нижнего края
    padding: 10px 20px; отступы до содержимого блока
    font-size: 20px; размер шрифта (иконки)
    border-radius: 10px; скругление верхнего левого угла
    cursor: pointer; форма курсора
    display: none; не отображать элемент
    text-align: center; выравнивание содержимого элемента по центру
  }
  .scrollup:hover {
    background-color: #fc7a74 ; цвет заднего фона при наведении
  }
  
  
  @media (max-width:1000px){
    .scrollup {
      right: 20px; расстояние от правого края
      bottom: 20px; расстояние от нижнего края
      padding: 15px 20px; отступы до содержимого блока
      font-size: 70px; размер шрифта (иконки)
    }
  } */
  
  .scrollup {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    background-color: #ff7f09;
     opacity: 0.1;
    border-radius: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    color: white;
    z-index: 1000;
}

.scrollup:hover {
    background-color: #ff7f09;
    transform: translateY(-8px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.25);
}

.scrollup.active {
    opacity: 0.3;
    visibility: visible;
}

/* Стрелка */
/* .scrollup::before {
    content: '↑';
    font-size: 24px;
    color: white;
    font-weight: bold;
} */