.skppm-banner{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-radius:18px;padding:22px 26px;margin:16px 0;color:#fff;box-shadow:0 12px 30px rgba(30,25,80,.12);font-family:inherit}.skppm-banner *{box-sizing:border-box}.skppm-banner strong{font-size:clamp(19px,2.4vw,28px);line-height:1.25;display:block;color:#fff}.skppm-banner p{margin:8px 0 0;color:#f4f4ff;font-size:14px;line-height:1.6}.skppm-banner a{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;color:#24213d!important;padding:12px 18px;text-decoration:none!important;font-weight:700;white-space:nowrap}.skppm-violet{background:linear-gradient(115deg,#4122a6,#9054e9)}.skppm-ocean{background:linear-gradient(115deg,#005b87,#00a5b5)}.skppm-sunset{background:linear-gradient(115deg,#a52c53,#ef7840)}@media(max-width:600px){.skppm-banner{padding:18px;gap:12px}.skppm-banner a{width:100%}}
.skppm-banner{width:100%;max-width:100%;min-width:0;overflow:hidden}.skppm-copy{flex:1 1 260px;min-width:0;overflow-wrap:anywhere}.skppm-image{display:block;flex:0 1 280px;max-width:min(100%,320px);width:auto;height:auto;max-height:210px;object-fit:contain;border-radius:12px}.skppm-injected{width:100%;clear:both}.skppm-injected .skppm-banner{margin:16px 0}@media(max-width:767px){.skppm-banner{flex-direction:column;align-items:stretch;padding:16px}.skppm-image{max-width:100%;width:100%;max-height:240px;object-fit:contain;align-self:center}.skppm-banner a{width:100%;white-space:normal;text-align:center}}

/* v2.5 premium layout: scoped, responsive, CSS variable based */
.skppm-banner{border-radius:var(--skppm-br,24px);border:1px solid rgba(255,255,255,.20);box-shadow:0 18px 46px rgba(20,26,60,.16);padding:clamp(18px,3vw,34px);gap:clamp(16px,3vw,30px);isolation:isolate}
.skppm-banner .skppm-copy{flex:1 1 240px;min-width:0}
.skppm-banner .skppm-image{flex:0 1 var(--skppm-iw,320px);width:min(100%,var(--skppm-iw,320px));height:var(--skppm-ih,210px);max-width:100%;max-height:none;object-fit:var(--skppm-fit,cover);border-radius:var(--skppm-ir,18px);border:1px solid rgba(255,255,255,.20);box-shadow:0 12px 30px rgba(13,18,50,.20);background:rgba(255,255,255,.08)}
.skppm-banner a{transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 20px rgba(0,0,0,.10)}
.skppm-banner a:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.16)}
@media(max-width:767px){.skppm-banner{flex-direction:column;align-items:stretch;border-radius:min(var(--skppm-br,24px),24px)}.skppm-banner .skppm-image{flex:none;width:100%;height:auto;max-height:min(var(--skppm-ih,210px),55vw);aspect-ratio:var(--skppm-iw,320)/var(--skppm-ih,210);align-self:center}.skppm-banner a{width:100%}}
@media(prefers-reduced-motion:reduce){.skppm-banner a{transition:none}.skppm-banner a:hover{transform:none}}