/* HL3C v51 - brighter v48 hero, no mouse-zone lighting, catalog search beside heading */

/* 1) Hero background: keep v48 style but brighten banner.png and remove hover panel lighting */
.hl3c-hero-collage.brand-v4-hero{
  min-height:calc(100vh - 74px)!important;
  padding:86px 28px 68px!important;
  background:
    radial-gradient(circle at 18% 20%, rgba(76,125,255,.26), transparent 34%),
    radial-gradient(circle at 82% 20%, rgba(102,242,231,.20), transparent 34%),
    radial-gradient(circle at 52% 88%, rgba(255,120,212,.14), transparent 42%),
    linear-gradient(180deg,#030712 0%,#07111f 56%,#081426 100%)!important;
}
.hl3c-hero-collage.brand-v4-hero::before{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.66)),
    url('../img/banner.png')!important;
  opacity:.98!important;
  filter:saturate(1.05) contrast(1.08) brightness(.82)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13), inset 0 -90px 130px rgba(0,0,0,.48)!important;
}
.hl3c-hero-collage.brand-v4-hero::after{
  opacity:.16!important;
  animation:hl3cV51SoftGlow 18s ease-in-out infinite!important;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255,255,255,.045) 45%, rgba(102,242,231,.095) 50%, rgba(255,255,255,.04) 55%, transparent 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 86px)!important;
}
.hl3c-hero-collage.brand-v4-hero:hover::after{
  opacity:.18!important;
  animation-duration:18s!important;
}
@keyframes hl3cV51SoftGlow{
  0%,22%{transform:translateX(-125%);opacity:0;}
  42%{opacity:.16;}
  64%{transform:translateX(125%);opacity:.10;}
  100%{transform:translateX(125%);opacity:0;}
}
.hl3c-bg-hover-grid{display:none!important;}

/* 2) Hero title: keep large, but leave room since search/actions removed */
.hl3c-hero-copy{padding-top:4px!important;}
.hl3c-hero-copy h1{
  max-width:1380px!important;
  font-size:clamp(54px,6.6vw,112px)!important;
  line-height:1.03!important;
  text-shadow:0 18px 48px rgba(0,0,0,.82),0 0 1px rgba(255,255,255,.8)!important;
}
.hl3c-hero-copy h1 span{
  font-size:clamp(36px,4.45vw,76px)!important;
  margin-top:12px!important;
  background:linear-gradient(90deg,#ffffff 0%,#d9fbff 38%,#ffe870 68%,#ffcdf1 88%,#ffffff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.hl3c-hero-copy p{margin-top:26px!important;max-width:1120px!important;}
.hl3c-hero-copy p::after{margin-top:20px!important;}

/* 3) Remove hero search/actions after PHP removal just in case older cached HTML remains */
.hl3c-hero-copy > .brand-v4-search,
.hl3c-hero-copy > .brand-v4-actions{display:none!important;}
.hl3c-hero-tags{margin-top:18px!important;}

/* 4) One-row collage: stronger color contrast and labels moved below images */
.hl3c-hero-rental-wall{
  margin-top:36px!important;
  gap:clamp(14px,1.75vw,30px)!important;
  padding:18px 20px 54px!important;
}
.hl3c-rental-card,
.hl3c-rental-tv,.hl3c-rental-projector,.hl3c-rental-screen,.hl3c-rental-vc,.hl3c-rental-ai,.hl3c-rental-ad{
  border-radius:24px!important;
  padding:9px!important;
  background:linear-gradient(135deg,#ffffff,#eaf8ff)!important;
  box-shadow:0 24px 56px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.92) inset!important;
}
.hl3c-rental-card img{
  filter:saturate(1.38) contrast(1.08) brightness(1.10)!important;
  border-radius:17px!important;
}
.hl3c-rental-card::before{
  inset:9px!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.20),transparent 46%,rgba(0,0,0,.04))!important;
}
.hl3c-rental-card span{
  left:50%!important;
  top:auto!important;
  bottom:-20px!important;
  transform:translateX(-50%)!important;
  max-width:calc(100% - 18px)!important;
  justify-content:center!important;
  text-align:center!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#06111f!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.22)!important;
  font-size:12px!important;
  line-height:1.2!important;
  backdrop-filter:blur(12px)!important;
}
.hl3c-rental-card::after{display:none!important;}
.hl3c-rental-card:hover{
  z-index:260!important;
  transform:translateY(-18px) scale(1.045) rotate(0deg)!important;
  box-shadow:0 40px 96px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,1) inset!important;
}
.hl3c-rental-card:hover img{filter:saturate(1.48) contrast(1.10) brightness(1.15)!important;}

/* Card-specific color accents for stronger 跳色 */
.hl3c-rental-tv{background:linear-gradient(135deg,#ffffff,#dce8ff)!important;}
.hl3c-rental-projector{background:linear-gradient(135deg,#ffffff,#fff0b8)!important;}
.hl3c-rental-screen{background:linear-gradient(135deg,#ffffff,#cff9ee)!important;}
.hl3c-rental-vc{background:linear-gradient(135deg,#ffffff,#efe1ff)!important;}
.hl3c-rental-ai{background:linear-gradient(135deg,#ffffff,#d9fff6)!important;}
.hl3c-rental-ad{background:linear-gradient(135deg,#ffffff,#ffe1bd)!important;}
.hl3c-rental-tv span{background:linear-gradient(135deg,#e9f0ff,#ffffff)!important;}
.hl3c-rental-projector span{background:linear-gradient(135deg,#fff0a8,#ffffff)!important;}
.hl3c-rental-screen span{background:linear-gradient(135deg,#c9fff1,#ffffff)!important;}
.hl3c-rental-vc span{background:linear-gradient(135deg,#efe1ff,#ffffff)!important;}
.hl3c-rental-ai span{background:linear-gradient(135deg,#bffcf3,#ffffff)!important;}
.hl3c-rental-ad span{background:linear-gradient(135deg,#ffd9a6,#ffffff)!important;}

/* 5) Catalog title + compact search beside it */
.hl3c-catalog-head-v51{
  align-items:center!important;
  gap:24px!important;
}
.hl3c-catalog-search-v51{
  margin-left:auto!important;
  width:min(430px,42vw)!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.04)!important;
  backdrop-filter:blur(12px)!important;
}
.hl3c-catalog-search-v51 input{
  min-width:0!important;
  flex:1!important;
  height:42px!important;
  border:0!important;
  outline:none!important;
  border-radius:13px!important;
  padding:0 14px!important;
  background:rgba(255,255,255,.94)!important;
  color:#07111f!important;
  font-size:14px!important;
  font-weight:850!important;
}
.hl3c-catalog-search-v51 input::placeholder{color:#687385!important;font-weight:780!important;}
.hl3c-catalog-search-v51 .btn{
  flex:0 0 auto!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  border:0!important;
  background:linear-gradient(135deg,#66f2e7,#4c7dff)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:1000!important;
  box-shadow:0 12px 24px rgba(76,125,255,.28)!important;
}

/* 6) Slightly brighter site colors to match the brighter hero */
.brand-v4-catalog{background:linear-gradient(180deg,#0a1728 0%,#0f2135 100%)!important;}
.brand-v4-scenarios{background:linear-gradient(135deg,#0b1a2d 0%,#123740 52%,#171d3c 100%)!important;}
.brand-v4-featured{background:linear-gradient(180deg,#102033 0%,#0a1728 100%)!important;}
.brand-v4-trust{background:linear-gradient(135deg,#0b1729 0%,#12363d 100%)!important;}
.site-footer{background:linear-gradient(135deg,#07101f 0%,#0d2035 55%,#12363b 100%)!important;}

@media (max-width:1050px){
  .hl3c-catalog-head-v51{align-items:flex-start!important;}
  .hl3c-catalog-search-v51{width:min(100%,520px)!important;margin-left:0!important;}
  .hl3c-rental-card span{bottom:-18px!important;font-size:11px!important;}
}
@media (max-width:720px){
  .hl3c-hero-collage.brand-v4-hero{padding:52px 16px 44px!important;}
  .hl3c-hero-collage.brand-v4-hero::before{filter:saturate(1.04) contrast(1.05) brightness(.88)!important;background-image:linear-gradient(180deg, rgba(0,0,0,.48), rgba(0,0,0,.66)),url('../img/banner.png')!important;}
  .hl3c-hero-copy h1{font-size:42px!important;line-height:1.09!important;}
  .hl3c-hero-copy h1 span{font-size:.78em!important;line-height:1.16!important;}
  .hl3c-hero-rental-wall{padding-bottom:42px!important;}
  .hl3c-rental-card span{bottom:-16px!important;font-size:10px!important;padding:6px 8px!important;}
  .hl3c-catalog-search-v51{width:100%!important;}
}