/* Huahe Forklift child theme – layout tweaks (loaded last) */ .hh-logo { max-height: 64px; width: auto; height: auto; object-fit: contain; } .footer_logo .hh-logo { max-height: 56px; } .m-navlist-guanxiang .logo img.hh-logo { max-height: 48px; } /* ---------------------------- Desktop header ---------------------------- Budget for the 1200px container (1170px of usable width): logo ~185 + 7-item menu + quote button <= 1170 The real webfont renders wider than the fallback, which used to push the menu (and then the button) onto a second row. Trim the logo back to near its natural size and tighten the menu so the row always fits. */ /* The section stylesheets are emitted inline in the , i.e. after this file, so equal-specificity rules here would lose. Prefixing with `body` gives just enough weight to win without resorting to !important. */ @media (min-width: 961px) { body .header-height-guanxiang .head-logo a img { height: 48px; } body .header-height-guanxiang .head-nav-guanxiang { width: auto; flex: 0 1 auto; } body .header-height-guanxiang .head-nav-guanxiang ul { white-space: nowrap; } body .header-height-guanxiang .head-nav-guanxiang li { padding: 0 8px; } body .header-height-guanxiang .href a { padding: 14px 22px; white-space: nowrap; } } /* Spanish labels ("Sobre Nosotros", "Solicitar Cotización") are the longest, so they get a little extra trim to keep pace with the English row. */ @media (min-width: 961px) { html[lang="es"] body .header-height-guanxiang .head-nav-guanxiang li { padding: 0 6px; } html[lang="es"] body .header-height-guanxiang .head-nav-guanxiang li a { font-size: 13.5px; } html[lang="es"] body .header-height-guanxiang .href a { padding: 14px 16px; font-size: 14px; } } /* Narrow desktop (961-1279px): the container shrinks to 960px, so trim more. */ @media (min-width: 961px) and (max-width: 1279px) { body .header-height-guanxiang .head-logo a img { height: 42px; } body .header-height-guanxiang .head-nav-guanxiang li { padding: 0 6px; } body .header-height-guanxiang .head-nav-guanxiang li a { font-size: 14px; } body .header-height-guanxiang .href a { padding: 12px 16px; font-size: 14px; } /* Spanish is still the widest by ~35px here – trim a touch further. */ html[lang="es"] body .header-height-guanxiang .head-nav-guanxiang li { padding: 0 4px; } html[lang="es"] body .header-height-guanxiang .head-nav-guanxiang li a { font-size: 12.5px; } html[lang="es"] body .header-height-guanxiang .href a { padding: 12px 12px; font-size: 13px; } } /* product grid images */ #features .gallery .image img { width: 100%; height: auto; display: block; } /* success / error toast for the inquiry form */ #hh-toast { position: fixed; left: 50%; bottom: 40px; transform: translate(-50%, 20px); background: #ff5e14; color: #fff; padding: 14px 26px; border-radius: 6px; font-size: 15px; line-height: 1.4; max-width: 90%; z-index: 99999; opacity: 0; transition: opacity .3s, transform .3s; box-shadow: 0 8px 24px rgba(0,0,0,.18); } #hh-toast.on { opacity: 1; transform: translate(-50%, 0); } #hh-toast.err { background: #d93025; }