/* Additions only. Original brand stylesheet and hero asset remain byte-for-byte unchanged. */ html,body { margin:0; } #bfi-site-preview .bfi-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(100%); } #bfi-site-preview .bfi-empty-catalog { padding-block:42px; border-bottom:1px solid var(--bfi-line); } #bfi-site-preview .bfi-empty-catalog p { margin-top:18px; color:var(--bfi-muted); } #bfi-site-preview .bfi-product-photo { width:100%; aspect-ratio:4 / 3; object-fit:cover; margin-bottom:20px; } #bfi-site-preview .bfi-product-specs { margin:20px 0 0; font-size:.9rem; } #bfi-site-preview .bfi-product-specs div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:12px; padding-block:8px; border-bottom:1px solid var(--bfi-line); } #bfi-site-preview .bfi-product-specs dt { font-weight:600; } #bfi-site-preview .bfi-product-specs dd { margin:0; } #bfi-site-preview .bfi-spec-note { margin-top:16px; font-size:.875rem; color:var(--bfi-muted); } #bfi-site-preview .bfi-commodity .bfi-product-photo { margin-bottom:18px; } #bfi-site-preview .bfi-product-row > *,#bfi-site-preview .bfi-form-grid > * { min-width:0; overflow-wrap:anywhere; } #bfi-site-preview input,#bfi-site-preview textarea { max-width:100%; } #bfi-site-preview .bfi-field input[type=checkbox] { width:auto; min-height:0; margin-right:8px; } #bfi-site-preview .bfi-field:has(input[type=checkbox]),#bfi-site-preview [data-turnstile] { margin-top:20px; } #bfi-site-preview .bfi-form-result[data-error=true] { border-color:var(--bfi-copper); } #bfi-site-preview [data-catalog-featured]:empty { display:none; } @media(max-width:640px) { #bfi-site-preview .bfi-product-copy { grid-column:2; } #bfi-site-preview .bfi-product-specs div { grid-template-columns:1fr; gap:3px; } #bfi-site-preview .bfi-header-inner { gap:16px; } #bfi-site-preview .bfi-brand { min-width:0; } } /* Buyer-led sourcing catalogue: category cards stay visible while product photos are prepared. */ #bfi-site-preview .bfi-category-intro { max-width:800px; margin:0 0 24px; color:var(--bfi-muted); } #bfi-site-preview .bfi-sourcing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:14px 0 30px; } #bfi-site-preview .bfi-sourcing-category { border:1px solid var(--bfi-line); background:var(--bfi-surface); min-width:0; display:flex; flex-direction:column; overflow:hidden; } #bfi-site-preview .bfi-sourcing-category-body { padding:26px; display:flex; flex-direction:column; align-items:flex-start; flex:1; width:100%; } #bfi-site-preview .bfi-category-photo { aspect-ratio:16/10; width:100%; overflow:hidden; background:var(--bfi-deep); } #bfi-site-preview .bfi-category-photo img { width:100%; height:100%; object-fit:cover; display:block; } #bfi-site-preview .bfi-sourcing-category .bfi-number { color:var(--bfi-copper); font-family:Georgia,serif; font-size:1.05rem; margin-bottom:18px; } #bfi-site-preview .bfi-sourcing-category h2 { font-family:Georgia,serif; font-weight:400; font-size:clamp(1.3rem,2.5vw,1.8rem); line-height:1.22; margin:0 0 12px; } #bfi-site-preview .bfi-sourcing-category p { color:var(--bfi-muted); font-size:.94rem; margin:0 0 20px; } #bfi-site-preview .bfi-sourcing-category .bfi-text-link { margin-top:auto; } #bfi-site-preview .bfi-product-results { border-top:1px solid var(--bfi-line); padding:28px 0; } #bfi-site-preview .bfi-product-results > h2 { font-family:Georgia,serif; font-size:1.7rem; font-weight:400; } #bfi-site-preview .bfi-product-results > p { color:var(--bfi-muted); margin:12px 0 24px; } @media(max-width:640px) { #bfi-site-preview .bfi-sourcing-grid { grid-template-columns:1fr; gap:12px; } #bfi-site-preview .bfi-sourcing-category-body { padding:22px; } } /* Closing video showcase on the final Contact Us page. */ #bfi-site-preview .bfi-final-video-section { border-top:1px solid var(--bfi-line); } #bfi-site-preview .bfi-final-video-heading { max-width:780px; margin-bottom:26px; } #bfi-site-preview .bfi-final-video-heading h2 { font-family:Georgia,serif; font-size:clamp(1.8rem,4vw,2.8rem); line-height:1.18; font-weight:400; margin:12px 0; } #bfi-site-preview .bfi-final-video-heading p { color:var(--bfi-muted); } #bfi-site-preview .bfi-final-video-frame { max-width:1060px; width:100%; margin-inline:auto; aspect-ratio:16/9; background:var(--bfi-deep); display:flex; align-items:center; justify-content:center; overflow:hidden; } #bfi-site-preview .bfi-network-video { width:100%; height:100%; display:block; object-fit:contain; } #bfi-site-preview .bfi-network-video-placeholder { padding:24px; color:#d7dfda; text-align:center; font-size:.92rem; } /* Final showcase is full-bleed below the contact form, also on phones. */ #bfi-site-preview .bfi-final-video-section { width:100%; max-width:none; margin:0; padding:52px 0 0; } #bfi-site-preview .bfi-final-video-heading { width:min(780px,calc(100% - 48px)); max-width:none; margin:0 auto 28px; text-align:center; } #bfi-site-preview .bfi-final-video-heading p { margin-inline:auto; } #bfi-site-preview .bfi-final-video-frame { width:100%; max-width:none; margin:0; aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; } #bfi-site-preview .bfi-network-video { display:block; width:100%; height:100%; object-fit:contain; } @media(max-width:640px) { #bfi-site-preview .bfi-final-video-section { padding-top:36px; } #bfi-site-preview .bfi-final-video-heading { width:calc(100% - 32px); margin-bottom:20px; } } /* Group published product details beneath their source category. */ #bfi-site-preview .bfi-product-group { margin-top:34px; } #bfi-site-preview .bfi-product-group > h3 { font-family:Georgia,serif; font-size:clamp(1.35rem,2.5vw,1.85rem); font-weight:400; color:var(--bfi-green); margin:0 0 12px; } #bfi-site-preview .bfi-product-group .bfi-product-list { border-top:1px solid var(--bfi-line); } @media(max-width:640px) { #bfi-site-preview .bfi-product-group { margin-top:28px; } } /* BFI sea-blue identity across inner pages and compact photo showcases. */ #bfi-site-preview { --bfi-ink:#13354d; --bfi-green:#075d85; --bfi-deep:#073b5e; --bfi-copper:#007fae; --bfi-muted:#4d6473; --bfi-line:#d6e9f2; --bfi-surface:#f1f8fc; } #bfi-site-preview .bfi-category-photo-duo { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; } #bfi-site-preview .bfi-category-photo-duo img { min-width:0; } /* Responsive full-image product showcases: never crop supplier reference photographs. */ #bfi-site-preview .bfi-category-photo.bfi-category-gallery { display:grid; grid-template-columns:1fr; gap:10px; width:100%; height:auto; aspect-ratio:auto; padding:16px; background:linear-gradient(142deg,#e7f4fb 0%,#f9fcff 52%,#e9f3f9 100%); } #bfi-site-preview .bfi-category-gallery .bfi-category-tile { display:flex; flex-direction:column; justify-content:center; align-items:center; margin:0; min-width:0; overflow:hidden; background:#fff; border:1px solid #d6e9f2; border-radius:12px; box-shadow:0 10px 26px rgba(7,60,92,.09); padding:10px 10px 9px; } #bfi-site-preview .bfi-category-gallery .bfi-category-tile img { display:block; width:100%; height:auto; max-height:300px; object-fit:contain; } #bfi-site-preview .bfi-category-gallery .bfi-category-tile figcaption{ font-size:11px; letter-spacing:.04em; text-align:center; color:#075d85; margin-top:8px; font-weight:600; } #bfi-site-preview .bfi-category-gallery-mixed { grid-template-columns:1fr 1fr; align-items:stretch; } #bfi-site-preview .bfi-category-gallery-mixed .bfi-category-tile:nth-child(2) { transform:translateY(13px); z-index:1; } #bfi-site-preview .bfi-category-gallery-mixed .bfi-category-tile {padding:8px} #bfi-site-preview .bfi-category-gallery-mixed img {max-height:270px} #bfi-site-preview .bfi-category-gallery-single img{max-height:340px} @media(max-width:640px){ #bfi-site-preview .bfi-category-gallery-mixed{gap:6px;padding:10px} #bfi-site-preview .bfi-category-gallery-mixed .bfi-category-tile:nth-child(2){transform:translateY(8px)} } /* Compact BFI four-sector exhibition: balanced cards with no oversized blank space. */ #bfi-site-preview[data-route="products"] .bfi-section {padding-block:36px 30px} #bfi-site-preview[data-route="products"] .bfi-sourcing-grid{ grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:8px 0 18px;align-items:start } #bfi-site-preview[data-route="products"] .bfi-sourcing-category{ align-self:start;border-radius:14px;overflow:hidden;background:#f5fbff } #bfi-site-preview[data-route="products"] .bfi-category-photo.bfi-category-gallery{ padding:12px;gap:8px;align-content:center } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile{ padding:8px;box-shadow:0 4px 14px rgba(7,60,92,.07) } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile img{ height:clamp(135px,17vw,215px);max-height:215px;object-fit:contain } #bfi-site-preview[data-route="products"] .bfi-category-gallery-mixed .bfi-category-tile:nth-child(2){ transform:none } #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body{ padding:18px 20px 20px;gap:6px;flex:none } #bfi-site-preview[data-route="products"] .bfi-sourcing-category .bfi-number{margin-bottom:0} #bfi-site-preview[data-route="products"] .bfi-sourcing-category h2{margin:0;font-size:clamp(1.25rem,2vw,1.5rem)} #bfi-site-preview[data-route="products"] .bfi-sourcing-category p{ margin:0 0 9px;line-height:1.55;font-size:.9rem } #bfi-site-preview[data-route="products"] .bfi-sourcing-category .bfi-text-link{margin-top:2px} #bfi-site-preview[data-route="products"] .bfi-confirmation-box{margin-top:12px;padding:20px 24px} #bfi-site-preview[data-route="products"] .bfi-cta{padding-block:34px} @media(max-width:680px){ #bfi-site-preview[data-route="products"] .bfi-sourcing-grid{grid-template-columns:1fr;gap:14px} #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile img{ height:clamp(140px,46vw,230px) } #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body{padding:16px 18px 18px} } /* Owner's genuine product photography: compact multi-image grids with full images, no vacant panels. */ #bfi-site-preview[data-route="products"] .bfi-category-gallery-mixed { grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; } #bfi-site-preview[data-route="products"] .bfi-category-gallery-mixed:has(> .bfi-category-tile:nth-child(5)) { grid-template-columns:repeat(3,minmax(0,1fr)); } #bfi-site-preview[data-route="products"] .bfi-category-photo.bfi-category-gallery { padding:9px;gap:6px;align-content:start; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile { padding:4px 4px 6px;min-height:0;border-radius:7px;justify-content:flex-start; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile img { height:clamp(88px,11vw,156px);width:100%;object-fit:contain;max-height:156px; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile figcaption { line-height:1.25;font-size:10px;margin-top:4px; } #bfi-site-preview[data-route="products"] .bfi-category-gallery-single .bfi-category-tile img { height:clamp(152px,18vw,225px);max-height:225px; } #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body {padding:15px 18px 17px} @media(max-width:680px){ #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile img{height:clamp(96px,26vw,170px)} #bfi-site-preview[data-route="products"] .bfi-category-gallery-mixed:has(> .bfi-category-tile:nth-child(5)) .bfi-category-tile img {height:clamp(82px,23vw,140px)} } /* Owner requested: genuine photos only, grouped by original sourcing sectors. Inverted-pyramid galleries, no invented product cards, readable on phones. */ #bfi-site-preview[data-route="products"] .bfi-sourcing-grid { align-items:stretch; gap:18px; } #bfi-site-preview[data-route="products"] .bfi-sourcing-category { background:rgba(255,255,255,.92); border:1px solid rgba(180,211,226,.8); box-shadow:0 8px 25px rgba(7,60,92,.055); } #bfi-site-preview[data-route="products"] .bfi-category-photo.bfi-category-gallery { grid-template-columns:repeat(6,minmax(0,1fr)); align-items:start; justify-content:center; background:rgba(244,250,253,.63); padding:12px; gap:9px; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile { grid-column:span 2; background:#fff; min-width:0; transform:none; padding:7px; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile img { width:100%; height:clamp(105px,11vw,180px); max-height:none; object-fit:contain; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile figcaption { font-size:11px; margin-top:8px; } #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(5)) > :nth-last-child(2), #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(5)) > :last-child { grid-column:span 2; } #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(5)) > :nth-last-child(2) {grid-column:2 / span 2;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(5)) > :last-child {grid-column:4 / span 2;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(4)):not(:has(> :nth-child(5))) > :last-child {grid-column:3 / span 2;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(3)):not(:has(> :nth-child(4))) > :first-child {grid-column:2 / span 2;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(3)):not(:has(> :nth-child(4))) > :nth-child(2) {grid-column:4 / span 2;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(3)):not(:has(> :nth-child(4))) > :last-child {grid-column:3 / span 2;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(2)):not(:has(> :nth-child(3))) > :first-child {grid-column:2 / span 2;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(2)):not(:has(> :nth-child(3))) > :last-child {grid-column:4 / span 2;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :first-child:last-child) > :first-child {grid-column:2 / span 4;} #bfi-site-preview[data-route="products"] .bfi-category-gallery-mixed .bfi-category-tile:nth-child(2) {transform:none;} /* Soft product-area canvas; ready for the owner's photographic backdrop asset. */ #bfi-site-preview[data-route="products"] .bfi-product-list { border-top:0; border-radius:18px; background:linear-gradient(130deg,rgba(238,248,251,.8),rgba(255,252,247,.82)); } @media(max-width:680px){ #bfi-site-preview[data-route="products"] .bfi-category-photo.bfi-category-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); padding:8px; gap:7px; } #bfi-site-preview[data-route="products"] .bfi-category-photo.bfi-category-gallery > .bfi-category-tile { grid-column:auto !important; } #bfi-site-preview[data-route="products"] .bfi-category-photo.bfi-category-gallery > .bfi-category-tile:last-child:nth-child(odd) { grid-column:1/-1 !important; width:calc(50% - 4px); justify-self:center; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile img { height:clamp(115px,29vw,180px); } } /* BFI owner-requested 22 Oct 2026: the ORIGINAL uploaded export-products photograph is the background, pre-blurred and heavily faded. Actual product photos stay sharp. */ #bfi-site-preview[data-route="products"] .bfi-product-list { padding:22px; overflow:hidden; border:1px solid #dce8ec; border-radius:18px; background-color:#f9fcfd; background-image:linear-gradient(rgba(250,253,255,.81),rgba(250,253,255,.87)), url("data:image/webp;base64,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"); background-repeat:no-repeat; background-size:cover; background-position:center; } #bfi-site-preview[data-route="products"] .bfi-sourcing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; padding:8px 0 18px; } #bfi-site-preview[data-route="products"] .bfi-sourcing-column { display:flex; flex-direction:column; gap:16px; min-width:0; } #bfi-site-preview[data-route="products"] .bfi-sourcing-category { width:100%; align-self:start; min-width:0; background:rgba(255,255,255,.92); } @media(max-width:680px){ #bfi-site-preview[data-route="products"] .bfi-product-list {padding:12px;} #bfi-site-preview[data-route="products"] .bfi-sourcing-grid { display:flex; flex-direction:column; gap:0; } #bfi-site-preview[data-route="products"] .bfi-sourcing-column {display:contents;} #bfi-site-preview[data-route="products"] .bfi-sourcing-category { order:var(--bfi-order,0); margin-bottom:14px; } } /* 22 Oct: full-width, sector-by-sector catalogue — eliminate hollow half-columns. */ #bfi-site-preview[data-route="products"] .bfi-sourcing-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:22px; width:100%; padding:12px 0 28px; } #bfi-site-preview[data-route="products"] .bfi-sourcing-category { display:flex; flex-direction:column; width:100%; border-radius:16px; padding:0; min-width:0; background:rgba(255,255,255,.88); } #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body { order:-1; display:block; flex:none; padding:22px 25px 12px; } #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body .bfi-number {display:inline-block;margin-right:12px;} #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body h2 {display:inline;line-height:1.5;} #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body p {margin:8px 0 0;max-width:90ch;} #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body .bfi-text-link {display:inline-block;margin:2px 0 0;} #bfi-site-preview[data-route="products"] .bfi-category-photo.bfi-category-gallery { display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)) !important; gap:14px; width:100%; height:auto; aspect-ratio:auto; padding:18px 24px 24px; background:transparent; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile { grid-column:span 2 !important; grid-row:auto !important; width:100%; padding:10px; transform:none !important; border:1px solid #dbe7ee; border-radius:11px; box-shadow:0 5px 12px rgba(7,60,92,.045); background:#fff; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile img { width:100%; height:clamp(155px,18vw,245px); max-height:none; object-fit:contain; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile figcaption { font-size:12px;margin-top:8px;line-height:1.35; } /* Last row centered: five photos = three above two; four = three above one. */ #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(5)):not(:has(> :nth-child(6))) > :nth-child(4) {grid-column:2 / span 2 !important;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(5)):not(:has(> :nth-child(6))) > :nth-child(5) {grid-column:4 / span 2 !important;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(4)):not(:has(> :nth-child(5))) > :nth-child(4) {grid-column:3 / span 2 !important;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(2)):not(:has(> :nth-child(3))) > :first-child {grid-column:2 / span 2 !important;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :nth-child(2)):not(:has(> :nth-child(3))) > :nth-child(2) {grid-column:4 / span 2 !important;} #bfi-site-preview[data-route="products"] .bfi-category-gallery:has(> :first-child:last-child) > :first-child {grid-column:3 / span 2 !important;} @media(max-width:700px) { #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body{padding:18px 16px 10px;} #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body h2{display:block;margin-top:6px;} #bfi-site-preview[data-route="products"] .bfi-category-photo.bfi-category-gallery { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px;padding:10px; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile { grid-column:auto !important; width:100%;padding:5px; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile:last-child:nth-child(odd) { grid-column:1 / -1 !important; width:calc(50% - 4px);justify-self:center; } #bfi-site-preview[data-route="products"] .bfi-category-gallery .bfi-category-tile img { height:clamp(110px,31vw,178px); } } /* Real owner-provided image no.3: softly faded background behind original product cards. */ #bfi-site-preview[data-route="products"] .bfi-product-list { background-image:linear-gradient(rgba(255,255,255,.76),rgba(255,255,255,.81)),url("data:image/webp;base64,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");background-size:cover;background-repeat:no-repeat;background-position:center center; } /* Owner's original third photo must be visible INSIDE category panels, not hidden behind opaque white cards. */ #bfi-site-preview[data-route="products"] .bfi-product-list { --bfi-owner-product-photo: url("data:image/webp;base64,UklGRmwHAABXRUJQVlA4IGAHAAAwRgCdASoYAdIAPzmKtlU/v7YouHRda/AnCWNu2SSz/rBier46PoRKKqfKBpu/Zdh7AcNdUXugD/7d4P/28q/wL/xy57vjg4oRKL9CvVCtpFC3zp/m7sxV6ZFTCODNF5mBFlzuKtCwquGBVaIV6pAQdeXXEM4n4CLEHs5T68vBI1pFmA29uA5alK2gGCB6YL+eAqK+Z/ByyKQMsZ2Kxa+zbZcKs3X5HnotEk92Bl2NHv7SW6yyYIcBGBlbj5HNjO3Yrd1suZwOB/UNi/bwVnYccFRaFXaoWMhImdd5vJyY3cCqD5oF29gTknRzScmc0FbtSMuHOPNdGOaxoIUB5hHREEoSWVlkIxfJ22iv6VaIahP82XKzZZbxB27vC9dY2Bk7ad1dUYomzLeLq4qbVlNOxHbw1Rhuzzl5tTPJuyJ5F9QZuWmRgCZu+jYZEUFI64FxUnQOdD6KEd2zy93ydba5f3DM5tjtVBz8aURRKN8gmCh95dhiBkKKvJkcmHETgfIWKjpCCSjJ+KKtv9s2Ot6eYqwu+8kup4pQTqtONvaof92luVTL4ZXUQS8/umeWUkt7mIc5PoKXNVl60+iPgdEJ0zXLgdr2ZKLwKuqK7DdWioRbZgicygYMJcELdNEJCkeTHL7ZQIRnsUyl4bRBsdxYTPcufIXum0QoQvVva+xWkFWllFZ5mNCSufZw4IaB1M+4r4bqtJwSMhDAhbBCKp36UVo9LS0hzDIgAHXz0f3hdbJhVZEu0sgQV94A+7Akju+7mzZJSY+Ut8mmCGkJXf/3qrlqT1FYncuF6mTA6oHDiKHxOTu6ef+sFdXfzMFeuTLX2TZxqousWYmyQZPwgBzE0UYRnnxAI3Fvg2J9vb8A8AHKuPEI1/XBvvzlNF4xk71v5CT/TXFwIjsaJbz1pKgmfK3GVGTuqgYTtSqJMGDnY5KfQMIfwVQjqf/N0q0Q4kgwh1wsPJc7dquauvQsfxb8BdFjdF8AOFa8hvUBDsBV+Q/YaPokqgl5wK418Jx3LAs5sVy/VtoR2lFVzWC7bkKItVsoO78k32MFzcRPU8pxru8BETDbnEGcDnvMLByRFEhw2+Vfqxc16zpkSxe1Tl+JUesPdpRGKNA8z9zhu4mEK5ZB3c+nQGBZOQV7P3gsveEl3vKwd96j2UnoSM9B4kacjtxKYJcXmS2Jw4YCmk0NLgugt70OfWpXGTC/VIQDGegrFEAVI+GTp/nHxnguXdTKWY2ulc6Q0Cgty/vBnA+CetIAB3+1ZiOeXkPUtOs3MFdoUuo8FUwjfUS5mEkJyWbBs+E8ecdIrwX0rr7hi4RGgzJ+FOT3ejldC2eMyFvIFLk+DGjY7xFLmyBLPDkhD8l8lmWQUpBEut268wi0tXQFjdZPP12mhYUTS7YxJHCA7A01ep6K47oEWiO/W+6ROyMef4Sdq0woCu9ahRoHYU0p6on5QfXvfUMf51exiBQ6CS/AWJOlyBAw2TbwBlByvPM/XhIkjGbULpEiZCOV3n8OoVvOVC+p/VccrO3jfTgzQN+uiFrbqv+xLsMMuP0odxv8iopQL++LxdMvIFSFQvL5djEq2o5jit0Nuywrr/j95a9BqGR59aishfbeOHlW87VO3LOy4YKHwAgjTZpRPg8MYZW96Upmq30/ySDyJABS8Xe2rqs/sj3A9Dc1bmJMMLeKUBsN+hJ3UFJJvF6Rvns6T2ucB80mSfvH42ZfKuwZn5qoa6p45VJwsgQAJhvQouvhh5ugAF6SdO9qL52NNxq4d7dqM9v/vtnWZI9TQY7z7RcHxwE+Q6wZ+suJKxGf19jMefDWuVPb/CJlCuEeiJPjWMOQpWBxPAK8JwCc4/+P82C4I/EnIpSmf4aMKinIJ8T/v35lSTDlLoa0B8MndvMNBKndR79MFVe0kiluvgXTBHP2Bn7QrKSUJ1cxQTWJUPbxN7jnIJHak6aI0AAsMKeOO+wAmWdx/j92rr5kZLxZeYQafnA4x3jvmVbclrklPQGfxALfqyurw9gf+PBBbJhU23M8uDx5k3U8+o1cUJnLGcgzSfYwzT9yGVkI6+fR5pv8mw0HvdXYavqsRvXl4z4ZpEuZV5zOyLTjUSKEGrtae6UniTyIzMAed8wkHEmEvZR5+n+tl4GC2jaPfbMFpviJi8OxeH16XbdD3j3WSOZBRu2cZlkWE0BEqNayqatx9mJkDAeZ+0DcdcMntA0rsseJy7hsCwpiKaBKaix+2hWmM5Zq7Zqy0hyjdU5fcXzMqsf99OwNxhmqWdJre6g68Nkgi7UldkjmKJ7KW0TRCjAlX4vKatq4EwGWUSdOtHKcV7q+i6Ey9qchwWSDIFl4swZPhflhh/0bJsYjp7UTcT89s+4Xs5w2SJGudgTS1/NQnmfHhxezXfOp0m2znZ0RRzYaRVGkSmPnNi/CcNktsDwONwcVoxSlvWIZKzn4ApdsVdTJVZx3cbq5glmrBFhNIWuo8aG+X5n9Z9aBr/Z3DrhA/j78ly1VrZdCAFzismiAAAAA"); background-image:linear-gradient(rgba(255,255,255,.60),rgba(255,255,255,.66)),var(--bfi-owner-product-photo); background-position:center top; background-size:cover; } /* The original markup has two old columns (1,3 and 2,4). Flatten and order as 1,2,3,4. */ #bfi-site-preview[data-route="products"] .bfi-sourcing-grid { grid-template-columns:minmax(0,1fr) !important; grid-auto-flow:row !important; gap:20px; } #bfi-site-preview[data-route="products"] .bfi-sourcing-column { display:contents !important; } #bfi-site-preview[data-route="products"] .bfi-sourcing-category { order:var(--bfi-order, 0); background-image:linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,.78)),var(--bfi-owner-product-photo) !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; background-color:#f3f8f9 !important; box-shadow:0 8px 22px rgba(12,60,87,.07); } #bfi-site-preview[data-route="products"] .bfi-category-photo.bfi-category-gallery, #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body { background-color:transparent !important; } /* Owner-supplied original: a faint product-section background, softened with white overlays. The photograph and foreground product images stay sharp. */ #bfi-site-preview[data-route="products"] .bfi-product-list { --bfi-owner-product-photo:url("/assets/products-background-20261022.jpg"); background-image:linear-gradient(rgba(255,255,255,.84),rgba(255,255,255,.88)),var(--bfi-owner-product-photo) !important; background-position:center top !important; background-size:cover !important; } #bfi-site-preview[data-route="products"] .bfi-sourcing-category { background-image:linear-gradient(rgba(255,255,255,.80),rgba(255,255,255,.84)),var(--bfi-owner-product-photo) !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; } #bfi-site-preview[data-route="products"] .bfi-sourcing-category-body { background:rgba(255,255,255,.70) !important; }