.wbc { width: 100%; color: var(--el-text-color-primary); }
.wbc-track { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; min-height: var(--wbc-height); }
.wbc-track:not(.wbc-track-no-peek) { grid-template-columns: minmax(76px, .11fr) minmax(0, 1fr) minmax(76px, .11fr); gap: 16px; }
.wbc-slide { position: relative; isolation: isolate; display: flex; min-height: var(--wbc-height); overflow: hidden; border-radius: var(--wbc-radius); background-repeat: no-repeat; background-position: center; color: #fff; }
.wbc-slide.is-link { cursor: pointer; }
.wbc-slide-link { position: absolute; z-index: 0; inset: 0; }
.wbc-slide-link:focus-visible { outline: 3px solid #e86e32; outline-offset: -5px; }
.wbc-overlay { position: absolute; z-index: -1; inset: 0; background: #101820; }
.wbc-content { position: relative; z-index: 1; display: flex; pointer-events: none; width: min(630px, calc(100% - 150px)); flex-direction: column; justify-content: center; padding: clamp(32px, 4.4vw, 60px); }
.wbc-slide.is-align-center .wbc-content { margin: auto; align-items: center; text-align: center; }
.wbc-slide.is-align-right .wbc-content { margin-left: auto; align-items: flex-end; text-align: right; }
.wbc-slide.is-tone-dark { color: #1e293b; }
.wbc-kicker { margin: 0 0 12px; font-size: 12px; font-weight: 750; letter-spacing: .08em; opacity: .86; }
.wbc-title { max-width: 13em; margin: 0; font-size: clamp(27px, 3vw, 46px); font-weight: 760; line-height: 1.16; letter-spacing: -.035em; }
.wbc-description { max-width: 34em; margin: 17px 0 0; font-size: clamp(14px, 1.2vw, 17px); line-height: 1.7; opacity: .93; }
.wbc-button { display: inline-flex; width: fit-content; min-height: 42px; align-items: center; justify-content: center; margin-top: 25px; padding: 0 18px; border: 0; border-radius: 10px; background: #e86e32; color: #fff; font-size: 14px; font-weight: 750; text-decoration: none; transition: background-color .2s ease, transform .2s ease; }
.wbc-button:hover, .wbc-button:focus-visible { background: #c85622; color: #fff; outline: none; transform: translateY(-1px); }
.wbc-counter { position: absolute; z-index: 1; right: 106px; bottom: 26px; display: flex; gap: 5px; align-items: baseline; pointer-events: none; font-size: 13px; letter-spacing: .08em; }
.wbc-counter strong { font-size: 16px; }
.wbc-counter span { opacity: .74; }
.wbc-arrows { position: absolute; z-index: 2; right: 26px; bottom: 22px; display: flex; gap: 8px; }
.wbc-arrows button { display: inline-grid; width: 38px; height: 38px; place-items: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.94); color: #1e293b; cursor: pointer; font-size: 29px; font-weight: 300; line-height: 1; transition: background-color .2s ease, transform .2s ease; }
.wbc-arrows button:hover, .wbc-arrows button:focus-visible { background: #fff; outline: none; transform: scale(1.06); }
.wbc-peek { position: relative; min-height: calc(var(--wbc-height) * .72); overflow: hidden; border: 0; border-radius: calc(var(--wbc-radius) * .78); background-repeat: no-repeat; background-position: center; color: #fff; cursor: pointer; text-align: left; }
.wbc-peek::before { position: absolute; inset: 0; background: rgb(18 31 25 / var(--wbc-peek-overlay)); content: ""; }
.wbc-peek-copy { position: absolute; bottom: 18px; left: 16px; right: 12px; overflow: hidden; font-size: 14px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.wbc-peek-next { text-align: right; }
.wbc-peek-next .wbc-peek-copy { left: 12px; right: 16px; }
.wbc-dots { display: flex; justify-content: center; gap: 9px; margin-top: 15px; }
.wbc-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #c8cdcf; cursor: pointer; transition: transform .2s ease, background-color .2s ease; }
.wbc-dots button.is-active { background: #e86e32; transform: scale(1.18); }
.wbc-dots button:focus-visible { outline: 2px solid #e86e32; outline-offset: 3px; }
.wbc-fade-enter-active, .wbc-fade-leave-active, .wbc-shift-enter-active, .wbc-shift-leave-active, .wbc-zoom-enter-active, .wbc-zoom-leave-active { transition: opacity var(--wbc-transition-ms) ease, transform var(--wbc-transition-ms) cubic-bezier(.2, .7, .2, 1); }
.wbc-fade-enter-from, .wbc-fade-leave-to { opacity: 0; transform: translateY(10px); }
.wbc-shift-enter-from { opacity: 0; transform: translateX(32px); }
.wbc-shift-leave-to { opacity: 0; transform: translateX(-32px); }
.wbc-zoom-enter-from, .wbc-zoom-leave-to { opacity: 0; transform: scale(.975); }
.wbc-none-enter-active, .wbc-none-leave-active { transition: none; }
.wbc.is-hero .wbc-slide { min-height: max(var(--wbc-height), 65vh); }
.wbc.is-card .wbc-track { max-width: 960px; margin-inline: auto; }
.wbc.is-stacked-peek .wbc-track:not(.wbc-track-no-peek) { position: relative; display: block; min-height: calc(var(--wbc-height) + 52px); padding: 26px clamp(94px, 9.2vw, 180px); }
.wbc.is-stacked-peek .wbc-slide { position: relative; z-index: 2; box-shadow: 0 22px 52px rgba(26, 21, 17, .18); }
.wbc.is-stacked-peek .wbc-peek { position: absolute; z-index: 1; top: 50%; width: clamp(122px, 13vw, 236px); min-height: calc(var(--wbc-height) * .7); transform: translateY(-50%); box-shadow: 0 12px 30px rgba(26, 21, 17, .1); }
.wbc.is-stacked-peek .wbc-peek-prev { left: 0; }
.wbc.is-stacked-peek .wbc-peek-next { right: 0; }
.wbc.is-card .wbc-slide, .wbc.is-card .wbc-peek { border-radius: max(var(--wbc-radius), 22px); }
.wbc.is-card .wbc-track:not(.wbc-track-no-peek) { grid-template-columns: minmax(66px, .1fr) minmax(0, 1fr) minmax(66px, .1fr); gap: 16px; }
@media (max-width: 767px) { .wbc-track:not(.wbc-track-no-peek) { grid-template-columns: 1fr; } .wbc.is-stacked-peek .wbc-track:not(.wbc-track-no-peek) { display: grid; min-height: var(--wbc-height); padding: 0; } .wbc-peek { display: none; } .wbc-slide { min-height: min(var(--wbc-height), 520px); } .wbc-content { width: 100%; padding: 34px 28px 72px; } .wbc-title { font-size: clamp(27px, 8.5vw, 42px); } .wbc-arrows { right: 16px; bottom: 15px; } .wbc-arrows button { width: 34px; height: 34px; font-size: 27px; } .wbc-counter { right: 96px; bottom: 22px; } }
@media (prefers-reduced-motion: reduce) { .wbc-fade-enter-active, .wbc-fade-leave-active, .wbc-shift-enter-active, .wbc-shift-leave-active, .wbc-zoom-enter-active, .wbc-zoom-leave-active, .wbc-button, .wbc-arrows button, .wbc-dots button { transition: none; } }

.wbc h2 { font-size: 1.25rem !important; line-height: 1.35 !important; }