/* Brand Orbit — full "Browse by brand" segment */
.brand-orbit-segment{
  --bo-accent:#273A60;--bo-accent2:#0061c2;
  --bo-node:#ffffff;--bo-node-edge:rgba(39,58,96,.16);--bo-ring:rgba(39,58,96,.14);
  --bo-ink:#1C1A14;--bo-card-line:#E0D8CC;--bo-title:#273A60;--bo-sub:#999;
  box-sizing:border-box;
}
.brand-orbit-segment.bo-theme-dark{
  --bo-node:#161a28;--bo-node-edge:rgba(150,180,255,.22);--bo-ring:rgba(150,180,255,.18);
  --bo-ink:#eef2ff;--bo-card-line:rgba(255,255,255,.12);--bo-title:#dfe7ff;--bo-sub:#8a96b5;
}
.brand-orbit-segment *{box-sizing:border-box}

/* heading */
.brand-orbit-segment .bo-seg-head{margin-bottom:22px}
.brand-orbit-segment .bo-eyebrow{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#888;margin:0 0 4px}
.brand-orbit-segment .bo-heading{font-size:22px;font-weight:700;color:var(--bo-ink);margin:0}

/* orbit */
.brand-orbit-segment .brand-orbit-wrap{display:flex;justify-content:center;align-items:center;width:100%;margin:6px 0 30px}
.brand-orbit-segment .brand-orbit{position:relative;width:560px;height:360px;max-width:100%}
.brand-orbit-segment .bo-ellipse{position:absolute;top:50%;left:50%;border:1px solid var(--bo-ring);border-radius:50%;transform:translate(-50%,-50%) scaleY(.34);pointer-events:none}
.brand-orbit-segment .bo-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:26px;z-index:50;
  background:var(--bo-node);border:1px solid var(--bo-node-edge);display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none;
  color:var(--bo-title);font-weight:800;font-size:.95rem;
  box-shadow:0 0 0 9px rgba(39,58,96,.05),0 20px 46px rgba(39,58,96,.22)}
.brand-orbit-segment .bo-center img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:14px;display:block}
.brand-orbit-segment .bo-node{position:absolute;top:0;left:0;width:72px;height:72px;border-radius:16px;background:var(--bo-node);border:1px solid var(--bo-node-edge);
  display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none;padding:9px;
  box-shadow:0 8px 20px rgba(39,58,96,.12);will-change:transform,opacity;transition:box-shadow .25s}
.brand-orbit-segment .bo-node img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;border-radius:9px;pointer-events:none;-webkit-user-drag:none}
.brand-orbit-segment .bo-node .bo-label{font-weight:700;font-size:.64rem;color:var(--bo-title);text-align:center;line-height:1.05;padding:3px}
.brand-orbit-segment .bo-node:hover{box-shadow:0 0 0 2px var(--bo-accent),0 12px 28px rgba(0,97,194,.3);z-index:100 !important}

/* grid */
.brand-orbit-segment .bo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.brand-orbit-segment .bo-card{text-decoration:none !important;color:inherit !important;border:1px solid var(--bo-card-line);border-radius:12px;overflow:hidden;display:block;transition:box-shadow .2s}
.brand-orbit-segment .bo-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.1)}
.brand-orbit-segment .bo-card-img{height:90px;display:flex;align-items:center;justify-content:center;padding:14px}
.brand-orbit-segment .bo-card-img img{max-height:54px;max-width:85%;object-fit:contain;display:block;border-radius:8px}
.brand-orbit-segment .bo-card-fallback{font-weight:700;color:var(--bo-title);font-size:14px;text-align:center}
.brand-orbit-segment .bo-card-body{padding:10px 12px;border-top:1px solid var(--bo-card-line)}
.brand-orbit-segment .bo-card-title{font-size:12px;font-weight:700;color:var(--bo-title) !important;margin:0 0 2px;line-height:1.3}
.brand-orbit-segment .bo-card-sub{font-size:10px;color:var(--bo-sub) !important;line-height:1.4;margin:0}

/* responsive */
@media(max-width:900px) and (min-width:601px){
  .brand-orbit-segment .brand-orbit{width:480px;height:340px}
  .brand-orbit-segment .bo-center{width:104px;height:104px}
  .brand-orbit-segment .bo-node{width:64px;height:64px}
  .brand-orbit-segment .bo-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .brand-orbit-segment .brand-orbit{width:300px;height:300px}
  .brand-orbit-segment .bo-center{width:84px;height:84px;border-radius:20px}
  .brand-orbit-segment .bo-node{width:58px;height:58px;border-radius:14px}
}
@media(max-width:540px){
  .brand-orbit-segment .bo-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:380px){
  .brand-orbit-segment .brand-orbit{width:280px;height:280px}
  .brand-orbit-segment .bo-center{width:74px;height:74px}
  .brand-orbit-segment .bo-node{width:52px;height:52px}
}