/* ST Sticky Banners v1.3.1 — mobile full-width */
.st-sticky-overlay{
  position: fixed; left:0; right:0; bottom:0;
  z-index: 2147483000; background: transparent; pointer-events: none;
}
.st-sticky-overlay .st-container{ max-width:1120px; margin:0 auto; position:relative; padding:6px 8px; }
.st-sticky-overlay .st-grid{ --st-gap:2px; display:grid; grid-template-columns:repeat(2,1fr); gap:var(--st-gap); pointer-events:auto; }
.st-sticky-overlay .st-grid.st-cols-2{ grid-template-columns:repeat(2,1fr); }
.st-sticky-overlay .st-grid.st-cols-4{ grid-template-columns:repeat(2,1fr); }
.st-sticky-overlay .st-banner{ display:block; width:100%; }
.st-sticky-overlay .st-banner img{ display:block; width:100%; height:auto; max-width:100%; }
/* close button desktop: left */
.st-sticky-overlay .st-close{ position:absolute; left:-28px; top:50%; transform:translateY(-50%); background:#d53b37; color:#fff; border:0; border-radius:4px; padding:4px 8px; font-size:12px; line-height:1; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.2); pointer-events:auto; }

/* ===== Mobile tweaks ===== */
@media (max-width: 768px){
  /* container full width */
  .st-sticky-overlay .st-container{ max-width:100vw; padding:6px 8px; }
  /* stack 1 column so mỗi banner = full chiều ngang */
  .st-sticky-overlay .st-grid{ grid-template-columns: 1fr !important; }
  /* nút đóng chuyển sang góc phải trên của container */
  .st-sticky-overlay .st-close{
    left: auto;
    right: 8px;
    top: 6px;
    transform: none;
  }
}
