/* Floating Ads basic styles */
.ffa-corner-ad {
  position: fixed;
  box-sizing: border-box;
  width: var(--ffa-w);
  height: var(--ffa-h);
  border-radius: var(--ffa-radius);
  overflow: hidden;
  z-index: var(--ffa-z);
  background: transparent;
}

.ffa-shadow {
  box-shadow: 0 12px 28px rgba(0,0,0,0.18), 0 2px 4px rgba(0,0,0,0.08);
}

/* Corner positions using offsets */
.ffa-top-left    { top: var(--ffa-y); left:  var(--ffa-x); }
.ffa-top-right   { top: var(--ffa-y); right: var(--ffa-x); }
.ffa-bottom-left { bottom: var(--ffa-y); left:  var(--ffa-x); }
.ffa-bottom-right{ bottom: var(--ffa-y); right: var(--ffa-x); }

/* Close button inside ad */
.ffa-corner-ad .ffa-close {
  position: absolute;
  top: var(--ffa-close-y);
  right: var(--ffa-close-x);
  width: 28px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  font-size: 20px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.96);
  color: #111;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
  cursor: pointer;
  z-index: 2;
}

.ffa-corner-ad .ffa-close:focus { outline: 2px solid #4c9ffe; outline-offset: 2px; }
.ffa-corner-ad .ffa-close:hover { filter: brightness(0.95); }