.promo-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000009;border:1px solid #e8eaf2;margin-bottom:16px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.promo-card:hover{box-shadow:0 6px 24px #00000015;transform:translateY(-1px)}
.promo-card-inner{display:flex;align-items:stretch}
.promo-brand{width:200px;flex:0 0 200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border-right:1px solid #e8eaf2;text-align:center}
.promo-brand-icon{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#fff;box-shadow:0 4px 12px #0002;letter-spacing:-.5px}
.promo-brand-name{font-weight:800;font-size:15px;color:#171f32}
.promo-brand-bonus{font-weight:900;font-size:18px}
.promo-body{flex:1;padding:20px 24px}
.promo-title{font-size:17px;font-weight:800;margin-bottom:8px;color:#171f32}
.promo-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:#62687f;margin-bottom:10px}
.promo-meta span{display:inline-flex;align-items:center;gap:5px}
.promo-meta i{font-size:12px;color:#9da2ad}
.promo-desc{font-size:14px;color:#555a65;line-height:1.55;margin-bottom:16px}
.promo-bottom{display:flex;align-items:center;gap:16px;flex-wrap:wrap}

/* ACCORDION — highlighted */
.promo-accordion{background:#eef2ff;border-top:1px solid #d8dfef}
.promo-acc-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .15s}
.promo-acc-toggle:hover{background:#e4eafc}
.promo-acc-toggle span{font-size:14px;font-weight:700;color:#315EFB}
.promo-acc-toggle i{font-size:11px;color:#315EFB;transition:transform .3s}
.promo-card.acc-open .promo-acc-toggle i{transform:rotate(180deg)}
.promo-acc-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.promo-acc-inner{padding:0 24px 20px}
.promo-acc-inner .acc-steps{list-style:none;counter-reset:acc}
.promo-acc-inner .acc-steps li{position:relative;padding:8px 0 8px 36px;font-size:14px;color:#3d4250;line-height:1.5;counter-increment:acc}
.promo-acc-inner .acc-steps li::before{content:counter(acc);position:absolute;left:0;top:8px;width:24px;height:24px;border-radius:50%;background:#315EFB;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.promo-acc-inner .acc-warn{margin-top:10px;padding:10px 14px;background:#fff3dc;border-left:3px solid #f5a623;border-radius:0 8px 8px 0;font-size:13px;font-weight:600;color:#8a6d2b}

@media(max-width:991px){.promo-brand{width:140px;flex:0 0 140px}}
@media(max-width:599px){
  .promo-card-inner{flex-direction:column}
  .promo-brand{width:100%;flex:none;flex-direction:row;border-right:none;border-bottom:1px solid #e8eaf2;padding:14px 18px;gap:12px}
  .promo-brand-icon{width:48px;height:48px;font-size:16px}
  .promo-body{padding:16px 18px}
  .promo-acc-toggle{padding:14px 18px}
  .promo-acc-inner{padding:0 18px 18px}
}