/* =========================================================
   PRODUCT HERO — compact text-length glass card
   Removes long white title strip across all Bull product pages.
   ========================================================= */

html body .bull-hero .hero-left-content{
  width:auto !important;
  max-width:min(92vw,640px) !important;
  flex:0 0 auto !important;
}

html body .bull-hero .hero-text-card{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  width:auto !important;
  max-width:min(92vw,640px) !important;
  min-width:0 !important;
  margin:0 !important;
  padding:18px 22px !important;
  border-radius:20px !important;
  background:rgba(28,28,28,.46) !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.42) !important;
  -webkit-backdrop-filter:blur(14px) saturate(125%) !important;
  backdrop-filter:blur(14px) saturate(125%) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
}

/* Remove any white inner strip/box behind title text */
html body .bull-hero .hero-text-card .bull-hero-title,
html body .bull-hero .hero-text-card h1,
html body .bull-hero .hero-text-card h2{
  display:inline-block !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#fff !important;
}

/* Keep model highlight readable */
html body .bull-hero .hero-text-card .bull-hero-title span,
html body .bull-hero .hero-text-card .model-word,
html body .bull-hero .hero-text-card .bull-model{
  color:#fbb120 !important;
  background:transparent !important;
}

/* BULL stays white in hero, no skew/italic */
html body .bull-hero .hero-text-card .bull-word,
html body .bull-hero .hero-text-card .bull-brand{
  color:#fff !important;
  font-style:normal !important;
  transform:none !important;
}

html body .bull-hero .hero-text-card .bull-gold-title{
  display:inline-block !important;
  width:auto !important;
  max-width:100% !important;
  margin-top:8px !important;
  padding:0 !important;
  background:transparent !important;
  color:#fff !important;
  line-height:1.35 !important;
}

/* If old page CSS places a white pseudo panel behind title, disable it */
html body .bull-hero .hero-text-card::before,
html body .bull-hero .hero-text-card::after,
html body .bull-hero .bull-hero-title::before,
html body .bull-hero .bull-hero-title::after{
  display:none !important;
  content:none !important;
}

/* Keep hero layout natural and avoid stretching left card */
html body .bull-hero-bottom-layout{
  align-items:flex-end !important;
}

@media(max-width:900px){
  html body .bull-hero .hero-text-card{
    padding:16px 18px !important;
    border-radius:18px !important;
    max-width:calc(100vw - 24px) !important;
  }
}

@media(max-width:600px){
  html body .bull-hero .hero-left-content,
  html body .bull-hero .hero-text-card{
    max-width:calc(100vw - 20px) !important;
  }

  html body .bull-hero .hero-text-card{
    padding:14px 16px !important;
  }
}