/** * EMPIRE Solutions — ARTBuilding performance (CLS / fonts / carousel images) * Load early in ; keep rules small and non-destructive. */ /* Nav: reserve space while web fonts load (PageSpeed CLS on .emx-nav-item) */ .emx-nav-item, .ab43-nav .emx-nav-link { min-height: 2.75rem; } .ab43-nav { min-height: 3rem; } /* Icon fonts: swap instead of invisible period */ @font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 400; font-display: swap; src: local('Font Awesome 6 Free'); } @font-face { font-family: 'Font Awesome 6 Brands'; font-style: normal; font-weight: 400; font-display: swap; src: local('Font Awesome 6 Brands'); } @font-face { font-family: 'bootstrap-icons'; font-display: swap; src: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/fonts/bootstrap-icons.woff2') format('woff2'); } @font-face { font-family: 'unicons'; font-display: swap; src: url('https://cdn.jsdelivr.net/npm/@iconscout/unicons@4.0.8/fonts/line/unicons-0.woff2') format('woff2'); } /* Brand logo sliders only (not product cards) */ .so-extraslider img[src*="Manufacturers"], .so-extraslider img[src*="Manufactures"], .so-extraslider img[src*="DAIKIN_logo"], .so-extraslider img[src*="woltman"], .so-extraslider img[src*="logo_"] { width: 120px !important; max-width: 120px !important; height: 48px !important; max-height: 48px !important; aspect-ratio: 120 / 48; object-fit: contain !important; } /* Extra slider produse: ab43-extra-slider.css */ .emx-drawer-logo { width: 147px; height: 35px; aspect-ratio: 147 / 35; object-fit: contain; } /* Product cards: h3 under h2.modtitle (a11y heading order) */ h3.product-card-title { margin: 0 0 5px; font-size: inherit; font-weight: inherit; line-height: inherit; } .ab43-logo img, header .lazyautosizes.lazyloaded[data-src*="logo-art"] { width: 236px; height: 60px; max-width: 100%; aspect-ratio: 236 / 60; object-fit: contain; } .ab43-ft-badges img, .ab43-ft-logos img { object-fit: contain; } /* Owl auto-height transition disabled globally (paired with JS autoHeight:false) */ .owl2-height, .owl2-stage-outer.owl2-height { transition: none !important; }