/* Reference-matched top contact bar, desktop navigation, hero composition and icon artwork. */
.bl-topbar{height:36px;background:#341a12;color:#fff;overflow:hidden}
.bl-topbar-inner{height:36px;max-width:1200px;padding:0;gap:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-content:space-between}
.bl-top-item{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff!important;text-decoration:none!important;font:700 12px/1.25 'Manrope',sans-serif!important;white-space:nowrap}
.bl-top-item svg{width:15px;height:15px;flex-shrink:0}
.bl-top-item:hover{color:#f3c778!important}
.bl-header{background:#fdf8f4!important;min-height:107px!important}
.bl-nav-wrap{height:107px!important;min-height:107px!important;width:min(1205px,calc(100% - 70px))!important;margin:auto!important;gap:12px!important}
.bl-header .bl-brand{max-width:279px!important;min-width:0!important;gap:8px!important;flex:0 0 auto!important}
.bl-brand-emblem{width:59px!important;height:59px!important;flex:0 0 59px!important;object-fit:contain!important}
.bl-header .bl-brand-lockup{display:flex!important;flex-direction:column!important;gap:3px!important}
.bl-header .bl-brand-lockup strong{font:800 12.7px/1.15 'Manrope',sans-serif!important;white-space:nowrap;color:#1f211f!important;letter-spacing:-.05px!important}
.bl-header .bl-brand-lockup small{font:750 9.5px/1.25 'Manrope',sans-serif!important;white-space:nowrap;color:#4b403a!important;letter-spacing:.12px!important}
.bl-nav-dot{display:block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#331b14;margin:0 2px 0 5px}
.bl-main-nav{display:flex;flex:1;justify-content:center;align-items:center;gap:21px!important;white-space:nowrap}
.bl-main-nav>a,.bl-nav-dropdown>a{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font:800 18px/1 'Barlow Condensed',sans-serif!important;text-transform:uppercase;letter-spacing:.035em}
.bl-main-nav svg{width:15px;height:15px}
.bl-nav-dropdown{align-items:center}
.bl-nav-actions{display:flex;gap:9px!important;align-items:center;margin-left:auto;flex:0 0 auto}
.bl-language-pill{display:inline-flex;align-items:center;gap:7px;background:#ded4cf;border-radius:14px;padding:0 11px;height:40px;color:#311b13;white-space:nowrap;font:800 17px/1 'Barlow Condensed',sans-serif}
.bl-language-pill svg{width:24px;height:17px;border-radius:3px}
.bl-nav-actions>button{background:#ded4cf!important;color:#321f17!important;border-radius:13px!important;height:43px!important;width:43px!important;display:flex!important;align-items:center;justify-content:center!important;border:0!important}
.bl-nav-actions>button svg{width:23px;height:23px}
.bl-nav-actions>button b{right:-5px!important;top:-7px!important;min-width:17px;height:17px;line-height:17px;text-align:center;padding:0!important;background:#321a13!important}
.bl-nav-actions>button:hover,.bl-language-pill:hover{background:#cfc2b9!important}
.bl-drop-menu{top:30px;z-index:99;left:0}
.bl-hero{padding-top:8px!important}
.bl-hero-box{min-height:484px!important;border-radius:49px!important}
.bl-hero-background{background:linear-gradient(90deg,rgba(30,21,16,.48) 0%,rgba(24,18,15,.22) 42%,rgba(30,21,16,.04) 100%),url("https://tradingcompanyblltd.com/wp-content/uploads/2026/11/Trading-Company-BL-homepage-banner-–-France-AJ-reference.jpg") center /cover no-repeat!important}
.bl-hero-content{padding:50px 80px!important;max-width:950px!important;flex:0 0 950px!important}
.bl-hero-content h1{font:900 clamp(47px,4.6vw,60px)/1.28 'Barlow Condensed',sans-serif!important;white-space:normal!important;max-width:765px!important;letter-spacing:.005em!important}
.bl-hero-content>p:not(.bl-hero-eyebrow){font:700 18px/1.55 'Manrope',sans-serif!important;max-width:610px!important;margin:27px 0 39px!important}
.bl-hero-actions{display:flex;gap:12px!important}
.bl-hero-actions .bl-btn{min-height:49px!important;padding:12px 22px!important;font:900 18px 'Barlow Condensed',sans-serif!important;border-radius:13px!important}
.bl-search-panel{top:96px}
.bl-certs-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.bl-cert-card{min-height:232px!important;padding:22px 15px 23px!important;gap:5px}
.bl-cert-visual{height:93px;width:100%;display:flex;align-items:center;justify-content:center;background:transparent}
.bl-cert-visual img{width:auto!important;max-width:145px;max-height:90px!important;height:auto!important;object-fit:contain;display:block}
.bl-cert-type{font-size:10px!important;color:#a1773b}
.bl-cert-card h3{font:800 12px/1.45 'Manrope',sans-serif!important;color:#473a31}
.bl-cert-reference-disclaimer{margin:14px auto 0;max-width:890px;text-align:center;color:#6c5e57;font-size:13px;line-height:1.7}
@media(max-width:1270px) and (min-width:1001px){
.bl-nav-wrap{width:calc(100% - 38px)!important;gap:8px!important}
.bl-header .bl-brand{max-width:226px!important}
.bl-header .bl-brand-lockup strong{font-size:10.8px!important}
.bl-header .bl-brand-lockup small{font-size:8px!important}
.bl-brand-emblem{width:52px!important;height:52px!important;flex-basis:52px!important}
.bl-main-nav{gap:13px!important}.bl-main-nav>a,.bl-nav-dropdown>a{font-size:16px!important;gap:5px}
.bl-language-pill{padding:0 7px;font-size:15px}
.bl-nav-actions{gap:6px!important}
.bl-nav-actions>button{width:40px!important;height:40px!important}
}
@media(max-width:1000px){
.bl-nav-wrap{height:84px!important;min-height:84px!important}
.bl-header{min-height:84px!important}
.bl-nav-dot{display:none!important}
.bl-mobile-toggle{display:block!important;margin-left:auto!important;order:2}
.bl-nav-actions{order:3}
.bl-main-nav{display:none;top:84px!important;align-items:stretch;gap:0!important}
.bl-main-nav.is-open{display:flex}
.bl-main-nav>a,.bl-nav-dropdown>a{display:flex;padding:13px 0;font-size:20px!important}
.bl-drop-menu{position:static!important;box-shadow:none;transform:none!important;opacity:1;visibility:visible;display:none}
.bl-nav-dropdown:focus-within .bl-drop-menu,.bl-nav-dropdown:hover .bl-drop-menu{display:grid}
.bl-language-pill{height:36px}
.bl-topbar-inner{grid-template-columns:repeat(2,1fr);width:calc(100% - 28px)}
.bl-top-repeat{display:none!important}
.bl-hero-content h1{white-space:normal!important}
}
@media(max-width:650px){
.bl-topbar,.bl-topbar-inner{height:31px}
.bl-topbar-inner{display:flex!important;align-items:center;justify-content:center!important;gap:0}
.bl-topbar-inner .bl-top-item:not(:first-child){display:none!important}
.bl-top-item{font-size:11px!important;gap:6px}
.bl-top-item svg{width:12px;height:12px}
.bl-nav-wrap{width:calc(100% - 24px)!important;min-height:76px!important;height:76px!important;gap:6px!important}
.bl-header{min-height:76px!important}
.bl-header .bl-brand{max-width:205px!important;gap:4px!important}
.bl-brand-emblem{width:45px!important;height:45px!important;flex-basis:45px!important}
.bl-header .bl-brand-lockup strong{font-size:10.5px!important}
.bl-header .bl-brand-lockup small{font-size:7px!important}
.bl-language-pill{display:none!important}
.bl-language-pill svg{width:20px;height:15px}
.bl-nav-actions>button{width:33px!important;height:33px!important;border-radius:9px!important}
.bl-nav-actions>button svg{width:18px;height:18px}
.bl-mobile-toggle{font-size:26px!important}
.bl-main-nav{top:76px!important}
.bl-hero{padding-top:10px!important}
.bl-hero-box{min-height:490px!important;border-radius:29px!important}
.bl-hero-content{max-width:100%!important;padding:37px 23px!important}
.bl-hero-content h1{font-size:44px!important;line-height:1.13!important}
.bl-hero-content>p:not(.bl-hero-eyebrow){font-size:14px!important;line-height:1.6!important;max-width:380px!important}
.bl-hero-actions .bl-btn{font-size:15px!important;padding:11px 13px!important}
.bl-certs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bl-cert-card{min-height:205px!important}
.bl-cert-visual{height:78px}
.bl-cert-visual img{max-height:75px!important;max-width:118px}
}
@media(max-width:360px){.bl-header .bl-brand-lockup small{display:none}.bl-header .bl-brand-lockup strong{font-size:9px!important}.bl-language-pill{display:none}}
