/* ==========================================================
   ps-mobile-cta — закреплённая снизу кнопка «Перейти к оформлению»
   Появляется ТОЛЬКО на мобильной/стопкой-раскладке (<=1080px),
   как только выбрана команда, и закрепляется поверх страницы внизу.
   Прячется при переходе к форме заказа и пока открыта модалка.
   На десктопе (>1080px) панель скрыта — сценарий не меняется.
   ========================================================== */

/* По умолчанию скрыта на всех ширинах */
.ps-bright__mobile-bar{display:none;}

@media (max-width: 1080px){
  /* Закреплённая панель поверх страницы, у нижнего края экрана */
  .ps-bright__mobile-bar{
    display:block;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:900;                 /* ниже чек-аут модалки (1000) и окон оплаты (1200) */
    padding:12px 16px calc(14px + env(safe-area-inset-bottom, 0px));
    background:linear-gradient(to top,
                 var(--ps-card, #fff) 0%,
                 var(--ps-card, #fff) 58%,
                 rgba(255,247,236,0) 100%);
    border-top:1px solid var(--ps-line-soft, #faecd0);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    pointer-events:none;          /* пока скрыта — не перехватывает тапы */
    transform:translateY(140%);   /* спрятана под краем экрана */
    transition:transform .34s cubic-bezier(.2,.85,.25,1);
  }
  .ps-bright__mobile-bar.is-visible{
    transform:translateY(0);
    pointer-events:auto;
  }
  /* Кнопка внутри панели — на всю ширину, фирменный оранжевый CTA */
  .ps-bright__mobile-bar .ps-bright__cta{
    width:100%;
    padding:15px 20px;
    box-shadow:0 14px 30px -10px rgba(229,74,0,.55), inset 0 1px 0 rgba(255,255,255,.3);
  }
}

@media (max-width: 480px){
  .ps-bright__mobile-bar{padding:10px 12px calc(12px + env(safe-area-inset-bottom, 0px));}
  .ps-bright__mobile-bar .ps-bright__cta{padding:14px 18px;font-size:15px;}
}