/* K-LYNK CIPC-confirmed B-BBEE Level 4 recognition · homepage and footer */
#homeView .bbbee-recognition{
  display:flex;align-items:center;gap:18px;position:relative;
  width:min(100%,690px);margin:26px auto 4px;padding:17px 20px;
  text-align:left;border:1px solid #397eaa;border-radius:12px;
  background:linear-gradient(112deg,rgba(5,16,32,.97),rgba(6,34,57,.93));
  box-shadow:0 12px 36px #0009,inset 0 1px 0 #d6efff20,0 0 24px #008cff18;
  color:#f5f8fc;
}
#homeView .bbbee-recognition::before{
  content:"";position:absolute;inset:0 0 auto;height:2px;border-radius:12px 12px 0 0;
  background:linear-gradient(90deg,transparent,#008cff,#00dfff,transparent);
}
#homeView .bbbee-level{
  display:grid;place-items:center;flex:0 0 68px;height:68px;
  border:1px solid #608cb2;border-radius:10px;
  color:#b3eaff;background:radial-gradient(circle at 40% 30%,#164567,#071426 77%);
  font:900 35px/1 Manrope,Arial,sans-serif;letter-spacing:-2px;
  text-shadow:0 0 20px #00dfff88;
}
#homeView .bbbee-copy{flex:1;min-width:0}
#homeView .bbbee-eyebrow{display:block;color:#69d9f6;font:800 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:1.5px}
#homeView .bbbee-copy strong{display:block;margin:4px 0;color:#f5f8fc;font:800 clamp(15px,2vw,18px)/1.35 Manrope,Arial,sans-serif}
#homeView .bbbee-copy small{display:block;color:#a9c3d3;font:500 11px/1.6 'DM Sans',Arial,sans-serif}
#homeView .bbbee-procurement{display:flex;flex-direction:column;gap:3px;flex:0 0 111px;
  align-items:center;justify-content:center;text-align:center;padding-left:16px;
  border-left:1px solid #2b5773}
#homeView .bbbee-procurement strong{color:#8de9ff;font:900 26px/1.1 Manrope,Arial,sans-serif}
#homeView .bbbee-procurement span{color:#bbd2df;font:800 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:1px}
.site-footer .footer-contact-details{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1000px}
@media(max-width:1040px){
  .site-footer .footer-contact-details{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
  #homeView .bbbee-recognition{flex-wrap:wrap;gap:12px;padding:15px 16px;margin-top:23px}
  #homeView .bbbee-level{flex-basis:54px;height:54px;font-size:28px}
  #homeView .bbbee-copy strong{font-size:15px}
  #homeView .bbbee-copy small{font-size:10px}
  #homeView .bbbee-procurement{flex:1 0 100%;border-left:0;border-top:1px solid #2b5773;
    padding:11px 0 0;flex-direction:row;gap:11px}
  #homeView .bbbee-procurement strong{font-size:23px}
  #homeView .bbbee-procurement span{font-size:9px;text-align:left}
  .site-footer .footer-contact-details{grid-template-columns:1fr}
}