/* Баннер — позиция и размер */
    #delayed-banner {
      position: fixed;
      z-index: 9999;
      width: min(400px, 90vw);
      height: min(400px, 90vw);
      display: none;
      opacity: 0;
    }

    /* Десктоп (≥900px): правый нижний угол + анимация снизу */
    @media (min-width: 900px) {
      #delayed-banner {
        bottom: 50px;
        right: 20px;
        animation: slideUp 0.6s ease-out forwards;
      }
      @keyframes slideUp {
        from { transform: translateY(100px); opacity: 0; }
        to   { transform: translateY(0);      opacity: 1; }
      }
    }

    /* Мобильные (<900px): центр экрана + масштаб */
    @media (max-width: 899px) {
      #delayed-banner {
        top: 50%;
        left: 50%;
        animation: fadeInCenter 0.5s ease-out forwards;
      }
      @keyframes fadeInCenter {
        from { transform: translate(-50%, -50%) scale(0.85); opacity: 0; }
        to   { transform: translate(-50%, -50%) scale(1);    opacity: 1; }
      }
    }

    /* Изображение */
    #delayed-banner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border: none;
    }

    /* Кнопка закрытия — 30×30, фирменный цвет */
    #delayed-banner .close-btn {
      position: absolute;
      top: -12px;
      right: -12px;
      width: 30px;
      height: 30px;
      background: #f15822;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 6px rgba(0,0,0,0.25);
      z-index: 10000;
      transition: background 0.2s;
    }

    #delayed-banner .close-btn:hover {
      background: #d94a19; /* чуть темнее */
    }

    #delayed-banner .close-btn::before {
      content: "×";
      font-family: "Helvetica", "Arial", sans-serif;
      font-size: 24px;
      font-weight: bold;
      color: white;
      line-height: 1;
      transform: scale(1.05);
    }

    /* Кнопка "Показать баннер" — повёрнута, фирменный цвет */
    #show-banner-btn {
      position: fixed;
      right: 0;
      bottom: 30%;
      padding: 6px 24px;
      background: #f15822;
      color: white;
      border: none;
      border-radius: 4px 0 0 4px;
      font-size: 14px;
      font-weight: bold;
      cursor: pointer;
      z-index: 9998;
      box-shadow: -2px 2px 6px rgba(0,0,0,0.15);
      transform: rotate(270deg);
      transform-origin: right bottom;
     /* writing-mode: vertical-rl;*/
      text-align: center;
      line-height: 1.3;
      display: none;
    }

    #show-banner-btn:hover {
      background: #d94a19;
    }

    /* Маленькие экраны */
    @media (max-width: 360px) {
      #show-banner-btn {
        bottom: 60px;
        padding: 5px 20px;
        font-size: 13px;
      }
    }