/* Billy, the Bestlab helper (inc/billy.php). The figures are PNGs on a white
   ground: `multiply` drops the ground into the light panel behind them. */

.blf-billy{
	--blf-billy-bg:#EEF4FB;
	--blf-billy-h:150px;
	/* The panel hugs its copy and figure instead of stretching across the
	   page — a full-width row left Billy stranded at the far edge. */
	display:flex;align-items:center;gap:48px;
	width:fit-content;max-width:100%;box-sizing:border-box;
	padding:20px 32px;border-radius:var(--bl-radius);
	background:var(--blf-billy-bg);
	isolation:isolate;
}
.blf-billy__copy{flex:1 1 auto;min-width:0}
.blf-billy__title{margin:0 0 6px;font-size:1.3rem;color:var(--bl-navy)}
.blf-billy__text{margin:0 0 14px;color:var(--bl-ink);font-size:.95rem;max-width:52ch}
.blf-billy__text:last-child{margin-bottom:0}
.blf-billy__fig{flex:0 0 auto;line-height:0}
.blf-billy__img{display:block;height:var(--blf-billy-h);width:auto;mix-blend-mode:multiply}

/* Category grid: one whole row of the product grid. */
.blf-billy--grid{grid-column:1/-1;justify-self:start;margin:4px 0;border:1px solid #DCE6F3}
/* List view: the block is one list row, laid out like the product rows —
   Billy in the picture column on the left, copy in the middle, the button
   (and the company quote link) where the price and button sit. */
.blf-products.is-list .blf-billy--grid{
	width:100%;margin:0;padding:0;gap:0;flex-direction:row;align-items:stretch;overflow:hidden;
	border-left:4px solid var(--bl-orange,#E8550D);
}
.blf-products.is-list .blf-billy__fig{
	order:-1;flex:0 0 clamp(130px,20%,190px);align-self:stretch;
	display:flex;align-items:center;justify-content:center;
	padding:12px;box-sizing:border-box;background:#E2ECF8;
}
.blf-products.is-list .blf-billy__img{height:auto;max-height:140px;max-width:100%}
.blf-products.is-list .blf-billy__copy{flex:1 1 auto;padding:18px 20px;align-self:center}
.blf-products.is-list .blf-billy--grid .blf-btn{width:auto}
.blf-products.is-list .blf-billy__title{font-size:1.15rem;margin-bottom:4px}
.blf-products.is-list .blf-billy__text{font-size:.92rem;margin-bottom:12px}
.blf-products.is-list .blf-billy__more{display:block;margin:8px 0 0;font-size:.86rem;line-height:1.4}
@media(min-width:760px){
	.blf-products.is-list .blf-billy__copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
	.blf-products.is-list .blf-billy__copy>*{grid-column:1}
	.blf-products.is-list .blf-billy__title{grid-row:1}
	.blf-products.is-list .blf-billy__text{grid-row:2;margin-bottom:0}
	.blf-products.is-list .blf-billy__copy>.blf-btn{grid-column:2;grid-row:1/span 2;justify-self:end;align-self:center}
	.blf-products.is-list .blf-billy__more{grid-column:2;grid-row:3;justify-self:end;text-align:right;margin-top:8px}
}
@media(max-width:520px){
	.blf-products.is-list .blf-billy__fig{flex-basis:104px;padding:8px}
	.blf-products.is-list .blf-billy__img{max-height:84px}
	.blf-products.is-list .blf-billy__copy{padding:12px 14px}
}
/* Three or more columns (billy.js): the block is one product card — same
   width, same height — copy and button on top, Billy at the foot. */
.blf-billy--grid.blf-billy--card{
	--blf-billy-h:150px;
	grid-column:auto;justify-self:stretch;width:auto;margin:0;
	flex-direction:column;align-items:stretch;justify-content:space-between;gap:16px;
	padding:24px 20px 20px;
}
.blf-billy--card .blf-billy__title{font-size:1.3rem;margin-bottom:10px}
.blf-billy--card .blf-billy__text{font-size:.92rem;margin-bottom:16px}
.blf-billy--card .blf-btn{width:100%;justify-content:center;white-space:normal}
.blf-billy--card .blf-billy__fig{align-self:center}
/* The link to the company quote page: only in the card. */
.blf-billy__more{display:none}
.blf-billy--card .blf-billy__more{display:block;margin:12px 0 0;font-size:.86rem;line-height:1.4;text-align:center}
.blf-billy__more a{font-weight:600}

/* Product page: after the tabs, before „Önnek ajánljuk”. */
.blf-billy-section{padding:8px 0 28px}
.blf-billy--pdp{--blf-billy-h:170px;padding:22px 32px}
.blf-billy--pdp .blf-billy__title{font-size:1.45rem}

/* Szállítás és áruátvétel: the intro block on top of the page content. */
.blf-billy--intro{margin:0 0 28px}
.blf-billy--intro .blf-billy__title{font-size:1.5rem}

@media(max-width:640px){
	.blf-billy{--blf-billy-h:84px;width:auto;padding:16px;gap:12px}
	.blf-billy--pdp{--blf-billy-h:88px;padding:16px}
	.blf-billy__title,.blf-billy--pdp .blf-billy__title,.blf-billy--intro .blf-billy__title{font-size:1.1rem}
	.blf-billy__text{font-size:.88rem;margin-bottom:12px}
	.blf-billy .blf-btn{width:100%;justify-content:center}
	.blf-billy--intro{--blf-billy-h:100px}
}

/* ---- Céges ajánlatkérés (template-ceges-ajanlatkeres.php) ---------------- */

.blf-b2bq{padding-bottom:48px}
.blf-b2bq__head{margin:10px 0 24px;max-width:760px}
.blf-b2bq__title{font-size:clamp(1.6rem,3.2vw,2.3rem);margin:0 0 8px}
.blf-b2bq__lead,.blf-b2bq__lead p{color:var(--bl-muted);font-size:1.02rem;margin:0}
.blf-b2bq__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;align-items:start}
.blf-b2bq__form{background:#fff;border:1px solid var(--bl-line);border-radius:var(--bl-radius);padding:24px;box-shadow:var(--bl-shadow)}
.blf-b2bq__form .blf-msg-form__fields{grid-template-columns:1fr}
.blf-b2bq__form .blf-msg-form__foot .blf-btn{width:100%;justify-content:center;padding-block:.85em}
.blf-b2bq__help{
	--blf-billy-bg:#EEF4FB;
	display:flex;flex-direction:column;
	background:var(--blf-billy-bg);border-radius:var(--bl-radius);padding:24px;isolation:isolate;
}
.blf-b2bq__help-title{font-size:1.25rem;margin:0 0 16px}
.blf-b2bq__tips{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.blf-b2bq__tip{display:flex;gap:12px;align-items:flex-start}
.blf-b2bq__tip strong{display:block;color:var(--bl-navy);font-size:.95rem}
.blf-b2bq__tip-icon{flex:0 0 auto;color:var(--bl-navy);margin-top:2px}
.blf-b2bq__tip-text{display:block;color:var(--bl-muted);font-size:.88rem;line-height:1.45;margin-top:2px}
/* The panel keeps its own height (not the form's) and stays in view
   below the sticky header while the form is filled in. */
.blf-b2bq__help{position:sticky;top:150px}
.blf-b2bq__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:20px}
.blf-b2bq__direct{margin:0 0 8px;font-size:.9rem;color:var(--bl-muted);line-height:1.5}
.blf-b2bq__direct a{display:flex;align-items:center;gap:7px;margin-top:6px;font-weight:600;color:var(--bl-blue)}
.blf-b2bq__direct svg{width:16px;height:16px;flex:0 0 auto}
.blf-b2bq__help .blf-billy__img{height:180px}

@media(max-width:900px){
	.blf-b2bq__grid{grid-template-columns:1fr}
	.blf-b2bq__help{position:static}
	.blf-b2bq__help .blf-billy__img{height:120px}
}
@media(max-width:520px){
	.blf-b2bq__form,.blf-b2bq__help{padding:18px 16px}
	.blf-b2bq__help .blf-billy__img{height:88px}
}