/* ============================================================
   DOLGOV AUTO - баннер акции в углу экрана
   Автономный блок: не зависит от стилей сайта, ничего не переопределяет.
   Все классы с префиксом .pbanner - конфликтов быть не должно.
   ============================================================ */

.pbanner{
  position:fixed; left:20px; bottom:20px; z-index:180;
  width:min(540px, calc(100vw - 40px));
  box-sizing:border-box;
  background:#1f1e1d; color:#fff;
  border:1px solid rgba(255,255,255,.1); border-radius:16px;
  overflow:hidden; box-shadow:0 18px 50px rgba(0,0,0,.4);
  font-family:inherit;
  opacity:0; visibility:hidden; transform:translateY(18px) scale(.97);
  transition:opacity .32s ease, transform .32s cubic-bezier(.22,.61,.36,1), visibility .32s;
}
.pbanner *{box-sizing:border-box}
.pbanner.is-in{opacity:1; visibility:visible; transform:none}

/* фото занимает всю карточку, читаемость текста держит градиентная вуаль поверх */
.pbanner__bg{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:72% center; pointer-events:none;
}
.pbanner__in{
  position:relative; padding:20px 22px;
  background:linear-gradient(100deg,
    rgba(20,19,18,.95) 0%, rgba(20,19,18,.9) 38%,
    rgba(20,19,18,.62) 68%, rgba(20,19,18,.34) 100%);
}

.pbanner__k{
  display:inline-block; margin-bottom:11px; padding:4px 10px;
  font-size:.66rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:#fff; background:#ef1313; border-radius:999px;
}
.pbanner h3{
  margin:0 0 8px; max-width:15em;
  font-size:1.12rem; line-height:1.2; font-weight:700; color:#fff;
}
.pbanner p{
  margin:0 0 15px; max-width:20em;
  font-size:.8rem; line-height:1.45; color:rgba(255,255,255,.66);
}

.pbanner__go{display:flex; gap:8px; flex-wrap:wrap}
.pbanner__btn{
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 14px; border-radius:9px;
  font-size:.8rem; font-weight:600; text-decoration:none;
  transition:background .22s ease, border-color .22s ease;
}
.pbanner__btn::before{
  content:''; width:14px; height:14px; flex:none; background:currentColor;
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
}
/* Telegram */
.pbanner__btn--tg{background:#229ED9; color:#fff}
.pbanner__btn--tg:hover{background:#1b8cc2; color:#fff}
.pbanner__btn--tg::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.9 4.3 18.8 19c-.2 1-.9 1.3-1.7.8l-4.7-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.8 8.8-8c.4-.3-.1-.5-.6-.2L6.8 13.1 2.2 11.6c-1-.3-1-1 .2-1.5l18.2-7c.8-.3 1.5.2 1.3 1.2z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.9 4.3 18.8 19c-.2 1-.9 1.3-1.7.8l-4.7-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.8 8.8-8c.4-.3-.1-.5-.6-.2L6.8 13.1 2.2 11.6c-1-.3-1-1 .2-1.5l18.2-7c.8-.3 1.5.2 1.3 1.2z'/%3E%3C/svg%3E");
}
/* MAX - на ховере фирменный фиолетовый */
.pbanner__btn--max{background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.16)}
.pbanner__btn--max:hover{background:#7C4DFF; border-color:#7C4DFF; color:#fff}
.pbanner__btn--max::before{display:none}

.pbanner__x{
  position:absolute; top:10px; right:10px; z-index:2;
  width:28px; height:28px; padding:0; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  border:none; border-radius:8px; background:rgba(255,255,255,.1);
  transition:background .22s ease;
}
.pbanner__x:hover{background:rgba(255,255,255,.2)}
.pbanner__x svg{width:14px; height:14px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round}

/* на телефоне баннер во всю ширину и выше нижней панели, если она есть */
@media (max-width:900px){
  .pbanner{left:12px; right:12px; width:auto;
    bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
  .pbanner{transition:opacity .2s ease, visibility .2s; transform:none}
}