.section-envelope{
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f1e9;
  }
  
  .envelope{
    position: relative;
    width: 420px;
    height: 260px;
    cursor: pointer;
  }
  
  .back{
    position: absolute;
    inset: 0;
    background: #d7cfb8;
    border-radius: 14px;
    z-index: 1;
    box-shadow: 0 30px 60px rgba(0,0,0,0.2);
  }
  
  .card{
    position:absolute;
    left:50%;
    top:0px;
    
    transform:translateX(-50%) translateY(60px);
    
    width:330px;
    height:180px;
    
    background:white;
    
    border-radius:10px;
    
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
    
    z-index:2;
    
    display:flex;
    align-items:center;
    justify-content:center;
    }
    
    /* текст на карточке */
    
    .card::before{
        content:"";
        
        position:absolute;
        
        top:25px;
        left:50%;
        
        width:60%;
        height:1px;
        
        background:#d7cfb8;
        
        transform:translateX(-50%);
        }

    .card-title{
    font-family:"Great Vibes", cursive;
    font-size:48px;
    color:#7b6a58;
    letter-spacing:2px;
    }
  
  .side-left,
  .side-right,
  .bottom-fold{
    position: absolute;
    inset: 0;
    z-index: 3;
  }
  
  .side-left{
    background: #eee6d6;
    clip-path: polygon(0 0, 50% 52%, 0 100%);
  }
  
  .side-right{
    background: #eee6d6;
    clip-path: polygon(100% 0, 50% 52%, 100% 100%);
  }
  
  .bottom-fold{
    background: #e3dac9;
    clip-path: polygon(0 100%, 50% 45%, 100% 100%);
  }
  
  .flap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130px;
    background: #c9c0a6;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    transform-origin: 50% 0%;
    z-index: 5;
  }



  .tap-hint{

    position:absolute;
    bottom:80px;
    left:50%;
    
    transform:translateX(-50%);
    
    font-family:"Montserrat", sans-serif;
    font-size:18px;
    letter-spacing:2px;
    
    color:#7b6a58;
    
    opacity:0.8;
    
    animation:tapPulse 1.8s infinite;
    }
    
    /* анимация пульсации */
    
    @keyframes tapPulse{
    
    0%{
    transform:translateX(-50%) translateY(0);
    opacity:0.3;
    }
    
    50%{
    transform:translateX(-50%) translateY(-8px);
    opacity:1;
    }
    
    100%{
    transform:translateX(-50%) translateY(0);
    opacity:0.3;
    }
    
    }