/* Custom ads */
.hsaa-ad{padding:14px 0;text-align:center;background:transparent}
.hsaa-ad .hsaa-wrap{position:relative}
.hsaa-ad .hsaa-ad-body{display:flex;justify-content:center;align-items:center;max-width:100%;overflow:hidden}
.hsaa-ad .hsaa-ad-body a{display:block;max-width:100%}
.hsaa-ad img,.hsaa-ad video{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:8px}
.hsaa-ad video{width:100%;background:#000}
.hsaa-ad picture{display:block;max-width:100%}
.hsaa-ad-label{display:block;font-size:11px;line-height:1;letter-spacing:.6px;text-transform:uppercase;color:#6b7280;margin:0 0 6px}
.hsaa-ad-between{padding:26px 0}
.hsaa-ad-top,.hsaa-ad-bottom{border-bottom:1px solid rgba(6,42,110,.12)}
.hsaa-ad-bottom{border-top:1px solid rgba(6,42,110,.12);border-bottom:0}

/* one-by-one rotation: all slides share one grid cell, only .is-on is visible (no page jump) */
.hsaa-slides{display:grid;grid-template-columns:minmax(0,1fr)}
.hsaa-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}
.hsaa-slide.is-on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s}

/* sticky bottom ad */
.hsaa-ad-sticky{position:fixed;left:0;right:0;bottom:0;z-index:92;background:#fff;padding:8px 0;border-top:1px solid rgba(6,42,110,.18);box-shadow:0 -6px 20px rgba(0,0,0,.12)}
.hsaa-ad-sticky img,.hsaa-ad-sticky video{max-height:100px;width:auto;border-radius:6px}
.hsaa-ad-x{position:absolute;right:8px;top:-4px;width:26px;height:26px;border-radius:50%;border:0;background:#062a6e;color:#fff;font-size:18px;line-height:26px;cursor:pointer;padding:0;z-index:2}
.hsaa-ad-sticky.is-closed{display:none}

/* mobile */
@media (max-width:860px){
  .hsaa-ad-sticky{bottom:62px} /* above the mobile quick-action bar */
}
@media (max-width:700px){
  .hsaa-ad{padding:10px 0}
  .hsaa-ad .hsaa-wrap{padding:0 12px}
  .hsaa-ad img,.hsaa-ad video{width:100%;border-radius:6px}
  .hsaa-ad-sticky{padding:6px 0}
  .hsaa-ad-sticky img,.hsaa-ad-sticky video{max-height:70px;width:auto;max-width:100%}
}
@media (prefers-reduced-motion:reduce){
  .hsaa-slide,.hsaa-slide.is-on{transition:none}
}

/* v1.13: ad look like the reference page - "AD" badge on the image, rounded, soft shadow, content width */
.hsaa-ad .hsaa-slides{max-width:960px;margin:0 auto}
.hsaa-ad .hsaa-slide{position:relative}
.hsaa-ad .hsaa-ad-body{border-radius:14px;box-shadow:0 12px 32px rgba(6,42,110,.16);background:#fff}
.hsaa-ad .hsaa-ad-body a,.hsaa-ad .hsaa-ad-body picture{width:100%}
.hsaa-ad img,.hsaa-ad video{width:100%;height:auto;border-radius:14px}
.hsaa-ad .hsaa-ad-label{position:absolute;top:8px;left:8px;z-index:3;margin:0;padding:3px 7px;border-radius:4px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;line-height:1.2;text-transform:uppercase;pointer-events:none}
.hsaa-ad-sticky .hsaa-slides{max-width:728px}
.hsaa-ad-sticky .hsaa-ad-body{box-shadow:none;border-radius:6px}
.hsaa-ad-sticky img,.hsaa-ad-sticky video{width:auto;max-width:100%;border-radius:6px}
@media (max-width:700px){
  .hsaa-ad .hsaa-ad-body,.hsaa-ad img,.hsaa-ad video{border-radius:10px}
  .hsaa-ad-sticky img,.hsaa-ad-sticky video{max-height:70px}
}

/* v1.14: close button on every ad */
.hsaa-slides{position:relative}
.hsaa-ad .hsaa-ad-x{position:absolute;top:8px;right:8px;left:auto;z-index:5;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;font-size:20px;line-height:28px;padding:0;cursor:pointer}
.hsaa-ad .hsaa-ad-x:hover,.hsaa-ad .hsaa-ad-x:focus{background:#000}
.hsaa-ad.is-closed{display:none}
