/* HOMEBOX (13 Nov 2026, Krishna t1032u): restyle the existing Home company box (hb-head)
   into a prominent Amit Trading Co. banner with a theme-coloured gradient background.
   Does not change the Order hub .hb-head (no .hb-brandbox there). YQ still hides this box. */
#view .hb-head.hb-brandbox{
  position:relative;
  align-items:flex-start;
  gap:14px;
  margin:6px 0 16px;
  padding:18px 16px 16px;
  border:0;
  border-radius:20px;
  color:var(--hxt,#F4F7FC);
  background:
    linear-gradient(145deg,
      var(--hxb,var(--accent,#152A66)) 0%,
      var(--primary,#1E3A8A) 48%,
      var(--accent,#152A66) 100%);
  box-shadow:0 8px 24px color-mix(in srgb,var(--accent,#152A66) 38%,transparent),
             0 1px 0 color-mix(in srgb,#fff 18%,transparent) inset;
  overflow:hidden;
}
#view .hb-head.hb-brandbox::before{
  content:"";
  position:absolute;inset:0 auto auto 0;width:160px;height:160px;
  background:radial-gradient(circle at 0 0,color-mix(in srgb,#fff 18%,transparent),transparent 70%);
  pointer-events:none;
}
#view .hb-head.hb-brandbox .hb-co-tx{position:relative;z-index:1;min-width:0;flex:1}
#view .hb-head.hb-brandbox img.hb-lg{
  position:relative;z-index:1;
  width:60px;height:60px;
  padding:6px;box-sizing:border-box;
  border-radius:14px;
  background:color-mix(in srgb,#fff 16%,transparent);
}
/* deep background: use the light-on-dark mark */
#view .hb-head.hb-brandbox img.hb-lgL{display:none!important}
#view .hb-head.hb-brandbox img.hb-lgD{display:block!important}
#view .hb-head.hb-brandbox .hb-coname,
#view .hb-head.hb-brandbox h1{
  margin:0;
  font-size:24px;
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.15;
  color:#fff;
  -webkit-line-clamp:unset;
  overflow:visible;
}
#view .hb-head.hb-brandbox .hb-sub{
  margin:3px 0 0;
  font-size:14px;
  font-weight:750;
  letter-spacing:.01em;
  color:color-mix(in srgb,#fff 86%,var(--hxt,#E8EEFB));
}
#view .hb-head.hb-brandbox .hb-tagline,
#view .hb-head.hb-brandbox .hb-place{
  margin:4px 0 0;
  color:color-mix(in srgb,#fff 78%,transparent);
}
#view .hb-head.hb-brandbox .hb-tagline{font-size:13px;font-weight:650}
#view .hb-head.hb-brandbox .hb-place{font-size:12px}
#view .hb-head.hb-brandbox .hb-facts{
  display:flex;flex-wrap:wrap;gap:6px;
  margin:10px 0 0;
}
#view .hb-head.hb-brandbox .hb-fact{
  display:inline-block;
  margin:0;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  color:#fff;
  background:color-mix(in srgb,#fff 16%,transparent);
  border:1px solid color-mix(in srgb,#fff 22%,transparent);
}
@media(min-width:720px){
  #view .hb-head.hb-brandbox{padding:22px 22px 18px}
  #view .hb-head.hb-brandbox .hb-coname,
  #view .hb-head.hb-brandbox h1{font-size:30px}
  #view .hb-head.hb-brandbox img.hb-lg{width:68px;height:68px}
}