/* Smart Ads – slide-in bannery */

.sa-ad {
  position: fixed;
  z-index: 9999;
  width: 300px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,.25);
  background: #fff;
  opacity: 0;
  pointer-events: all;
  transition: transform .5s cubic-bezier(.22,.68,0,1.15), opacity .4s ease;
}

/* Pozicie + smer animacie */
.sa-ad--br { bottom: 24px; right: 24px; transform: translateY(calc(100% + 40px)); }
.sa-ad--tr { top: 24px;    right: 24px; transform: translateY(calc(-100% - 40px)); }
.sa-ad--bl { bottom: 24px; left: 24px;  transform: translateY(calc(100% + 40px)); }
.sa-ad--tl { top: 24px;    left: 24px;  transform: translateY(calc(-100% - 40px)); }

.sa-ad.sa-in  { transform: translateY(0); opacity: 1; }
.sa-ad.sa-out { transform: translateY(calc(100% + 40px)); opacity: 0; }
.sa-ad--tr.sa-out,
.sa-ad--tl.sa-out { transform: translateY(calc(-100% - 40px)); opacity: 0; }

.sa-ad img { display: block; width: 100%; height: auto; }
.sa-ad a   { display: block; line-height: 0; }

/* Na mobile iba jedna reklama, cez celú šírku dole */
@media (max-width: 600px) {
  .sa-ad {
    width: calc(100vw - 24px);
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    top: auto !important;
    transform: translateY(calc(100% + 20px)) !important;
  }
  .sa-ad.sa-in  { transform: translateY(0) !important; }
  .sa-ad.sa-out { transform: translateY(calc(100% + 20px)) !important; opacity: 0; }
}

/* Zatváracie tlačidlo */
.sa-close {
  position: absolute; top: 7px; right: 7px;
  width: 26px; height: 26px;
  background: rgba(0,0,0,.5); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; color: #fff; font-size: 14px;
  border: none; padding: 0; z-index: 10;
  transition: background .2s;
}
.sa-close:hover { background: rgba(0,0,0,.85); }

/* Štítok reklama */
.sa-label {
  position: absolute; bottom: 4px; left: 5px;
  font-size: 9px; background: rgba(0,0,0,.38); color: rgba(255,255,255,.8);
  padding: 1px 5px; border-radius: 3px; letter-spacing: .5px;
  text-transform: uppercase; pointer-events: none; font-family: sans-serif;
}