/* ❌ по умолчанию (ПК) — скрыто */
.mobile-menu-btn,
.mobile-menu{
    display:none;
}

/* 📱 только мобильная версия */
@media (max-width: 980px){

    .mobile-menu-btn{
        display:flex;
    }

    .mobile-menu{
        display:flex;
    }
}
/* 📱 НА МОБИЛКЕ СКРЫВАЕМ СТАРЫЙ ХЕДЕР TILDA */
@media (max-width: 980px){
    header,
    .t228,
    .t450,
    .t456,
    .t454,
    .t-menu,
    .t-menuburger{
        display:none !important;
    }
}
.btn-jam {
    position: relative;
    overflow: hidden;
    border-radius: 16px;

    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border: 1px solid rgba(212,175,55,0.35);

    transition:
        transform 0.45s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.45s cubic-bezier(.22,.61,.36,1),
        border-color 0.45s ease;

    animation: btnFloat 7s ease-in-out infinite;
}

/* Плавание кнопки */
@keyframes btnFloat {
    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-2px);
    }
}

/* Наведение */
.btn-jam:hover {
    transform: translateY(-7px) scale(1.02);

    box-shadow:
        0 12px 30px rgba(0,0,0,0.18),
        0 0 14px rgba(212,175,55,0.08);

    border-color: rgba(212,175,55,0.55);
}

/* Золотой перелив */
.btn-jam::before {
    content: "";
    position: absolute;
    inset: -50%;
    pointer-events: none;

    background: linear-gradient(
        115deg,
        transparent 35%,
        rgba(255,215,120,0.05) 45%,
        rgba(255,240,190,0.15) 50%,
        rgba(255,215,120,0.05) 55%,
        transparent 65%
    );

    animation: goldSweep 8s linear infinite;
}

@keyframes goldSweep {
    from {
        transform: translateX(-120%) rotate(15deg);
    }

    to {
        transform: translateX(120%) rotate(15deg);
    }
}

/* Мягкое мерцание рамки */
.btn-jam::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;

    border: 1px solid rgba(212,175,55,0.4);

    animation: borderGlow 6s ease-in-out infinite;
}

@keyframes borderGlow {

    0%,
    100% {
        border-color: rgba(212,175,55,0.35);

        box-shadow:
            0 0 3px rgba(212,175,55,0.03),
            inset 0 0 2px rgba(212,175,55,0.02);
    }

    50% {
        border-color: rgba(212,175,55,0.55);

        box-shadow:
            0 0 8px rgba(212,175,55,0.10),
            inset 0 0 4px rgba(212,175,55,0.05);
    }
}
.cat-item {
    position: relative;
    display: inline-block;
    transition: all 0.4s ease;
    animation: floatItem 3.5s ease-in-out infinite;
}

/* Разная задержка для каждого слова */
.cat-item:nth-child(1) { animation-delay: 0s; }
.cat-item:nth-child(2) { animation-delay: .3s; }
.cat-item:nth-child(3) { animation-delay: .6s; }
.cat-item:nth-child(4) { animation-delay: .9s; }
.cat-item:nth-child(5) { animation-delay: 1.2s; }

@keyframes floatItem {
    0%,100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

/* Эффект при наведении */
.cat-item:hover {
    transform: translateY(-8px) scale(1.08);
    color: #ffd978;
    text-shadow:
        0 0 10px rgba(212,175,55,.4),
        0 0 20px rgba(212,175,55,.2);
}
.uc-service .services-go {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
}
.project-modal{
    position:fixed;
    inset:0;
    z-index:99999;

    display:flex;
    justify-content:center;
    align-items:center;

    opacity:0;
    visibility:hidden;

    transition:.5s ease;
}

.project-modal.active{
    opacity:1;
    visibility:visible;
}

.modal-overlay{
    position:absolute;
    inset:0;

    background:rgba(0,0,0,.55);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.modal-window{

    position:relative;

    width:90%;
    max-width:560px;

    padding:40px;

    border-radius:28px;

    background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.12),
      rgba(255,255,255,.04)
    );

    backdrop-filter:blur(30px);
    -webkit-backdrop-filter:blur(30px);

    border:1px solid rgba(212,175,55,.35);

    box-shadow:
    0 20px 80px rgba(0,0,0,.45),
    0 0 30px rgba(212,175,55,.08);

    overflow:hidden;

    animation:
    modalFloat 8s ease-in-out infinite,
    borderGlow 4s ease-in-out infinite;

    transform:translateY(30px);
}

.project-modal.active .modal-window{
    animation:
    modalFloat 8s ease-in-out infinite,
    borderGlow 4s ease-in-out infinite;
}

.modal-window h2{
    color:#fff;
    text-align:center;
    margin-bottom:25px;
    font-weight:500;
}

.modal-window input,
.modal-window select {

    display:block;
    width:100%;
    box-sizing:border-box;

    margin:0 0 14px 0;
    padding:16px 18px;

    border-radius:14px;
    border:1px solid rgba(212,175,55,.18);

    background:rgba(255,255,255,.04);

    color:#fff;

    font-size:15px;

    backdrop-filter:blur(15px);
}
}

.modal-window input:focus,
.modal-window select:focus{

    outline:none;

    border-color:
    rgba(255,215,0,.5);

    box-shadow:
    0 0 15px rgba(255,215,0,.15);
}

.privacy{
    display:flex;
    align-items:flex-start;
    gap:12px;

    margin:18px 0 24px;

    color:#d8d8d8;
    font-size:13px;
    line-height:1.5;
}

.privacy input[type="checkbox"]{
    width:18px;
    height:18px;
    margin-top:2px;
    flex-shrink:0;
}
}

.glass-send{

    width:100%;
    padding:16px;

    border:none;
    border-radius:14px;

    cursor:pointer;

    color:white;

    background:
    linear-gradient(
      135deg,
      rgba(212,175,55,.8),
      rgba(255,215,0,.9)
    );

    transition:.4s;
}

.glass-send:hover{

    transform:translateY(-2px);

    box-shadow:
    0 0 25px rgba(255,215,0,.25);
}

.modal-close{

    position:absolute;
    right:18px;
    top:15px;

    color:#d4af37;

    font-size:22px;

    cursor:pointer;
}

@keyframes modalFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-6px);
    }
}

@keyframes borderGlow{

    0%,100%{

        border-color:
        rgba(212,175,55,.35);

        box-shadow:
        0 0 15px rgba(212,175,55,.08);
    }

    50%{

        border-color:
        rgba(255,215,0,.7);

        box-shadow:
        0 0 25px rgba(255,215,0,.15);
    }
}