.soko-banners{box-sizing:border-box;color:#fff;border-radius:24px;width:100%;max-width:none;margin:0;font-family:inherit;display:block;position:relative}.soko-banners *,.soko-banners :before,.soko-banners :after{box-sizing:border-box}.soko-banners:focus-visible{outline-offset:4px;outline:2px solid #fdb813}.soko-banners__viewport{aspect-ratio:2.8;touch-action:pan-y;background:linear-gradient(135deg,#3a007d 0%,#6a0dad 100%);border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 22px 55px -32px #6a0dade6}.soko-banners__track{will-change:transform;height:100%;transition:transform .52s cubic-bezier(.22,.61,.36,1);display:flex}.soko-banners__slide{flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.soko-banners__image{z-index:1;-o-object-fit:cover;object-fit:cover;-o-object-position:center 15%;object-position:center 15%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:24px;width:100%;height:100%;display:block;position:relative}.soko-banners__fallback{z-index:1;background:linear-gradient(135deg,#3a007d 0%,#6a0dad 100%);border-radius:24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;width:100%;height:100%;padding:24px 28px;display:flex;position:relative}.soko-banners__fallback-brand{letter-spacing:.16em;color:#fdb813;font-size:13px;font-weight:700}.soko-banners__fallback-title{font-size:22px;font-weight:700;line-height:1.2}.soko-banners__fallback-text{opacity:.85;font-size:14px}.soko-banners__caption{justify-content:space-between;align-items:center;gap:16px;padding:8px 4px 0;display:flex}.soko-banners__caption-text{min-width:0}.soko-banners__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#fdb813;margin:0;font-size:12px;font-weight:700}.soko-banners__copy{color:#ffffffc7;margin:4px 0 0;font-size:14px;line-height:1.4}.soko-banners__action{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,indigo 0%,#6a0dad 100%);border:1px solid #fdb8138c;border-radius:999px;flex-shrink:0;padding:10px 18px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s}.soko-banners__action:hover{opacity:.9}.soko-banners__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:6px 4px 0;display:flex}.soko-banners__icon-button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,border-color .2s;display:inline-flex}.soko-banners__icon-button:hover{background:#ffffff24;border-color:#ffffff52}.soko-banners__dots{align-items:center;gap:8px;display:flex}.soko-banners__dot{cursor:pointer;background:#ffffff47;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .22s,background .22s}.soko-banners__dot.is-active{background:#fdb813;width:24px}.soko-banners__action:focus-visible,.soko-banners__icon-button:focus-visible,.soko-banners__dot:focus-visible{outline-offset:2px;outline:2px solid #fdb813}.soko-banners__status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.soko-banners__track,.soko-banners__action,.soko-banners__icon-button,.soko-banners__dot{transition:none}}@media (width<=640px){.soko-banners{border-radius:16px}.soko-banners__viewport{aspect-ratio:2}.soko-banners__viewport,.soko-banners__image,.soko-banners__fallback{border-radius:16px}.soko-banners__caption{flex-direction:column;align-items:stretch;gap:10px;padding-top:10px}.soko-banners__action{text-align:center;width:100%}.soko-banners__fallback{padding:16px 18px}.soko-banners__fallback-title{font-size:18px}}.soko-banners__overlay{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#00000080 48%,#000000db 100%);flex-direction:column;align-items:flex-start;gap:6px;padding:clamp(12px,2.4vw,28px) clamp(16px,5%,56px) clamp(14px,2.6vw,32px);display:flex;position:absolute;inset:auto 0 0}.soko-banners__badge{letter-spacing:.14em;text-transform:uppercase;color:#fdb813;font-size:clamp(9px,1vw,11px);font-weight:700}.soko-banners__headline{letter-spacing:-.01em;text-transform:uppercase;color:#fff;text-shadow:0 2px 18px #000000bf;margin:0;font-size:clamp(1.15rem,3.4vw,2.4rem);font-weight:900;line-height:1.05}.soko-banners__sub{color:#ffffffeb;text-shadow:0 1px 10px #000000b3;max-width:62ch;margin:0;font-size:clamp(.78rem,1.5vw,1.02rem);line-height:1.35}