:root {
  --hln-ink: #0a1017;
  --hln-ink-soft: #141b24;
  --hln-paper: #f6f3eb;
  --hln-paper-2: #ece8de;
  --hln-gold: #d9ad4a;
  --hln-gold-soft: #ebc96f;
  --hln-line: rgba(17, 24, 34, .13);
}

html { overflow-x: clip; }
body.hln-fidelity-template { margin: 0; overflow-x: clip; }

/* Legacy templates keep their body markup for text fidelity; shared chrome replaces only their duplicated navigation and footer. */
body.hln-fidelity-template > .util,
body.hln-fidelity-template > header.hdr,
body.hln-fidelity-template > .scrim,
body.hln-fidelity-template > nav.mobile,
body.hln-fidelity-template footer:not(.hln-site-footer) { display: none !important; }

.hln-site-header { position: relative; z-index: 10000; color: #eef2f6; background: #080e15; border-bottom: 1px solid rgba(217, 173, 74, .34); font-family: Arial, sans-serif; }
.hln-site-header__utility { border-bottom: 1px solid rgba(255,255,255,.08); background: #060b11; }
.hln-site-header__utility-inner { width: min(1440px, calc(100% - 48px)); min-height: 40px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.hln-site-header__utility p { display: flex; align-items: center; gap: 8px; margin: 0; color: #c8d0da; font-size: 12px; }
.hln-site-header__utility strong { color: var(--hln-gold-soft); }
.hln-site-header__utility-links { display: flex; gap: 22px; }
.hln-site-header__utility a { color: #c8d0da; text-decoration: none; font-size: 12px; }
.hln-site-header__main { width: min(1440px, calc(100% - 48px)); min-height: 82px; margin: 0 auto; display: flex; align-items: center; gap: 30px; }
.hln-site-brand { flex: 0 0 auto; display: inline-flex; align-items: center; }
.hln-site-brand img { display: block; width: 172px; height: auto; }
.hln-site-nav { display: flex; align-items: stretch; justify-content: center; gap: 6px; flex: 1 1 auto; min-width: 0; }
.hln-site-nav > a,
.hln-site-nav__item > a { display: inline-flex; min-height: 82px; align-items: center; gap: 7px; padding: 0 11px; color: #e6ebf1; text-decoration: none; font-size: 14px; font-weight: 700; white-space: nowrap; }
.hln-site-nav > a:hover,
.hln-site-nav__item:hover > a,
.hln-site-nav a:focus-visible { color: var(--hln-gold-soft); }
.hln-site-nav__item { position: relative; }
.hln-site-nav__caret { width: 6px; height: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.hln-site-nav__menu { position: absolute; top: calc(100% - 8px); left: 0; width: 250px; padding: 10px; border: 1px solid rgba(217,173,74,.28); background: #111923; box-shadow: 0 18px 42px rgba(0,0,0,.3); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .16s ease, transform .16s ease; }
.hln-site-nav__item:hover .hln-site-nav__menu,
.hln-site-nav__item:focus-within .hln-site-nav__menu { opacity: 1; visibility: visible; transform: translateY(0); }
.hln-site-nav__menu a { display: block; padding: 10px 11px; color: #cbd3dd; text-decoration: none; font-size: 13px; line-height: 1.35; }
.hln-site-nav__menu a:hover { color: #fff; background: rgba(217,173,74,.12); }
.hln-site-header__actions { display: flex; align-items: center; gap: 10px; }
.hln-site-quote,
.hln-site-mobile-nav__quote { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 0 20px; border-radius: 6px; color: #171106; background: var(--hln-gold); box-shadow: 0 12px 26px rgba(217,173,74,.16); text-decoration: none; font-size: 14px; font-weight: 800; }
.hln-site-search-toggle,
.hln-site-menu-toggle { width: 44px; height: 44px; border: 1px solid #34404d; background: transparent; color: #fff; cursor: pointer; }
.hln-site-search-toggle span { position: relative; display: block; width: 14px; height: 14px; margin: auto; border: 2px solid currentColor; border-radius: 50%; }
.hln-site-search-toggle span::after { content: ''; position: absolute; right: -6px; bottom: -4px; width: 7px; height: 2px; background: currentColor; transform: rotate(45deg); }
.hln-site-menu-toggle { display: none; padding: 9px; }
.hln-site-menu-toggle span { display: block; height: 2px; margin: 5px 0; background: currentColor; }
.hln-site-search { display: none; width: min(620px, calc(100% - 48px)); margin: 0 auto 18px; grid-template-columns: 1fr auto; gap: 8px; }
.hln-site-search.is-open { display: grid; }
.hln-site-search label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.hln-site-search input { min-width: 0; min-height: 44px; padding: 0 14px; border: 1px solid #34404d; border-radius: 4px; color: #fff; background: #111923; }
.hln-site-search button { min-height: 44px; padding: 0 18px; border: 0; border-radius: 4px; color: #171106; background: var(--hln-gold); font-weight: 800; }
.hln-site-mobile-nav { display: none; padding: 8px 24px 24px; border-top: 1px solid #26303b; background: #090f16; }
.hln-site-mobile-nav a { display: block; padding: 13px 0; color: #e8edf3; text-decoration: none; font-size: 15px; font-weight: 700; }

.hln-site-footer { padding: 64px 0 0; color: #c7d0db; background: #080e15; border-top: 1px solid rgba(217,173,74,.3); font-family: Arial, sans-serif; }
.hln-site-footer__inner { width: min(1440px, calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: 1.65fr repeat(4, minmax(0, 1fr)); gap: 42px; }
.hln-site-footer__brand img { display: block; width: 176px; height: auto; }
.hln-site-footer__brand p { max-width: 370px; margin: 18px 0 0; color: #aeb8c4; line-height: 1.65; }
.hln-site-footer__contact a { display: block; margin-top: 7px; color: var(--hln-gold-soft); text-decoration: none; overflow-wrap: anywhere; }
.hln-site-footer__column h2 { margin: 0 0 15px; color: #fff; font-size: 15px; line-height: 1.3; letter-spacing: 0; }
.hln-site-footer__column a { display: block; margin: 10px 0; color: #aeb8c4; text-decoration: none; font-size: 14px; line-height: 1.45; }
.hln-site-footer__column a:hover { color: var(--hln-gold-soft); }
.hln-site-footer__bottom { width: min(1440px, calc(100% - 48px)); margin: 46px auto 0; padding: 21px 0; border-top: 1px solid #252e38; display: flex; justify-content: space-between; gap: 20px; color: #8e99a6; font-size: 12px; }

/* Home carousel: real scene contrast replaces the previous full-frame black veil. */
.page-template-template-index .carousel .slide-bg { background: none !important; }
.page-template-template-index .hln-hero-picture,
.page-template-template-index .hln-hero-picture img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.page-template-template-index .hln-hero-picture img { object-fit: cover; object-position: center; }
.page-template-template-index .carousel .slide::after { content: ''; position: absolute; inset: 0 auto 0 0; z-index: 0; width: 52%; pointer-events: none; background: linear-gradient(90deg, rgba(5,9,14,.28) 0%, rgba(5,9,14,.08) 58%, transparent 100%); }
.page-template-template-index .slide-inner { position: relative; z-index: 1; }

/* Product cards share one square media treatment and never use a separate marketing-card image. */
.page-template-template-index .pcard-img,
.hln-products-page .hln-product-media,
.lmain .lcard-img { aspect-ratio: 1 / 1 !important; min-height: 0 !important; max-height: none !important; height: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: clamp(22px, 3vw, 42px) !important; box-sizing: border-box !important; overflow: hidden !important; background: #f0eee8 !important; }
.page-template-template-index .pcard-img img,
.hln-products-page .hln-product-media img,
.lmain .lcard-img img { width: 100% !important; height: 100% !important; max-width: 78% !important; max-height: 78% !important; margin: auto !important; display: block !important; object-fit: contain !important; object-position: center !important; filter: drop-shadow(0 16px 18px rgba(27, 34, 43, .12)); }
.page-template-template-index .pcard-foot { gap: 12px; flex-wrap: wrap; }
.page-template-template-index .pcard-foot > span { min-width: 0; }
.page-template-template-index .pcard-link { margin-left: auto; white-space: nowrap; }
.hln-products-page .hln-product-media { border-bottom: 1px solid var(--hln-line); }
.hln-products-page .hln-products-intro { position: relative; isolation: isolate; overflow: hidden; }
.hln-products-page .hln-products-intro::before { content: ''; position: absolute; inset: 0; z-index: -2; background: url('images/visual-refresh-20260718/ai-generated-replace-later__home-oem-overview-hero__desktop.webp') center / cover no-repeat; }
.hln-products-page .hln-products-intro::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,9,14,.94) 0%, rgba(5,9,14,.78) 48%, rgba(5,9,14,.16) 100%); }

.page-template-template-index .eq-img,
.page-template-template-about-us .eq-img { aspect-ratio: 3 / 2; height: auto !important; }
.page-template-template-index .eq-img img,
.page-template-template-about-us .eq-img img { width: 100%; height: 100%; object-fit: cover; }
.page-template-template-index .pstep-ill { position: relative; aspect-ratio: 3 / 2; height: auto !important; padding: 0 !important; overflow: hidden; background: #e9e3d6 !important; }
.page-template-template-index .pstep-ill img { width: 100%; height: 100%; display: block; object-fit: cover; }
.page-template-template-index .pstep-no { position: absolute; top: 12px; left: 12px; z-index: 2; }
.page-template-template-index .hln-compliance-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; }
.page-template-template-index .hln-compliance-grid .icard { display: block !important; min-height: 0 !important; padding: 28px !important; border: 1px solid #ded6c6 !important; background: #fff !important; }
.page-template-template-index .hln-compliance-grid .ic-txt { padding: 0 !important; }

/* Page-specific hero imagery. Inline legacy URLs are intentionally overridden here. */
.page-template-template-automatic-cat-litter-box .lhero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__automatic-cat-litter-box-hero__desktop.webp') !important; }
.page-template-template-automatic-pet-feeder .lhero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__automatic-pet-feeder-hero__desktop.webp') !important; }
.page-template-template-stainless-steel-water-fountain .lhero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__stainless-steel-water-fountain-hero__desktop.webp') !important; }
.page-template-template-pet-gps-tracker .lhero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__pet-gps-tracker-hero__desktop.webp') !important; }
.page-template-template-about-us .ahero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__about-us-hero__desktop.webp') !important; }
.page-template-template-solutions .shero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__solutions-hero__desktop.webp') !important; }
.page-template-template-resources .rhero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__resources-hero__desktop.webp') !important; background-size: cover !important; background-position: center !important; }
.page-template-template-contact-us .chero-bg,
.page-template-template-request-a-quote .chero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__contact-hero__desktop.webp') !important; background-size: cover !important; background-position: center !important; }
.page-template-template-request-a-quote .rfq-hero { position: relative; isolation: isolate; overflow: hidden; background: #080e15 !important; }
.page-template-template-request-a-quote .rfq-hero::before { content: ''; position: absolute; inset: 0; z-index: -2; background: url('images/visual-refresh-20260718/ai-generated-replace-later__contact-hero__desktop.webp') center / cover no-repeat; }
.page-template-template-request-a-quote .rfq-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,9,14,.32), transparent 62%); }

.page-template-template-blog .bhero,
.page-template-template-buying-guide .pg-hero,
.page-template-template-case-studies .pg-hero,
.page-template-template-faq .pg-hero,
.page-template-template-support .shero2 { position: relative; isolation: isolate; overflow: hidden; }
.page-template-template-blog .bhero::before,
.page-template-template-buying-guide .pg-hero::before,
.page-template-template-case-studies .pg-hero::before,
.page-template-template-faq .pg-hero::before,
.page-template-template-support .shero2::before { content: ''; position: absolute; inset: 0; z-index: -2; background: url('images/visual-refresh-20260718/ai-generated-replace-later__resources-hero__desktop.webp') center / cover no-repeat; }
.page-template-template-blog .bhero::after,
.page-template-template-buying-guide .pg-hero::after,
.page-template-template-case-studies .pg-hero::after,
.page-template-template-faq .pg-hero::after,
.page-template-template-support .shero2::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,9,14,.3), transparent 62%); }

.page-template-template-factory-quality .pg-hero,
.page-template-template-oem-odm .pg-hero,
.page-template-template-oem-service .pg-hero,
.page-template-template-odm-service .pg-hero { position: relative; isolation: isolate; overflow: hidden; }
.page-template-template-factory-quality .pg-hero::before,
.page-template-template-oem-odm .pg-hero::before,
.page-template-template-oem-service .pg-hero::before,
.page-template-template-odm-service .pg-hero::before { content: ''; position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center; }
.page-template-template-factory-quality .pg-hero::before { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__factory-quality-hero__desktop.webp'); }
.page-template-template-oem-odm .pg-hero::before,
.page-template-template-oem-service .pg-hero::before,
.page-template-template-odm-service .pg-hero::before { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__oem-odm-hero__desktop.webp'); }
.page-template-template-factory-quality .pg-hero::after,
.page-template-template-oem-odm .pg-hero::after,
.page-template-template-oem-service .pg-hero::after,
.page-template-template-odm-service .pg-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,9,14,.2), transparent 58%); }

/* Keep the previously approved readable select menu treatment across light and dark forms. */
body.hln-fidelity-template select { color: #f7f8fa !important; background-color: #171d25 !important; border-color: #66717e !important; }
body.hln-fidelity-template select option { color: #111720 !important; background: #fff !important; }
body.hln-fidelity-template select:focus { outline: 2px solid var(--hln-gold) !important; outline-offset: 1px; }

@media (max-width: 1180px) {
  .hln-site-header__main { gap: 18px; }
  .hln-site-nav,
  .hln-site-quote { display: none; }
  .hln-site-search-toggle { display: none; }
  .hln-site-menu-toggle { display: block; }
  .hln-site-mobile-nav.is-open { display: block; }
  .hln-site-mobile-nav__quote { margin-top: 10px; color: #171106 !important; }
  .hln-site-footer__inner { grid-template-columns: 1.4fr repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
  .hln-site-header__utility { display: none; }
  .hln-site-header__main { width: min(100% - 32px, 1440px); min-height: 72px; }
  .hln-site-nav,
  .hln-site-quote { display: none; }
  .hln-site-menu-toggle { display: block; }
  .hln-site-mobile-nav.is-open { display: block; }
  .hln-site-mobile-nav__quote { margin-top: 10px; color: #171106 !important; }
  .hln-site-footer__inner { width: min(100% - 32px, 1440px); grid-template-columns: 1fr 1fr; gap: 32px; }
  .hln-site-footer__bottom { width: min(100% - 32px, 1440px); }
  .page-template-template-index .carousel .slide::after { width: 74%; background: linear-gradient(90deg, rgba(5,9,14,.5), rgba(5,9,14,.08)); }
  .page-template-template-index .hln-compliance-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 640px) {
  .hln-site-brand img { width: 148px; }
  .hln-site-footer__inner { grid-template-columns: 1fr; }
  .hln-site-footer__bottom { flex-direction: column; }
  .page-template-template-index .hln-hero-picture img { object-position: 72% center; }
  .page-template-template-automatic-cat-litter-box .lhero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__automatic-cat-litter-box-hero__mobile.webp') !important; }
  .page-template-template-automatic-pet-feeder .lhero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__automatic-pet-feeder-hero__mobile.webp') !important; }
  .page-template-template-stainless-steel-water-fountain .lhero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__stainless-steel-water-fountain-hero__mobile.webp') !important; }
  .page-template-template-pet-gps-tracker .lhero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__pet-gps-tracker-hero__mobile.webp') !important; }
  .page-template-template-about-us .ahero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__about-us-hero__mobile.webp') !important; }
  .page-template-template-solutions .shero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__solutions-hero__mobile.webp') !important; }
  .page-template-template-resources .rhero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__resources-hero__mobile.webp') !important; }
  .page-template-template-contact-us .chero-bg,
  .page-template-template-request-a-quote .chero-bg { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__contact-hero__mobile.webp') !important; }
  .hln-products-page .hln-products-intro::before { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__home-oem-overview-hero__mobile.webp'); }
  .page-template-template-request-a-quote .rfq-hero::before { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__contact-hero__mobile.webp'); }
  .page-template-template-blog .bhero::before,
  .page-template-template-buying-guide .pg-hero::before,
  .page-template-template-case-studies .pg-hero::before,
  .page-template-template-faq .pg-hero::before,
  .page-template-template-support .shero2::before { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__resources-hero__mobile.webp'); }
  .page-template-template-factory-quality .pg-hero::before { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__factory-quality-hero__mobile.webp'); }
  .page-template-template-oem-odm .pg-hero::before,
  .page-template-template-oem-service .pg-hero::before,
  .page-template-template-odm-service .pg-hero::before { background-image: url('images/visual-refresh-20260718/ai-generated-replace-later__oem-odm-hero__mobile.webp'); }
  .page-template-template-index .pcard-img,
  .hln-products-page .hln-product-media,
  .lmain .lcard-img { padding: 24px !important; }
}