.bro-cs{--bro-red: #FE0001;--bro-red-dim: rgba(254, 0, 1, .12);--bro-red-glow: rgba(254, 0, 1, .3);--bro-bg: #111111;--bro-bg-card: #181818;--bro-border: rgba(255, 255, 255, .07);--bro-border-red: rgba(254, 0, 1, .4);--bro-text: #ffffff;--bro-text-dim: rgba(255, 255, 255, .55);--bro-text-muted: rgba(255, 255, 255, .28);--bro-radius: 4px;position:relative;margin:14px 0}.bro-cs__inner{position:relative;background:var(--bro-bg);border:1px solid var(--bro-border);border-left:3px solid var(--bro-red);border-radius:var(--bro-radius);padding:14px 14px 12px;overflow:hidden}.bro-cs__inner:before{content:"";position:absolute;top:-30px;right:-20px;width:120px;height:120px;background:var(--bro-red);opacity:.04;transform:rotate(20deg);border-radius:2px;pointer-events:none}.bro-cs[data-visible=true]{display:block!important;animation:broCSReveal .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes broCSReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bro-cs__header{display:flex;align-items:center;gap:7px;margin-bottom:12px}.bro-cs__badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--bro-red);border-radius:2px;font-size:10px;flex-shrink:0}.bro-cs__title{font-family:Bebas Neue,Impact,sans-serif;font-size:13px;letter-spacing:.15em;color:var(--bro-text-dim);text-transform:uppercase}.bro-cs__title-highlight{color:var(--bro-red)}.bro-cs__product{position:relative;min-height:64px}.bro-cs__card{display:flex;align-items:center;gap:12px;background:var(--bro-bg-card);border:1px solid var(--bro-border);border-radius:var(--bro-radius);padding:10px;transition:border-color .2s ease,background .2s ease;cursor:default}.bro-cs__card:hover{border-color:#fe000140;background:#1c1c1c}.bro-cs__card--entering{animation:broCardInLeft .38s cubic-bezier(.22,1,.36,1) forwards}.bro-cs__card--entering-right{animation:broCardInRight .38s cubic-bezier(.22,1,.36,1) forwards}@keyframes broCardInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes broCardInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.bro-cs__img-wrap{flex-shrink:0;width:56px;height:56px;border-radius:var(--bro-radius);overflow:hidden;background:#222;border:1px solid var(--bro-border);display:block}.bro-cs__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.bro-cs__card:hover .bro-cs__img{transform:scale(1.06)}.bro-cs__info{flex:1;min-width:0}.bro-cs__product-name{font-family:Bebas Neue,Impact,sans-serif;font-size:15px;letter-spacing:.06em;color:var(--bro-text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px;text-transform:uppercase}.bro-cs__product-meta{display:flex;align-items:center;gap:7px}.bro-cs__price{font-family:Bebas Neue,Impact,sans-serif;font-size:18px;color:var(--bro-red)!important;letter-spacing:.04em;line-height:1}.bro-cs__compare-price{font-family:DM Sans,sans-serif;font-size:11px;color:var(--bro-text-muted)!important;text-decoration:line-through}.bro-cs__tag{display:inline-flex;align-items:center;padding:2px 6px;background:var(--bro-red-dim);border:1px solid rgba(254,0,1,.2);border-radius:2px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:700;color:var(--bro-red);text-transform:uppercase;letter-spacing:.05em}.bro-cs__add-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:4px;height:38px;padding:0 14px;border:none;border-radius:var(--bro-radius);background:var(--bro-red);color:#fff;font-family:Bebas Neue,Impact,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.bro-cs__add-btn:hover{background:#d90001;box-shadow:0 0 20px #fe00014d;transform:translateY(-1px)}.bro-cs__add-btn:active{transform:scale(.97)}.bro-cs__add-icon{font-size:16px;font-weight:700;line-height:1;transition:opacity .2s}.bro-cs__add-label{transition:opacity .2s}.bro-cs__add-btn--loading{pointer-events:none;opacity:.8}.bro-cs__add-btn--loading .bro-cs__add-icon,.bro-cs__add-btn--loading .bro-cs__add-label{opacity:0}.bro-cs__add-btn--loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:broSpin .5s linear infinite}.bro-cs__add-btn--success{background:#1a8a3c;pointer-events:none}.bro-cs__add-btn--success .bro-cs__add-icon,.bro-cs__add-btn--success .bro-cs__add-label{opacity:0}.bro-cs__add-btn--success:after{content:"\2713";position:absolute;font-size:16px;font-weight:700;color:#fff;animation:broCheckPop .3s cubic-bezier(.22,1,.36,1)}@keyframes broSpin{to{transform:rotate(360deg)}}@keyframes broCheckPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.bro-cs__message{margin-top:10px;font-family:DM Sans,sans-serif;font-size:11.5px;color:var(--bro-text-muted);line-height:1.5;text-align:center;letter-spacing:.01em}.bro-cs__message strong{color:var(--bro-red);font-weight:700}.bro-cs__nav{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px}.bro-cs__nav--hidden{display:none}.bro-cs__nav-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#1e1e1e;border:1px solid var(--bro-border);border-radius:var(--bro-radius);color:var(--bro-text-muted);font-size:14px;cursor:pointer;transition:all .2s ease;padding:0;line-height:1;flex-shrink:0}.bro-cs__nav-btn:hover{border-color:var(--bro-red);color:var(--bro-red);background:var(--bro-red-dim)}.bro-cs__nav-btn:active{transform:scale(.9)}.bro-cs__nav-counter{display:flex;align-items:center;gap:8px;font-family:Bebas Neue,Impact,sans-serif;font-size:15px;letter-spacing:.12em}.bro-cs__nav-current{color:var(--bro-red);font-size:17px}.bro-cs__nav-sep{color:var(--bro-border);font-size:11px;letter-spacing:0}.bro-cs__nav-total{color:var(--bro-text-muted);font-size:13px}.bro-cs__dots{display:flex;justify-content:center;gap:4px;margin-top:8px}.bro-cs__dot{width:4px;height:4px;border-radius:50%;background:#333;transition:all .3s ease}.bro-cs__dot--active{width:16px;border-radius:2px;background:var(--bro-red)}@media(max-width:480px){.bro-cs__inner{padding:12px 12px 10px}.bro-cs__img-wrap{width:50px;height:50px}.bro-cs__product-name{font-size:14px}.bro-cs__price{font-size:16px}.bro-cs__add-btn{height:36px;padding:0 12px;font-size:12px}.bro-cs__message{font-size:11px}}.bro-cs__urgency{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#fe00011f;border:1px solid rgba(254,0,1,.3);border-radius:3px;font-family:Bebas Neue,Impact,sans-serif;font-size:11px;letter-spacing:.12em;color:var(--bro-red);white-space:nowrap;animation:broUrgencyPulse 2s ease-in-out infinite}@keyframes broUrgencyPulse{0%,to{opacity:1;border-color:#fe00014d}50%{opacity:.65;border-color:#fe000114}}.bro-cs__add-btn--choose{background:transparent!important;border:1px solid var(--bro-red)!important;color:var(--bro-red)!important}.bro-cs__add-btn--choose:hover{background:var(--bro-red)!important;color:#fff!important}.bro-cs__products{display:flex;flex-direction:column;gap:8px;position:relative;min-height:64px}.bro-cs__card--stagger{animation:broCardStagger .4s cubic-bezier(.22,1,.36,1) both}@keyframes broCardStagger{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.cart__note{display:none}.bro-cs__card--exit-left{animation:broCardExitLeft .25s ease-in forwards;pointer-events:none}.bro-cs__card--exit-right{animation:broCardExitRight .25s ease-in forwards;pointer-events:none}@keyframes broCardExitLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes broCardExitRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/bro-cross-sell.css.map */