/* Trading Company BL — phone/tablet usability pass. Loaded after the reference styles. */
html,body.bl-site{max-width:100%;overflow-x:clip}
body.bl-site{overflow-wrap:break-word}
.bl-site a,.bl-site button{ -webkit-tap-highlight-color:transparent}
.bl-site button,.bl-site select,.bl-site input,.bl-site textarea{touch-action:manipulation}
.bl-main-nav a,.bl-nav-actions button,.bl-mobile-toggle,.bl-quick-quote,.bl-category-arrows button{transition:background-color .2s,border-color .2s,color .2s}
.bl-site img{max-width:100%;height:auto}
.bl-site .bl-prose img{height:auto;max-width:100%}
.bl-site .bl-prose iframe,.bl-site .bl-prose video{max-width:100%}
.bl-site .bl-prose table{width:100%;overflow:auto;display:block;max-width:100%;-webkit-overflow-scrolling:touch}
.bl-product-card .bl-product-image{aspect-ratio:4/3;height:auto;min-height:0}
.bl-product-card .bl-product-image img{display:block;height:100%!important;max-height:220px;object-fit:contain}
.bl-product-card h3 a{overflow-wrap:anywhere}
.bl-product-foot{min-height:53px}
.bl-product-foot .bl-quick-quote{min-height:41px;padding-inline:13px}
.bl-site .bl-btn,.bl-site .bl-quick-quote{min-height:44px}
.bl-site .bl-section-header h2,.bl-site .bl-page-heading h1{overflow-wrap:anywhere}
.bl-nav-actions button{position:relative}
.bl-nav-actions button:focus-visible,.bl-mobile-toggle:focus-visible{outline:3px solid #e0b860;outline-offset:2px}
.bl-mobile-toggle{border-radius:10px;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.bl-topbar .bl-topbar-inner,.bl-cert-marquee-track{transform:translateZ(0)}
.bl-floating-whatsapp{z-index:90}
.bl-site .bl-contact-form input,.bl-site .bl-contact-form textarea,.bl-site .bl-options-grid input,.bl-site .bl-options-grid select{font-size:16px}
.bl-quote-summary{overflow-wrap:anywhere}
.bl-site .bl-product-thumbs{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px}
.bl-site .bl-product-thumbs button{flex:0 0 88px;scroll-snap-align:start}
.bl-basket{max-height:100dvh;overflow-y:auto}
.bl-basket-list{min-height:0}
.bl-site .bl-article-media img{width:100%;height:100%!important;object-fit:cover}
.bl-hero-background{background-position:center center}
@media(max-width:1000px){
 .bl-mobile-toggle{display:flex!important;order:2;margin-left:auto!important;flex:0 0 44px;color:#321d15;background:#eee1d8;border:1px solid #dac9bf;font-size:27px!important;line-height:1}
 .bl-main-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-height:min(78dvh,740px);overflow-y:auto!important;overscroll-behavior:contain;z-index:120!important;box-shadow:0 20px 30px rgba(33,17,10,.22)!important;padding:8px max(20px,calc((100vw - 840px)/2)) 26px!important;background:#fdf8f4!important;border-top:1px solid #e5d8d0;gap:0!important;align-items:stretch!important}
 .bl-main-nav.is-open{display:flex!important;flex-direction:column!important}
 .bl-main-nav>a,.bl-main-nav .bl-nav-dropdown>a{display:flex!important;width:100%;padding:15px 4px!important;min-height:49px;align-items:center;justify-content:space-between;font-size:24px!important;border-bottom:1px solid #ecdfd6}
 .bl-nav-dropdown{display:block!important;width:100%;position:static!important}
 .bl-nav-dropdown .bl-drop-menu{display:grid!important;position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;min-width:0!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;margin:0 0 5px 10px!important;padding:0 7px 3px!important;background:#f4ece6!important;border-radius:10px!important}
 .bl-drop-menu>a{min-height:43px;display:flex!important;align-items:center;padding:9px 12px!important;font-size:18px!important;line-height:1.2!important}
 .bl-nav-wrap{position:relative!important}
 .bl-nav-dot{display:none!important}
 .bl-product-detail{grid-template-columns:1fr!important;gap:20px}
 .bl-product-lower{grid-template-columns:1fr!important}
 .bl-catalogue{grid-template-columns:220px minmax(0,1fr)!important;gap:18px!important}
 .bl-catalogue-products .bl-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .bl-band-grid{grid-template-columns:1fr!important}
 .bl-band-grid .bl-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .bl-band-grid .bl-product-card:nth-child(3){display:block!important}
 .bl-band-banner{min-height:260px}
 .bl-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .bl-footer-actions{flex-wrap:wrap}
 .bl-export-shade{max-width:100%}
 .bl-hero-content{max-width:100%!important;flex:1 1 auto!important}
 .bl-hero-content h1{white-space:normal!important}
}
@media(max-width:720px){
 .bl-wrap{width:calc(100% - 28px)!important}
 .bl-header,.bl-nav-wrap{height:72px!important;min-height:72px!important}
 .bl-header .bl-brand{gap:5px!important;max-width:calc(100vw - 175px)!important;min-width:0!important}
 .bl-header .bl-brand .bl-brand-emblem{width:47px!important;height:47px!important;flex-basis:47px!important}
 .bl-header .bl-brand-lockup strong{font-size:clamp(9px,2.5vw,13px)!important;white-space:normal!important}
 .bl-header .bl-brand-lockup small{font-size:8px!important}
 .bl-nav-actions{gap:4px!important;margin-left:0!important}
 .bl-nav-actions>button{width:40px!important;height:42px!important;flex:0 0 40px}
 .bl-language-pill{display:none!important}
 .bl-mobile-toggle{flex-basis:42px!important;min-width:42px;height:42px;min-height:42px;padding:0}
 .bl-main-nav{top:100%!important}
 .bl-hero{padding-top:8px!important}
 .bl-hero-box{min-height:440px!important;border-radius:26px!important;overflow:hidden}
 .bl-hero-background{background-position:59% center!important}
 .bl-hero-content{padding:30px 22px!important;align-self:center!important}
 .bl-hero-content h1{font-size:clamp(37px,10vw,58px)!important;line-height:1.08!important;text-wrap:balance}
 .bl-hero-content>p:not(.bl-hero-eyebrow){font-size:15px!important;line-height:1.55!important;margin:18px 0 27px!important;max-width:420px!important}
 .bl-hero-actions{gap:9px!important}
 .bl-hero-actions .bl-btn{font-size:15px!important;padding:12px 13px!important;min-height:47px!important;flex:1 1 155px}
 .bl-category-section{padding-top:20px!important}
 .bl-category-controls{align-items:center;gap:5px}
 .bl-category-carousel .bl-category-card{flex:0 0 132px;min-width:132px}
 .bl-category-carousel .bl-category-pic{padding:5px!important;border-radius:20px!important}
 .bl-category-arrows button{width:37px!important;height:37px!important;font-size:23px!important}
 .bl-category-card h3{font-size:17px!important;min-height:36px}
 .bl-product-band{padding-top:31px!important}
 .bl-product-band .bl-section-header{gap:7px!important}
 .bl-product-band .bl-band-heading{font-size:clamp(28px,8.5vw,37px)!important;line-height:1.1!important}
 .bl-band-banner{min-height:230px!important;border-radius:24px!important;background-position:center!important}
 .bl-band-grid{gap:14px!important}
 .bl-band-grid .bl-products-grid,.bl-catalogue-products .bl-products-grid,.bl-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .bl-band-grid .bl-product-image,.bl-product-card .bl-product-image{height:auto!important;aspect-ratio:1.15/1!important}
 .bl-product-card h3{min-height:0!important;font-size:17px!important;line-height:1.2!important;margin:8px 0 14px!important}
 .bl-product-card .bl-product-inner{padding:9px 6px 6px!important}
 .bl-product-foot{flex-direction:column;align-items:stretch;gap:5px}
 .bl-product-foot span{font-size:11px!important}
 .bl-product-foot .bl-quick-quote{font-size:15px!important;padding:10px 7px}
 .bl-catalogue{display:flex!important;flex-direction:column!important;gap:17px!important}
 .bl-sidebar{width:100%}
 .bl-filter{padding:19px!important;border-radius:22px!important}
 .bl-filter h2{font-size:23px!important}
 .bl-filter-buttons a{min-height:39px;display:flex;align-items:center}
 .bl-sidebar .bl-filter ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
 .bl-sidebar .bl-filter li a{font-size:12px!important;line-height:1.4}
 .bl-results-head{margin-bottom:14px!important}
 .bl-page-heading{padding:12px 0 29px!important}
 .bl-page-heading h1{font-size:clamp(46px,12vw,64px)!important}
 .bl-crumbs{font-size:12px;line-height:1.7;padding-bottom:22px}
 .bl-product-page{padding-top:22px!important}
 .bl-detail-main-image{min-height:260px!important;border-radius:25px!important;aspect-ratio:1/1}
 .bl-detail-main-image img{max-height:400px!important;width:100%!important;height:100%!important;object-fit:contain}
 .bl-product-info h1{font-size:clamp(38px,9vw,54px)!important}
 .bl-product-lower{margin-top:37px!important;gap:25px!important}
 .bl-product-lower h2{font-size:30px!important}
 .bl-options-grid{grid-template-columns:1fr!important}
 .bl-detail-actions{flex-direction:column!important}
 .bl-detail-actions .bl-btn{width:100%!important}
 .bl-contact-grid{grid-template-columns:1fr!important;gap:18px!important}
 .bl-contact-form,.bl-contact-aside{padding:23px!important;border-radius:25px!important}
 .bl-contact-form h2,.bl-contact-aside h2{font-size:33px!important}
 .bl-form-grid{grid-template-columns:1fr!important;gap:13px}
 .bl-form .bl-btn{width:100%}
 .bl-article-grid{grid-template-columns:1fr!important}
 .bl-about-home,.bl-about-feature{grid-template-columns:1fr!important}
 .bl-why-grid,.bl-process-grid{grid-template-columns:1fr!important}
 .bl-steps,.bl-trust-grid{grid-template-columns:1fr!important}
 .bl-footer-grid{grid-template-columns:1fr!important;gap:19px!important;padding:34px 0!important}
 .bl-footer-cta-inner{display:block!important}
 .bl-footer-actions{display:flex!important;flex-direction:column!important}
 .bl-footer-actions .bl-btn{width:100%}
 .bl-footer-bottom>div{flex-direction:column!important;gap:6px}
 .bl-floating-whatsapp{right:12px!important;bottom:calc(15px + env(safe-area-inset-bottom,0px))!important;width:52px!important;height:52px!important}
 .bl-basket{padding:18px!important;padding-top:max(18px,env(safe-area-inset-top,0px))!important;padding-bottom:max(18px,env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:390px){
 .bl-header .bl-brand{max-width:calc(100vw - 157px)!important}
 .bl-header .bl-brand .bl-brand-emblem{width:39px!important;height:39px!important;flex-basis:39px!important}
 .bl-header .bl-brand-lockup strong{font-size:9px!important}
 .bl-header .bl-brand-lockup small{font-size:7px!important}
 .bl-nav-wrap{width:calc(100% - 12px)!important}
 .bl-nav-actions>button{width:33px!important;flex-basis:33px!important;height:38px!important}
 .bl-mobile-toggle{min-width:38px!important;flex-basis:38px!important}
 .bl-hero-content h1{font-size:36px!important}
 .bl-category-carousel .bl-category-card{min-width:115px;flex-basis:115px}
}
@media(prefers-reduced-motion:reduce){.bl-hero-actions .bl-btn,.bl-product-card{transition:none!important}}

/* Use WordPress-generated responsive versions of the existing hero photograph. */
.bl-hero-background{
 background-image:linear-gradient(90deg,rgba(24,17,13,.58) 0%,rgba(24,17,13,.32) 56%,rgba(24,17,13,.08) 100%),url("https://tradingcompanyblltd.com/wp-content/uploads/2026/11/Trading-Company-BL-homepage-banner-–-France-AJ-reference-1536x876.jpg")!important;
 background-size:cover!important;
}
@media(max-width:720px){
 .bl-hero-background{
 background-image:linear-gradient(90deg,rgba(27,20,17,.77) 0%,rgba(27,20,17,.51) 65%,rgba(27,20,17,.23) 100%),url("https://tradingcompanyblltd.com/wp-content/uploads/2026/11/Trading-Company-BL-homepage-banner-–-France-AJ-reference-768x438.jpg")!important;
 background-position:61% center!important;
 }
}
@media(min-width:721px) and (max-width:1150px){
 .bl-hero-background{
 background-image:linear-gradient(90deg,rgba(24,17,13,.56) 0%,rgba(24,17,13,.28) 70%,rgba(24,17,13,.1) 100%),url("https://tradingcompanyblltd.com/wp-content/uploads/2026/11/Trading-Company-BL-homepage-banner-–-France-AJ-reference-1024x584.jpg")!important;
 }
}