/* Wrapper & overlay */
.scl-banner-wrapper { position: relative; margin: 0 0 20px; }
.scl-affiliate-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.5); z-index: 1; }
.scl-affiliate-box { position: relative; z-index: 2; padding: 20px; text-align: center; color: #fff; }

/* Instructions */
.scl-banner-instruction p { margin: 5px 0; }
.scl-unlock-title { font-size: 1.5em; color: #ffcc00; }
.scl-note-small { font-size: .9em; opacity: .9; }

/* Banner image */
.scl-banner-link img { max-width: 100%; height: auto; display: block; margin: 10px auto; box-shadow: 0 2px 6px rgba(0,0,0,.2); }

/* Product info */
.scl-product { margin: 6px 0 12px; }
.scl-product-name { font-weight: 700; font-size: 1.05em; }
.scl-product-price { font-weight: 700; font-size: 1.1em; color: #ffd54f; }

/* CTA button (đỏ, chữ & icon trắng) */
.scl-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #e53935;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  padding: 12px 18px;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(229,57,53,0.35);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.scl-cta-btn:hover, .scl-cta-btn:focus { background: #d32f2f; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(229,57,53,0.45); }
.scl-cta-btn:active { transform: translateY(0); box-shadow: 0 3px 8px rgba(229,57,53,0.35); }
.scl-cta-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.scl-cta-btn .scl-cta-icon svg { display: block; width: 18px; height: 18px; color: currentColor; }

/* Affiliate note */
.scl-note { font-size: .85em; margin-top: 8px; color: #e0e0e0; }

/* Fade-out seamless with banner (đen 50%, 120px) */
.scl-fade-out { position: relative; margin-bottom: -120px; padding-bottom: 120px; }
.scl-fade-out::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 120px;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5));
  pointer-events: none;
}
.scl-fade-out > *:last-child { margin-bottom: 0 !important; }

/* Ngăn theme chèn khoảng trắng ở trên banner */
.scl-banner-wrapper, .scl-banner-wrapper * { margin-top: 0; }