/* uap-banners — ДЕСКТОП: фірмові плашки обабіч трек-модалки */
.uap-modal--tiles{ display:flex; align-items:flex-start; justify-content:center; gap:1rem; }
/* вивід трекінгу — максимально широкий; реклама лишається вузькою по боках */
.uap-modal--tiles .uap-modal__box{ flex:1 1 auto; min-width:0; max-width:1000px; }
.uap-adtiles{ flex:0 0 158px; display:flex; flex-direction:column; gap:.7rem; max-height:88vh; overflow:auto; }
.uap-adtile{ position:relative; display:flex; flex-direction:column; align-items:center; gap:.4rem;
  background:#fff; border:1px solid var(--uap-line,#E4D6B8); border-radius:12px; padding:.9rem .7rem .65rem;
  box-shadow:0 12px 28px -20px rgba(0,0,0,.55); text-decoration:none; transition:transform .15s, box-shadow .15s; }
.uap-adtile:hover,.uap-adtile:focus-visible{ transform:translateY(-2px); box-shadow:0 16px 32px -18px rgba(0,0,0,.5); }
.uap-adtile__ad{ position:absolute; top:.42rem; left:.55rem; font-size:.56rem; letter-spacing:.08em;
  text-transform:uppercase; color:#b9ad93; }
.uap-adtile__img{ width:100%; max-width:112px; aspect-ratio:1; object-fit:contain; }
.uap-adtile__cap{ font-size:.72rem; font-weight:600; color:var(--uap-purple,#3A2B52); text-align:center; }

/* МОБІЛЬНИЙ: один рекламний банер з ротацією всередині трек-модалки */
.uap-adrot{ margin-top:1.1rem; padding-top:.9rem; border-top:1px solid #f0eadf; position:relative; }
.uap-adrot__tag{ position:absolute; top:.9rem; right:0; font-size:.58rem; letter-spacing:.08em;
  text-transform:uppercase; color:#b9ad93; }
.uap-adrot__view{ position:relative; height:72px; }
.uap-adrot__slide{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity .5s; pointer-events:none;
  background:#fff; border:1px solid var(--uap-line,#E4D6B8); border-radius:10px; padding:.4rem .8rem;
  text-decoration:none; }
.uap-adrot__slide.is-on{ opacity:1; pointer-events:auto; }
.uap-adrot__img{ max-height:60px; max-width:100%; width:auto; object-fit:contain; display:block; }
.uap-adrot__dots{ display:flex; gap:.35rem; justify-content:center; margin-top:.6rem; }
.uap-adrot__dot{ width:7px; height:7px; padding:0; border:0; cursor:pointer; border-radius:50%;
  background:#dcd3c2; transition:.3s; }
.uap-adrot__dot.is-on{ background:var(--uap-amber,#F2B00A); width:17px; border-radius:4px; }
.uap-adrot__dot:focus-visible{ outline:2px solid var(--uap-amber,#F2B00A); outline-offset:2px; }
@media (prefers-reduced-motion:reduce){
  .uap-adrot__slide{ transition:none; }
}