.elementor-32642 .elementor-element.elementor-element-ea49830{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-32642 .elementor-element.elementor-element-6888072{background-color:#F88B8B00;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}#elementor-popup-modal-32642 .dialog-widget-content{background-color:#02010100;border-radius:30px 30px 30px 30px;box-shadow:2px 8px 23px 3px rgba(0, 0, 0, 0);margin:0px 0px 0px 0px;}#elementor-popup-modal-32642{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-32642 .dialog-message{width:640px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-32642 .dialog-close-button{display:flex;top:8%;font-size:20px;}body:not(.rtl) #elementor-popup-modal-32642 .dialog-close-button{right:8%;}body.rtl #elementor-popup-modal-32642 .dialog-close-button{left:8%;}#elementor-popup-modal-32642 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-32642 .dialog-close-button svg{fill:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-6888072 */@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800;900&display=swap');

  *{box-sizing:border-box;margin:0;padding:0;}

  /*
    ПРОГРАММИСТУ:
    Ниже — просто нейтральный серый фон страницы,
    чтобы попап было видно на превью.
    На реальном сайте этот body не нужен — popup вставляется
    поверх существующей страницы (см. блок .popup ниже).
  */



  /* ===================================================
     POPUP — этот блок и всё, что внутри, идёт на сайт
     =================================================== */
  .popup{
    position:relative;
    width:100%!important;
    padding:48px 48px 40px;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 30px 60px rgba(0,0,0,.45);
    color:#fff;
    text-align:center;

    /*
      ФОН ПОПАПА:
      Фото (ночной Дубай) стоит внизу блока ЦЕЛИКОМ, без обрезки
      (background-size: 100% auto — ширина растягивается на весь попап,
      высота считается пропорционально, картинка не кадрируется).
      Сверху — сплошной тёмно-синий цвет, который плавно переходит
      в градиент и сходит на нет прямо над фото, поэтому стыка
      "текст / фото" не видно — там просто мягкая растяжка.
      На сайте можно оставить base64 как есть, или заменить
      url('data:image/jpeg;base64,...') на обычную ссылку на файл.
    */
    background-color:#0b1220;
    background-image:
      linear-gradient(rgba(6,10,18,.4), rgba(6,10,18,.4)),
      linear-gradient(180deg,
        #0b1220 0%,
        #0b1220 38%,
        rgba(11,18,32,.85) 50%,
        rgba(11,18,32,.45) 62%,
        rgba(11,18,32,0) 75%
      ),
      url('https://nobledubaiproperties.com/wp-content/uploads/2026/08/Без-названия-1.jpg');
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: top, top, bottom center;
    background-size: 100% 100%, 100% 100%, 100% auto;
  }

.popup-close {
display: none!important;
}


  /* .popup-close{
    position:absolute;top:16px;right:18px;
    width:28px;height:28px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:14px;
    cursor:pointer;z-index:5;
    background:rgba(255,255,255,.05);
    /* сюда программист вешает onclick / addEventListener для закрытия попапа */

  .popup-inner{
    position:relative;
    z-index:2;
  }

  .popup-logo{
    display:block;
    width:160px;
    margin:0 auto 24px;
  }

  .overline{
    font-size:15px;
    letter-spacing:1.5px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;
  }

  .headline{
    font-size:46px;
    font-weight:800;
    letter-spacing:-.5px;
    line-height:0.95;
    text-transform:uppercase;
    margin-bottom:16px;
  }
  .headline .accent{ color:var(--gold); }

  .sub{
    font-size:15px;
    line-height:1.5;
    font-weight:400;
    color:#dfe3e9;
    max-width:380px;
    margin:0 auto 30px;
  }

  .meta-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
  }
  .meta-day{
    font-size:58px;
    font-weight:800;
    line-height:1;
  }
  .meta-divider{
    width:1px;
    height:48px;
    background:rgba(255,255,255,.35);
  }
  .meta-right{ text-align:left; }
  .meta-month{
    font-size:21px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    color:var(--gold);
    line-height:1;
  }
  .meta-city{
    font-size:14px;
    letter-spacing:.5px;
    font-weight:700;
    margin-top:6px;
    display:flex;
    align-items:center;
    gap:5px;
  }

  .fine{
    font-size:11px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:rgba(255,255,255,.5);
    margin-top:16px;
  }/* End custom CSS */