/* Homepage supported-brand ribbon: real local brand marks, no external logo CDN. */
.home-brand-ribbon .container{
  display:grid;
  grid-template-columns:minmax(210px,.9fr) minmax(0,3.1fr);
  align-items:center;
  gap:34px;
}
.home-brand-ribbon .brand-ribbon-title{
  color:#4f5e55;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.01em;
  white-space:nowrap;
}
.home-brand-ribbon .brand-logo-list{
  display:grid;
  grid-template-columns:repeat(10,minmax(0,1fr));
  align-items:center;
  gap:18px;
  min-width:0;
}
.home-brand-ribbon .brand-logo-item{
  min-width:0;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 2px;
}
.home-brand-ribbon .brand-logo-item img{
  display:block;
  width:100%;
  max-width:72px;
  height:31px;
  object-fit:contain;
}
.home-brand-ribbon .brand-logo-apple img{max-width:29px;height:34px}
.home-brand-ribbon .brand-logo-samsung img{max-width:82px}
.home-brand-ribbon .brand-logo-google img{max-width:34px;height:34px}
.home-brand-ribbon .brand-logo-dell img{max-width:34px;height:34px}
.home-brand-ribbon .brand-logo-hp img{max-width:34px;height:34px}
.home-brand-ribbon .brand-logo-lenovo img{max-width:76px}
.home-brand-ribbon .brand-logo-asus img{max-width:77px}
.home-brand-ribbon .brand-logo-acer img{max-width:72px}
.home-brand-ribbon .brand-logo-microsoft img{max-width:32px;height:32px}
.home-brand-ribbon .brand-logo-msi img{max-width:39px;height:34px}

@media(max-width:1050px){
  .home-brand-ribbon .container{grid-template-columns:1fr;gap:12px}
  .home-brand-ribbon .brand-ribbon-title{text-align:center;white-space:normal}
  .home-brand-ribbon .brand-logo-list{grid-template-columns:repeat(5,minmax(70px,1fr));gap:8px 18px}
}
@media(max-width:680px){
  .home-brand-ribbon{overflow:hidden}
  .home-brand-ribbon .container{gap:8px}
  .home-brand-ribbon .brand-ribbon-title{text-align:left;padding-left:2px}
  .home-brand-ribbon .brand-logo-list{
    display:flex;
    gap:10px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    padding:2px 0 8px;
    scroll-snap-type:x proximity;
  }
  .home-brand-ribbon .brand-logo-list::-webkit-scrollbar{display:none}
  .home-brand-ribbon .brand-logo-item{
    flex:0 0 86px;
    height:50px;
    scroll-snap-align:start;
  }
}