/* 1) Ìàëåíüêèé êðàñíûé áëîê ñ "!" */
    #subscribe-block {
          position: fixed;
    width: 44px;
    background: red;
    color: white;
    font-size: 1.5rem;
    line-height: 44px;
    text-align: center;
    top: 65%;
    transform: translateY(-50%);
    right: -100px;
    cursor: pointer;
    transition: right 0.5s ease;
    z-index: 2;
    }
    @keyframes pulse {
      0%   { transform: translateY(-50%) scale(1); }
      50%  { transform: translateY(-50%) scale(1.3); }
      100% { transform: translateY(-50%) scale(1); }
    }
    .pulse {
      animation: pulse 0.6s ease 1;
    }

    /* 2) Áëîê "Âàæíàÿ èíôîðìàöèÿ" òåïåðü 280?100 */
    #subscribeinfo-block {
          position: fixed;
    width: 260px;
    height: 44px;
    background: #ffaa6d;
    color: #333;
    font-family: sans-serif;
    padding: 5px;
    box-sizing: border-box;
    top: 65%;
    transform: translateY(-50%);
    right: -260px;
    transition: right 0.5s ease;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    }

    /* 3) Áîëüøîé ñåðûé áëîê 500?280 */
    #subscribelarge-block {
      position: fixed;
      width: 500px;
      background: var(--bs-secondary-bg);
      top: 60%; transform: translateY(-50%);
      right: -500px;        /* ñïðÿòàí çà ïðàâûì êðàåì */
      transition: right 0.5s ease;
      box-shadow: 0 0 10px rgba(0,0,0,0.3);
      z-index: 3;
      padding: 20px; box-sizing: border-box;
      font-family: sans-serif;
    }
    #subscribelarge-block .close {
      position: absolute;
      top: 10px; right: 15px;
      font-size: 24px; cursor: pointer;
    }


@media (max-width: 767px) {
    
#logotop{width: 100% !important;}
#subscribelarge-block {
      position: fixed;
      width: 290px;
    }
  
}