/* Hide the "RESEARCH-ONLY PEPTIDE SUPPLIER" subtitle on mobile for cleaner header */
@media (max-width: 768px) {
  /* Target the subtitle div that contains "Research-Only Peptide Supplier" */
  .header-bar div div div:last-child {
    display: none !important;
  }
  
  /* Alternative approach - hide any small uppercase text in the header on mobile */
  .header-bar div[style*="fontSize:11"] {
    display: none !important;
  }
  
  /* More specific targeting for the subtitle */
  .header-bar div[style*="textTransform"] {
    display: none !important;
  }
}

/* Clean up overall mobile header spacing */
@media (max-width: 768px) {
  .header-bar {
    padding: 8px 0 !important;
  }
  
  .header-bar .title {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
  
  .logo img {
    max-height: 32px !important;
  }
}