/** Regional Livestock Bridge performance layer V43 */
:root{--rlb-content-intrinsic-size:720px}
main>section,.section,.breeds-section,.stats-section,.intro-section,.mission-vision,.values-section,.countries-section,.clients-section,.services-section,.contact-content,.offices-section,.faq-section,.hot-offers-section{content-visibility:auto;contain-intrinsic-size:1px var(--rlb-content-intrinsic-size)}
img[loading="lazy"]{content-visibility:auto}
html[lang="ar"] body{font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif}
html[lang="en"] body,html[lang="so"] body{font-family:"Roboto","Segoe UI",Arial,sans-serif}
html[lang="am"] body{font-family:"Noto Sans Ethiopic","Segoe UI",Arial,sans-serif}
.logo-texts .primary-language{font-family:inherit}
@media(prefers-reduced-data:reduce){.hero,.subpage-hero{background-image:none!important}.hero::before,.subpage-hero::before{display:none!important}}
/* V54 performance refinements */
.testimonials-container{scrollbar-width:none}
.testimonials-container::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* V54: defer below-the-fold layout and paint work where supported. */
@supports (content-visibility: auto) {
  #hot-offers,
  main.container > section,
  #quote,
  #videos,
  .breed-page main > section,
  .site-footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 720px;
  }
}

/* V54 global typography and keyboard accessibility */
html[lang="am"] body,html[lang="am"] button,html[lang="am"] input,html[lang="am"] select,html[lang="am"] textarea{font-family:"Noto Sans Ethiopic","Segoe UI",Arial,sans-serif!important}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #f5b400!important;outline-offset:3px!important}


/* V73 responsive hero and resilient media */
.hero {
  background-image: url('/assets/hero-1024.webp') !important;
}
@media (max-width: 700px) {
  .hero {
    background-image: url('/assets/hero-640.webp') !important;
  }
}
img {
  max-width: 100%;
}
img[width][height] {
  height: auto;
}
@media (forced-colors: active) {
  :where(a,button,input,select,textarea,[tabindex]):focus-visible {
    outline: 3px solid CanvasText !important;
  }
}