/* Bee Jay Trading Enterprise — approved home design. Scoped to the homepage so SEO landing pages retain their styling. */
:root{--bj-gold:#bd9451;--bj-lightgold:#d8b275;--bj-dark:#111110;--bj-font:'DM Sans',Arial,sans-serif;--bj-serif:'Playfair Display',Georgia,serif}
body.home{margin:0;background:#fff;color:#191919;font-family:var(--bj-font);font-size:13px;letter-spacing:0}body.home *{box-sizing:border-box}body.home button,body.home input,body.home select,body.home textarea{font-family:var(--bj-font)}body.home img{display:block;max-width:100%}body.home a{text-decoration:none;color:inherit}body.home h1,body.home h2,body.home h3,body.home p{margin:0}body.home h1,body.home h2,body.home h3{font-weight:400}.bj-container{width:min(1460px,calc(100% - 68px));margin:auto}.bj-visually-hidden,.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.bj-skip{position:absolute;left:15px;top:-100px;background:#fff;padding:12px;z-index:200}.bj-skip:focus{top:10px}.bj-top{height:35px;background:linear-gradient(90deg,#111110,#090909);color:#f1f1ee;font-size:10px}.bj-top-inner,.bj-top-left{display:flex;align-items:center;justify-content:space-between;height:100%;gap:28px}.bj-top-left{justify-content:start;gap:27px}.bj-top a:hover{text-decoration:underline}.bj-top-right{font-size:9px;letter-spacing:.17em;color:#aaa59b}.bj-header{background:#fff;position:sticky;top:0;z-index:60;border-bottom:1px solid #eaeaea}.bj-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}.bj-logo{flex:0 0 156px}.bj-logo img{width:156px;height:auto;object-fit:contain}.bj-links{display:flex;align-items:center;gap:clamp(18px,2.2vw,35px);font-size:12px;font-weight:700;white-space:nowrap}.bj-links a{padding:8px 1px;position:relative}.bj-links a:hover,.bj-links a.is-active{color:#a57935}.bj-links a.is-active::after{content:'';position:absolute;bottom:-2px;left:0;width:38px;height:2px;background:#bc8c40}.bj-topquote,.bj-button,.bj-outline-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-align:center;font-weight:700;font-size:11px;letter-spacing:.02em;cursor:pointer;white-space:nowrap}.bj-topquote{background:linear-gradient(110deg,#a98044,#d0a764);color:#fff;padding:13px 21px;border-radius:3px;box-shadow:0 3px 12px #9f81512c}.bj-topquote:hover,.bj-button-gold:hover{filter:brightness(1.07)}.bj-cart-count{display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid #ffffff70;border-radius:50%;font-size:10px;min-width:20px;height:20px}.bj-menu-toggle{display:none;background:none;border:1px solid #ddd;padding:8px 11px;border-radius:2px}.bj-hero{position:relative;isolation:isolate;background:#111;min-height:420px;overflow:hidden;color:white}.bj-hero-back{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,rgba(9,9,9,.97) 0%,rgba(9,9,9,.88) 24%,rgba(9,9,9,.59) 43%,rgba(9,9,9,.06) 74%),url('assets/hero-new.webp');background-size:cover;background-position:center 51%;filter:saturate(.9)}.bj-hero-content{padding:44px 0 25px;position:relative}.bj-kicker,.bj-label{font-size:10px;letter-spacing:.33em;font-weight:600;color:var(--bj-gold)}.bj-hero h1{font-family:var(--bj-serif);font-size:clamp(46px,4.85vw,77px);letter-spacing:-.03em;line-height:1.04;max-width:730px;margin:16px 0 19px}.bj-hero h1 em{color:#d6b176;font-style:normal}.bj-hero-lead{font-size:15px;line-height:1.55;max-width:670px;color:#f5f5f3;margin-bottom:5px!important}.bj-hero-tag{font-size:13px;color:#f0e8de}.bj-hero-actions{display:flex;gap:16px;margin-top:24px;flex-wrap:wrap}.bj-button{min-height:46px;padding:0 20px;border-radius:3px}.bj-button-gold{color:#fff;background:linear-gradient(100deg,#c79b56,#b78948);box-shadow:0 4px 10px #00000016}.bj-button-gold span{font-size:17px}.bj-button-ghost{background:transparent;border:1px solid #ffffff9c;color:#fff}.bj-button-ghost:hover{background:#ffffff22}.bj-hero-proof{display:flex;align-items:center;gap:0;margin-top:32px;flex-wrap:wrap}.bj-hero-proof>span{display:flex;align-items:center;gap:10px;padding:0 20px;border-right:1px solid #9e92777c}.bj-hero-proof>span:first-child{padding-left:0}.bj-hero-proof>span:last-child{border-right:none}.bj-hero-proof b{font-size:28px;line-height:1;color:#d3a867;font-weight:400}.bj-hero-proof small{color:#e4dfd6;font-size:10px;line-height:1.4}.bj-hero-proof strong{font-weight:700;font-size:9px;letter-spacing:.03em;color:#fff}.bj-products{padding:18px 0 10px;background:#fff}.bj-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.bj-category{min-width:0;background:#f8f8f8;transition:transform .2s,box-shadow .2s}.bj-category:hover{transform:translateY(-3px);box-shadow:0 9px 20px #00000014}.bj-cat-img{height:127px;display:block;overflow:hidden;background:#e1dbd2}.bj-cat-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.bj-category:hover img{transform:scale(1.045)}.bj-cat-bottom{padding:11px 11px 13px 13px;min-height:86px;display:flex;justify-content:space-between;align-items:flex-start;gap:5px}.bj-cat-title{text-transform:uppercase;font-weight:800;font-size:11px;line-height:1.35}.bj-cat-title:hover{text-decoration:underline}.bj-cat-bottom p{font-size:10px;line-height:1.55;color:#555;margin-top:6px}.bj-cat-add{background:transparent;color:#4b4336;font-size:20px;font-weight:400;border:1px solid #d9cbb3;border-radius:50%;min-width:26px;height:26px;line-height:1;padding:0}.bj-cat-add:hover{background:#d8b67c;color:#111}.bj-more[hidden]{display:none}.bj-more{padding-top:23px}.bj-more-title{text-align:center;margin:6px auto 15px}.bj-more-title span{font-size:9px;letter-spacing:.2em;color:#ac844c}.bj-more-title h3{font-family:var(--bj-serif);font-size:23px;margin-top:6px}.bj-additional{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bj-additional .bj-cat-img{height:166px}.bj-more-action{text-align:center;padding:19px 0 6px}.bj-outline-button{background:#fff;color:#a2702d;border:1px solid #b98946;padding:10px 27px;min-height:33px;border-radius:2px}.bj-outline-button:hover{background:#faf1e2}.bj-sourcing-note{text-align:center;color:#827d74;font-size:10px;line-height:1.5;margin:4px 0 0!important}.bj-about-quote{display:grid;grid-template-columns:64% 36%;gap:0;margin-top:12px;min-height:300px}.bj-about-pane{display:grid;grid-template-columns:43% 57%;min-height:300px;background:#f5f2ee;overflow:hidden}.bj-about-photo{height:100%;position:relative;overflow:hidden}.bj-about-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}.bj-about-mark{position:absolute;bottom:22px;left:22px;background:#fffedb;opacity:.94;box-shadow:0 1px 17px #0003;border:1px solid #ffffffa1;padding:8px 12px;width:138px}.bj-about-mark img{width:100%;height:auto}.bj-about-copy{padding:31px 36px 25px;align-self:center;max-width:575px}.bj-about-copy .bj-label,.bj-form-pane .bj-label{color:#988b7b}.bj-about-copy h2,.bj-form-pane h2{font:400 clamp(26px,2.1vw,36px)/1.15 var(--bj-serif);letter-spacing:-.03em;margin:9px 0 10px}.bj-about-copy .bj-gold-stroke{height:2px;width:48px;background:#ba914c;margin:15px 0}.bj-about-copy p:not(.bj-label){font-size:12px;line-height:1.65;color:#4b4946;margin:9px 0}.bj-small-link{font-size:10px;margin-top:7px}.bj-form-pane{padding:26px clamp(24px,3.1vw,55px) 21px;background:#f4f3f2}.bj-form-pane h2{font-size:clamp(23px,2vw,33px);margin-bottom:7px}.bj-form-intro{color:#5a5856;line-height:1.5;font-size:12px;margin-bottom:13px!important}.bj-quick-form input:not([type='checkbox']),.bj-quick-form textarea{border:1px solid #dedede;width:100%;background:#fff;padding:10px 11px;min-height:37px;border-radius:2px;font-size:11px;color:#212121;outline:none}.bj-quick-form textarea{resize:vertical;min-height:57px;display:block;margin-top:8px}.bj-quick-form input:focus,.bj-quick-form textarea:focus,.bj-drawer input:focus,.bj-drawer textarea:focus{border-color:#c39a58!important;box-shadow:0 0 0 2px #c39a5822}.bj-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bj-honey{position:absolute;left:-5000px;opacity:0;pointer-events:none}.bj-form-consent{font-size:10px;line-height:1.5;color:#666;display:flex;align-items:flex-start;gap:8px;margin:9px 0}.bj-form-consent input{flex:0 0 auto;accent-color:#bb9049;margin-top:3px}.bj-form-consent a{color:#8a6639!important;text-decoration:underline!important}.bj-form-actions{display:flex;justify-content:space-between;gap:8px;align-items:center}.bj-form-actions .bj-button{flex:1;font-size:10px;min-height:36px;padding:0 10px}.bj-wa-border{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #18a654;color:#107d3c!important;font-size:10px;font-weight:800;min-height:36px;padding:0 12px;border-radius:4px;white-space:nowrap}.bj-feedback{font-size:11px;line-height:1.4;margin:4px 0;color:#534c40;min-height:0}.bj-feedback:empty{display:none}.bj-feedback.ok{color:#176b37}.bj-feedback.err{color:#ad3724}.bj-trust{background:white;padding:18px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede}.bj-trust-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.bj-trust-row>div{display:flex;gap:14px;padding:0 17px;align-items:center;min-width:0;border-right:1px solid #d7d7d7}.bj-trust-row>div:first-child{padding-left:0}.bj-trust-row>div:last-child{border-right:0}.bj-trust-icon{color:#c29247;font-size:31px;line-height:1}.bj-trust-row p{line-height:1.38}.bj-trust-row b{font-size:10px}.bj-trust-row small{display:block;font-size:10px;color:#88817b;margin-top:4px}.bj-process{background:#181715;color:#f6f1e8;padding:44px 0}.bj-process-inner{display:grid;grid-template-columns:25% 75%;gap:26px}.bj-process h2,.bj-faq h2{font:400 30px/1.2 var(--bj-serif);margin-top:10px}.bj-process h2 em{font-style:normal;color:#d2ad78}.bj-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.bj-steps>div{border-left:1px solid #b39b755e;padding-left:20px}.bj-steps b{font:500 24px/1 var(--bj-serif);color:#d1a868}.bj-steps h3{font-size:14px;font-weight:700;margin:10px 0 5px}.bj-steps p{font-size:11px;line-height:1.7;color:#d8d3ca}.bj-faq{padding:47px 0 55px;background:#f6f4f1}.bj-faq-grid{display:grid;grid-template-columns:38% 62%;gap:20px}.bj-faq h2{font-size:32px;margin-top:12px}.bj-faq details{border-bottom:1px solid #d6cec0;padding:15px 12px}.bj-faq summary{font-size:13px;font-weight:700;cursor:pointer}.bj-faq details p{font-size:12px;line-height:1.75;padding:12px 0;color:#555}.bj-footer{background:#161512;color:#efeee9;padding:45px 0 0}.bj-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:40px}.bj-footer-grid img{width:165px;background:#fff;padding:6px}.bj-footer-grid h3{font-size:12px;font-weight:700;color:#d4b17c;margin-bottom:17px}.bj-footer-grid a{display:block;font-size:12px;margin-bottom:12px;color:#e8e5de}.bj-footer-grid a:hover{text-decoration:underline;color:#d6b77f}.bj-footer-grid p{font-size:11px;color:#b9b4ac;line-height:1.8;margin-top:14px}.bj-footer-base{display:flex;justify-content:space-between;border-top:1px solid #46423b;margin-top:35px;padding-top:16px;padding-bottom:18px;font-size:10px;color:#a5a19a;gap:20px}.bj-overlay{position:fixed;inset:0;background:#0009;z-index:110}.bj-overlay[hidden],.bj-drawer[hidden]{display:none!important}.bj-drawer{position:fixed;z-index:111;right:0;top:0;height:100dvh;max-width:520px;width:100%;background:#fff;box-shadow:-15px 0 40px #0002;display:flex;flex-direction:column}.bj-drawer-header{padding:25px 28px 15px;display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #ece6dc}.bj-drawer-header h2{font:400 32px/1.2 var(--bj-serif);margin-top:8px}.bj-drawer-header button{border:0;background:transparent;font-size:20px}.bj-drawer-scroll{padding:20px 28px 40px;overflow-y:auto}.bj-drawer-scroll>p{color:#5f5e5b;font-size:12px;line-height:1.6;margin-bottom:18px}.bj-selected-items{border:1px solid #ded9ce;background:#f9f7f4;padding:12px;margin-bottom:15px}.bj-selected-items>p{font-size:12px;color:#666}.bj-line-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #dedbd4}.bj-line-item:last-child{border:0}.bj-line-item b{font-size:12px}.bj-line-item small{color:#666;display:block;font-size:10px}.bj-counter{display:flex;align-items:center;gap:6px}.bj-counter button{border:1px solid #ddd;background:#fff;width:26px;height:26px}.bj-counter input{width:48px!important;text-align:center;border:1px solid #ddd}.bj-drawer-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bj-drawer-fields label{font-size:11px;font-weight:600;color:#333}.bj-drawer-fields input,.bj-drawer-fields select,.bj-drawer-fields textarea{display:block;width:100%;border:1px solid #d9d5ce;padding:10px;margin-top:5px;border-radius:2px;font-size:12px;background:#fff}.bj-drawer-fields .bj-full{grid-column:1/-1}.bj-fullbutton{width:100%;margin-top:10px}.bj-button-dark{background:#181713;color:#fff}.bj-mailto{font-size:11px;text-decoration:underline!important;display:block;text-align:center;margin-top:15px;color:#755d3d!important}.bj-disclaimer{font-size:10px;color:#777;line-height:1.6;margin-top:12px!important}.bj-float-wa{position:fixed;right:20px;bottom:22px;background:#1aaa61;color:#fff!important;border:3px solid #fff;border-radius:30px;z-index:70;padding:12px 16px;font-weight:700;font-size:12px;box-shadow:0 4px 18px #0004}.bj-float-wa:hover{background:#10814a}
@media(max-width:1220px){.bj-container{width:min(1460px,calc(100% - 44px))}.bj-top-location{display:none}.bj-links{gap:18px}.bj-hero h1{font-size:59px}.bj-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.bj-cat-img{height:180px}.bj-about-quote{grid-template-columns:1fr}.bj-about-pane{min-height:310px}.bj-form-pane{padding:30px max(23px,8vw)}.bj-trust-row{grid-template-columns:repeat(3,1fr);row-gap:16px}.bj-trust-row>div:nth-child(3){border:0}.bj-form-pane .bj-form-actions{justify-content:start}.bj-form-actions .bj-button{flex:unset;padding:0 20px}}
@media(max-width:780px){.bj-top-right{display:none}.bj-top-left{gap:16px}.bj-top{font-size:9px}.bj-logo{flex-basis:132px}.bj-logo img{width:132px}.bj-nav{height:71px}.bj-menu-toggle{display:block;margin-left:auto}.bj-links{position:absolute;left:0;right:0;top:71px;padding:18px 24px;flex-direction:column;align-items:stretch;gap:6px;background:white;box-shadow:0 8px 18px #0002;display:none}.bj-links.open{display:flex}.bj-links a{padding:10px}.bj-topquote{font-size:9px;padding:10px 12px}.bj-hero{min-height:540px}.bj-hero-back{background-position:66% center;background-image:linear-gradient(90deg,#090909f5 0%,#090909d6 46%,#09090938 100%),url('assets/hero-new.webp')}.bj-hero-content{padding-top:65px}.bj-hero h1{font-size:clamp(43px,7.5vw,60px)}.bj-hero-lead{max-width:490px}.bj-hero-proof{gap:16px 0}.bj-hero-proof>span{flex-basis:50%;border:0;padding:0 10px 0 0}.bj-cat-img{height:140px}.bj-categories{gap:12px}.bj-about-pane{grid-template-columns:1fr}.bj-about-photo{height:280px}.bj-about-copy{max-width:none}.bj-trust-row{grid-template-columns:repeat(2,1fr)}.bj-trust-row>div{border:0!important}.bj-process-inner,.bj-faq-grid{grid-template-columns:1fr}.bj-process-inner{gap:25px}.bj-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.bj-container{width:calc(100% - 28px)}.bj-top{height:30px}.bj-top-left{gap:14px}.bj-top-left a{font-size:9px}.bj-nav{height:67px}.bj-logo{flex-basis:122px}.bj-logo img{width:120px}.bj-links{top:67px}.bj-topquote{font-size:0;gap:4px;padding:9px}.bj-topquote span{font-size:14px}.bj-topquote .bj-cart-count{font-size:9px}.bj-hero{min-height:560px}.bj-hero-back{background-position:66% 50%;background-image:linear-gradient(90deg,#080808ee,#080808b3 63%,#08080864),url('assets/hero-new.webp')}.bj-hero-content{padding:38px 0 22px}.bj-kicker{font-size:9px;letter-spacing:.25em}.bj-hero h1{font-size:clamp(41px,10vw,54px);margin:14px 0}.bj-hero-lead{font-size:13px}.bj-hero-tag{font-size:12px}.bj-hero-actions{gap:9px;flex-direction:column;align-items:stretch}.bj-hero-actions .bj-button{width:100%}.bj-hero-proof{margin-top:28px;gap:15px}.bj-hero-proof b{font-size:23px}.bj-hero-proof small{font-size:9px}.bj-hero-proof strong{font-size:8px}.bj-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bj-cat-img{height:110px}.bj-cat-bottom{padding:10px;min-height:100px}.bj-cat-title{font-size:9px}.bj-cat-bottom p{font-size:9px}.bj-cat-add{min-width:25px;height:25px;font-size:17px}.bj-additional{grid-template-columns:repeat(2,minmax(0,1fr))}.bj-additional .bj-cat-img{height:105px}.bj-sourcing-note{font-size:9px;margin-top:6px!important}.bj-about-photo{height:230px}.bj-about-copy{padding:25px 20px}.bj-about-copy h2,.bj-form-pane h2{font-size:30px}.bj-form-pane{padding:28px 20px}.bj-form-grid{grid-template-columns:1fr}.bj-form-actions{flex-direction:column;align-items:stretch!important}.bj-form-actions .bj-button,.bj-wa-border{width:100%;padding:0 12px}.bj-trust-row{grid-template-columns:1fr 1fr;row-gap:17px}.bj-trust-row>div{padding:0 8px}.bj-trust-icon{font-size:25px}.bj-trust-row b{font-size:9px}.bj-trust-row small{font-size:9px}.bj-steps{grid-template-columns:1fr}.bj-steps>div{padding-left:16px}.bj-footer-grid{grid-template-columns:1fr 1fr;gap:25px}.bj-footer-grid>div:first-child{grid-column:1/-1}.bj-footer-grid>div:last-child{grid-column:1/-1}.bj-footer-base{flex-wrap:wrap}.bj-drawer-header{padding:18px}.bj-drawer-scroll{padding:16px}.bj-drawer-fields{grid-template-columns:1fr}.bj-float-wa span{display:none}.bj-float-wa{right:13px;bottom:12px;font-size:18px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){body.home *{scroll-behavior:auto!important;transition:none!important}}

/* Final approved launch: About section uses an integrated branded-reception illustration. */
.bj-about-photo>img{object-position:center center}
.bj-more[hidden]{display:none!important}

/* Product catalogue launch link – sits beside existing show more control */
.bj-catalogue-cta{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:1px solid #b99259;color:#9a6b2f;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.08em;padding:12px 24px;margin:14px 0 0 14px;transition:background .2s,color .2s;}
.bj-catalogue-cta:hover{background:#b99259;color:#fff}.bj-browse-help{margin:9px 0 12px!important;font-size:13px!important}.bj-browse-help a{color:#986d39;text-decoration:underline}
@media(max-width:600px){.bj-catalogue-cta{display:flex;margin:12px 0 0;padding:12px}}

/* Product photo quotation enquiry (Bee Jay catalogue v2) */
.bj-photo-upload{margin:12px 0;padding:13px 14px;border:1px solid #d9c9b1;background:#fffaf4;border-radius:5px;max-width:100%;font-size:12px;color:#40382c}
.bj-photo-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.bj-photo-heading strong{font-size:12px}.bj-photo-heading span{font-size:10px;color:#927244}
.bj-photo-upload p{font-size:11px;line-height:1.5;margin:6px 0 10px;color:#675d50}.bj-photo-upload small{display:block;font-size:10px;line-height:1.45;color:#766b5d;margin-top:8px}
.bj-photo-input{display:block!important;cursor:pointer;border:1px dashed #b9945e;background:white;padding:10px 12px;font-size:12px!important;font-weight:700!important;border-radius:4px;color:#29251f!important}
.bj-photo-input input[type=file]{display:block;width:100%;margin-top:7px;max-width:100%;font-size:11px!important;border:0!important;background:transparent!important;padding:0!important;min-height:auto!important}
.bj-photo-preview{display:flex;align-items:center;gap:9px;margin-top:9px;max-width:100%;overflow:hidden}.bj-photo-preview[hidden]{display:none}.bj-photo-preview img{width:58px;height:50px;object-fit:cover;border:1px solid #e3d8c9}.bj-photo-name{font-size:10px;overflow-wrap:anywhere;min-width:0;flex:1}.bj-photo-clear{border:0;background:transparent;color:#846332;text-decoration:underline;font-size:11px;cursor:pointer}

/* V4 optional customisation choices */
.bj-branding-choices{margin:13px 0 16px;padding:13px 15px;border:1px solid #d7cbbb;background:#faf8f4;border-radius:4px;min-width:0}
.bj-branding-choices legend{font-weight:700;font-size:13px;padding:0 6px;color:#4b3d2c}
.bj-branding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 15px;margin-top:5px}
.bj-branding-grid label{font-size:12px;display:flex;gap:8px;align-items:center;cursor:pointer}
.bj-branding-grid input{accent-color:#af8b54}
.bj-branding-other{display:block!important;margin-top:12px;font-size:12px}
.bj-branding-other[hidden]{display:none!important}
.bj-branding-other input{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #d7cbbb}
.bj-custom-note{font-size:11px!important;display:block;color:#927342}

/* Bee Jay Homepage V5 — product-specific category visuals */
.bj-cat-img img[src*="home-collections-v5/"]{object-fit:contain;object-position:center;background:#f4efe8;}
.bj-category:hover .bj-cat-img img[src*="home-collections-v5/"]{transform:scale(1.035);}

/* v6: more explicit product browsing affordance */
.bj-cat-browse{display:inline-flex!important;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#a5773b!important;margin-top:9px;text-decoration:underline!important;text-decoration-color:#c9b597!important;text-underline-offset:3px;}
.bj-category:focus-within{outline:2px solid #b89157;outline-offset:2px}
.bj-cat-img img[src*="home-collections-v6/"]{object-fit:contain;object-position:center;background:#f6f0e6;padding:3px 1px;}
.bj-cat-img{background:#f7f3ed}
.bj-category:hover .bj-cat-img img[src*="home-collections-v6/"]{transform:scale(1.035)}
@media(max-width:520px){.bj-cat-browse{font-size:9px;}}

/* High-resolution Bee Jay reception: show the sign on narrow screens. */
@media (max-width:780px){.bj-about-photo>img[src*="about-reception-hd-v9"]{object-position:center 18%;}}

/* V11: responsive Bee Jay About reception photo. Desktop layout remains unchanged.
   Mobile uses a purpose-cropped banner so the complete logo is visible
   without a giant portrait crop filling the phone screen. */
.bj-about-photo>.bj-about-picture{display:block;width:100%;height:100%;overflow:hidden}
.bj-about-photo>.bj-about-picture>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
@media(max-width:780px){
  .bj-about-photo{height:208px!important;min-height:0!important}
  .bj-about-photo>.bj-about-picture>img{object-position:center center}
}
@media(max-width:520px){
  .bj-about-photo{height:195px!important}
}


/* Bee Jay v12: streamline homepage header, category links and catalogue actions.
   Product tiles, links, photo upload and quotation workflow remain unchanged. */
.bj-hero{min-height:390px}
.bj-hero-content{padding-bottom:43px}
.bj-cat-bottom > div{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;min-width:0}
.bj-cat-bottom .bj-cat-title{display:block;min-height:2.7em;width:100%;line-height:1.35}
.bj-cat-bottom .bj-cat-browse{display:inline-flex!important;align-items:center;align-self:flex-start;gap:3px;margin:4px 0 0;line-height:1.4;white-space:normal}
.bj-cat-bottom p{margin-top:6px}
.bj-cat-bottom .bj-cat-add{flex:0 0 26px}
.bj-more-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:23px 0 7px}
.bj-action-main{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px}
.bj-action-main > .bj-catalogue-cta,
.bj-action-main > .bj-outline-button{margin:0;min-height:44px;padding:11px 21px;font-size:11px;letter-spacing:.035em;line-height:1.3;border-radius:2px;white-space:normal;text-align:center}
.bj-action-main > .bj-catalogue-cta{background:#b58b50;color:white;border:1px solid #b58b50;gap:9px}
.bj-action-main > .bj-catalogue-cta:hover{background:#9d723a;color:#fff;border-color:#9d723a}
.bj-action-main > .bj-outline-button{background:#fff;color:#825f32;border:1px solid #cab18b}
.bj-action-main > .bj-outline-button:hover{background:#f7f1e7}
.bj-pdf-link{display:inline-flex;gap:7px;align-items:center;font-size:11px;color:#695a47;text-decoration:underline;text-underline-offset:3px;padding:5px 7px;line-height:1.4}
.bj-pdf-link:hover{color:#a87b40}
.bj-pdf-link span{font-size:15px;color:#a87b40}
@media(max-width:780px){
  .bj-hero{min-height:0}
  .bj-hero-content{padding:48px 0 53px}
}
@media(max-width:600px){
  .bj-more-action{gap:9px;padding-top:19px}
  .bj-action-main{width:100%;max-width:440px;display:flex;flex-direction:column;gap:9px}
  .bj-action-main > .bj-catalogue-cta,
  .bj-action-main > .bj-outline-button{display:flex;width:100%;margin:0!important;min-height:44px;padding:12px 14px}
  .bj-pdf-link{font-size:11px;padding:7px 5px}
}
@media(max-width:520px){
  .bj-hero-content{padding:40px 0 46px}
  .bj-cat-bottom .bj-cat-title{min-height:2.7em}
  .bj-cat-bottom .bj-cat-browse{font-size:9px;line-height:1.4}
}
