.uat-text-link{font-weight:700;}
.uat-button{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  padding:.8rem 1.15rem;border-radius:8px;background:var(--uat-button,#1677ff);
  color:#fff!important;text-decoration:none!important;font-weight:700;line-height:1.2;
  transition:transform .15s ease,opacity .15s ease;
}
.uat-button:hover{opacity:.94;transform:translateY(-1px)}
.uat-banner{
  display:flex;align-items:center;gap:1.25rem;margin:1.5rem 0;padding:1.25rem;
  border:1px solid rgba(100,116,139,.2);border-radius:14px;background:var(--uat-bg,#fff);
  color:var(--uat-text,#0f172a);box-shadow:0 8px 28px rgba(17,24,39,.06);overflow:hidden;
}
.uat-banner__media{flex:0 0 34%;max-width:300px}
.uat-banner__image{display:block;width:100%;height:auto;border-radius:10px}
.uat-banner__content{flex:1;min-width:0}
.uat-banner__headline{margin:0 0 .45rem;color:var(--uat-text,#0f172a);font-size:1.35rem;line-height:1.25}
.uat-banner__description{margin:0 0 .9rem;color:var(--uat-text,#0f172a);opacity:.76}
.uat-image-right .uat-banner__media{order:2}.uat-image-right .uat-banner__content{order:1}
.uat-banner--minimal{padding:1rem 1.1rem;box-shadow:none;gap:.9rem}
.uat-banner--minimal .uat-banner__media{display:none!important}
.uat-banner--minimal .uat-banner__content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.uat-banner--minimal .uat-banner__headline{margin:0;flex:1 1 240px;font-size:1.15rem}
.uat-banner--minimal .uat-banner__description{margin:0;flex:2 1 320px}
.uat-banner--minimal .uat-button{flex:0 0 auto}
.uat-banner--image{padding:0;min-height:180px}
.uat-banner--image .uat-banner__media{align-self:stretch;flex-basis:42%;max-width:none}
.uat-banner--image .uat-banner__image{width:100%;height:100%;object-fit:cover;border-radius:0}
.uat-banner--image .uat-banner__content{padding:1.35rem}
@media(max-width:640px){
  .uat-banner,.uat-banner--minimal .uat-banner__content{display:block}
  .uat-banner__media,.uat-banner--image .uat-banner__media{max-width:none;margin-bottom:1rem}
  .uat-image-right .uat-banner__media,.uat-image-right .uat-banner__content{order:initial}
  .uat-banner--image{padding:0}.uat-banner--image .uat-banner__content{padding:1.1rem}
  .uat-banner--image .uat-banner__media{margin:0}.uat-banner--image .uat-banner__image{max-height:260px}
  .uat-button{width:100%}
}

/* v1.3 layout controls */
.uat-inline-wrap{display:block;width:100%;box-sizing:border-box}
.uat-align-left{text-align:left}.uat-align-center{text-align:center}.uat-align-right{text-align:right}
.uat-button--full{display:flex!important;width:100%;box-sizing:border-box}
.uat-banner.uat-text-left .uat-banner__content{text-align:left}
.uat-banner.uat-text-center .uat-banner__content{text-align:center}
.uat-banner.uat-text-right .uat-banner__content{text-align:right}
.uat-banner.uat-cta-left .uat-button{display:flex;width:max-content;margin-left:0;margin-right:auto}
.uat-banner.uat-cta-center .uat-button{display:flex;width:max-content;margin-left:auto;margin-right:auto}
.uat-banner.uat-cta-right .uat-button{display:flex;width:max-content;margin-left:auto;margin-right:0}
.uat-banner.uat-cta-width-full .uat-button{display:flex;width:100%;max-width:none;margin-left:0;margin-right:0;box-sizing:border-box}
.uat-banner.uat-banner-width-full{width:100%;max-width:none;box-sizing:border-box}
@media(max-width:640px){.uat-inline-wrap .uat-button{width:100%}.uat-banner.uat-cta-left .uat-button,.uat-banner.uat-cta-center .uat-button,.uat-banner.uat-cta-right .uat-button{width:100%;margin-left:0;margin-right:0}}

/* v1.6 compact banner image sizes */
.uat-banner.uat-banner--card.uat-image-size-small .uat-banner__media{flex:0 0 72px;max-width:72px}
.uat-banner.uat-banner--card.uat-image-size-small .uat-banner__image{width:72px;height:72px;object-fit:contain;border-radius:10px}
.uat-banner.uat-banner--card.uat-image-size-medium .uat-banner__media{flex:0 0 140px;max-width:140px}
.uat-banner.uat-banner--card.uat-image-size-medium .uat-banner__image{width:140px;height:auto;max-height:120px;object-fit:contain;border-radius:10px}
.uat-banner.uat-banner--card.uat-image-size-large .uat-banner__media{flex:0 0 34%;max-width:300px}
@media(max-width:640px){
  .uat-banner.uat-banner--card.uat-image-size-small .uat-banner__media{max-width:72px;margin:0 auto .8rem}
  .uat-banner.uat-banner--card.uat-image-size-medium .uat-banner__media{max-width:140px;margin:0 auto 1rem}
}


/* v1.6.1 logo / icon treatment for Card banners */
.uat-banner.uat-banner--card.uat-image-mode-icon .uat-banner__media{
  flex:0 0 88px;max-width:88px;width:88px;height:88px;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;padding:10px;
  border-radius:16px;background:rgba(148,163,184,.08);
}
.uat-banner.uat-banner--card.uat-image-mode-icon .uat-banner__image{
  width:100%;height:100%;max-width:68px;max-height:68px;object-fit:contain;
  border-radius:8px;background:transparent;
}
@media(max-width:640px){
  .uat-banner.uat-banner--card.uat-image-mode-icon .uat-banner__media{
    width:84px;height:84px;max-width:84px;margin:0 auto .9rem;
  }
  .uat-banner.uat-banner--card.uat-image-mode-icon .uat-banner__image{max-width:64px;max-height:64px}
}

/* v1.6.2 true image-banner mode: uploaded creative only, entire image clickable */
.uat-image-banner-wrap{margin:1.5rem 0;overflow:hidden;border-radius:14px;line-height:0}
.uat-image-banner-wrap.uat-banner-width-full{width:100%;max-width:none;box-sizing:border-box}
.uat-image-banner-link{display:block;width:100%;line-height:0;text-decoration:none!important}
.uat-image-banner__image{display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:14px}