.bc{position:relative}.bc *{box-sizing:border-box}.bc-stage{position:relative;padding-bottom:calc(var(--bc-circle-mobile) * .5 + 45px)}.bc-banner{position:relative;height:var(--bc-banner-h-mobile);overflow:hidden}.bc-banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.bc-banner-placeholder{background:linear-gradient(135deg,#4a4a4a,#1a1a1a)}.bc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--bc-overlay-opacity,.35);pointer-events:none}.bc-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px calc(var(--bc-circle-mobile) * .6 + 20px);color:var(--bc-text-color,#fff);text-align:center;gap:8px;z-index:1}.bc-align-left{align-items:flex-start;text-align:left}.bc-align-right{align-items:flex-end;text-align:right}.bc-logo{margin-bottom:6px}.bc-logo-img{width:64px;height:64px;border-radius:50%;background:#fff;padding:6px;object-fit:contain;display:block}.bc-overline{margin:0;font-size:11px;letter-spacing:3px;opacity:.8;font-weight:500;color:inherit}.bc-heading{margin:6px 0 4px;font-size:24px;font-weight:700;line-height:1.2;color:inherit}.bc-subheading{margin:0;font-size:13px;opacity:.85;font-weight:400;color:inherit;max-width:90%}.bc-button{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:11px 24px;background:#fff;color:#111;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .15s ease,background .2s ease}.bc-button:active{transform:scale(.97)}.bc-button:hover{background:#f0f0f0}.bc-button-arrow{display:inline-block;transition:transform .2s ease}.bc-button:hover .bc-button-arrow{transform:translate(3px)}.bc-circles{position:absolute;left:0;right:0;top:calc(var(--bc-banner-h-mobile) - var(--bc-circle-mobile) * .5);display:flex;gap:var(--bc-gap-mobile);padding:0 12px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-webkit-overflow-scrolling:touch;z-index:2}.bc-circles::-webkit-scrollbar{display:none}.bc-circle-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:transform .2s ease}.bc-circle-item:active{transform:scale(.95)}.bc-circle{width:var(--bc-circle-mobile);height:var(--bc-circle-mobile);border-radius:50%;border:3px solid var(--bc-circle-border,#fff);box-shadow:0 6px 20px #00000040;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff}.bc-circle-img{width:100%;height:100%;object-fit:contain;padding:8px;display:block}.bc-circle-text{font-size:11px;font-weight:700;letter-spacing:.5px;text-align:center;padding:0 4px;line-height:1.1}.bc-circle-label{font-size:11px;color:var(--bc-label-color,#111);font-weight:500;text-align:center;max-width:calc(var(--bc-circle-mobile) + 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:750px){.bc-stage{padding-bottom:calc(var(--bc-circle-desktop) * .5 + 60px)}.bc-banner{height:var(--bc-banner-h-desktop)}.bc-content{padding:48px 32px calc(var(--bc-circle-desktop) * .6 + 30px);gap:12px}.bc-logo-img{width:80px;height:80px;padding:8px}.bc-overline{font-size:13px;letter-spacing:4px}.bc-heading{font-size:42px;margin:10px 0 6px}.bc-subheading{font-size:16px;max-width:600px}.bc-button{padding:14px 32px;font-size:14px;margin-top:20px}.bc-circles{top:calc(var(--bc-banner-h-desktop) - var(--bc-circle-desktop) * .5);gap:var(--bc-gap-desktop);padding:0 32px;justify-content:center;flex-wrap:nowrap;overflow-x:visible}.bc-circle{width:var(--bc-circle-desktop);height:var(--bc-circle-desktop);border-width:4px}.bc-circle-img{padding:12px}.bc-circle-text{font-size:14px}.bc-circle-label{font-size:13px;max-width:calc(var(--bc-circle-desktop) + 30px)}}@media(prefers-reduced-motion:no-preference){.bc-anim-float .bc-circle{animation:bcFloat 3s ease-in-out infinite;animation-delay:var(--bc-anim-delay, 0s);will-change:transform}.bc-anim-pulse .bc-circle{animation:bcPulse 2.4s ease-in-out infinite;animation-delay:var(--bc-anim-delay, 0s);will-change:transform}}@keyframes bcFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bcPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.bc-circles.bc-marquee{overflow-x:clip;overflow-y:visible;padding:0;display:block}.bc-marquee-clone{display:contents}.bc-marquee-track{display:flex;width:max-content;animation:bcMarquee var(--bc-scroll-duration,20s) linear infinite;will-change:transform}.bc-marquee .bc-circle-item{margin-right:var(--bc-gap-mobile)}.bc-marquee-pausable:hover{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.bc-marquee-track{animation:none}}@keyframes bcMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(min-width:750px){.bc-marquee .bc-circle-item{margin-right:var(--bc-gap-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/203/assets/section-banner-circles.css.map */