/* Becker visual refresh. Scoped to public Becker pages; admin/product styles stay intact. */
body[data-becker-page] .bk-main{max-width:1440px;padding-top:22px}.bk-main .bk-breadcrumbs{margin-bottom:12px}
.bk-main .bk-visual-hero{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:0;background:#071018;min-height:490px;padding:60px 0;display:flex;align-items:center}
.bk-hero-art{position:absolute;z-index:-2;right:0;top:0;width:76%;height:100%;object-fit:cover;object-position:65% 52%}
.bk-visual-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071018 0%,#071018 23%,#071018ed 32%,#07101800 62%)}
.bk-hero-copy{width:48%;padding:0 0 15px}.bk-main .bk-hero-copy h1{font-size:clamp(34px,4.4vw,62px);line-height:1.06;letter-spacing:-.035em;margin:22px 0}.bk-main .bk-hero-copy p{font-size:18px;max-width:510px;line-height:1.65;color:#b8c5ce}.bk-main .bk-eyebrow{font-size:11px;color:#b9c8d2;letter-spacing:.16em}.bk-hero-copy .bk-actions{gap:12px}.bk-hero-copy .bk-actions a{min-height:48px;gap:20px;display:inline-flex;align-items:center;justify-content:center}
.bk-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:4px 0 36px}.bk-category{position:relative;isolation:isolate;overflow:hidden;min-height:140px;border:1px solid #2a3c4a;border-radius:12px;background:#0d1720;padding:25px;font-size:20px;font-weight:650;line-height:1.3;transition:border-color .2s,transform .2s}.bk-category>span{position:relative;z-index:2;display:block;max-width:55%}.bk-category .bk-category-arrow{margin-top:20px;color:#afbdc8;font-size:23px}.bk-category i{position:absolute;z-index:0;inset:0 0 0 42%;background-image:url('/assets/becker-visual/hero.jpg');background-repeat:no-repeat;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 25%)}.bk-category-vanes i{background-size:430%;background-position:75% 89%}.bk-category-filters i{background-size:380%;background-position:100% 66%}.bk-category-pumps i{background-size:225%;background-position:78% 34%}.bk-category:hover{border-color:#ed1c24;transform:translateY(-2px)}
.bk-catalog-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:20px}.bk-catalog-heading h2{margin:0!important;font-size:32px}.bk-catalog-heading>span,.bk-catalog-note{font-size:14px;color:#9daab5}.bk-main #catalog{scroll-margin-top:24px;margin-top:0}
.bk-main .bk-search{display:grid;grid-template-columns:minmax(0,1fr) 210px 130px;padding:18px;gap:14px;border-radius:12px;align-items:end}.bk-main .bk-search-field{grid-column:auto}.bk-main .bk-search:not(:has(.bk-model-field)){grid-template-columns:minmax(0,1fr) 130px}.bk-main .bk-find{min-height:46px;margin:0}.bk-main .bk-extra-filters{padding:0;border:0;grid-column:1/-1}.bk-main .bk-extra-filters summary{padding:0;font-size:13px;color:#bac7d0}.bk-main .bk-filter-fields{padding-top:18px}.bk-reset{display:inline-block;padding:10px 0;color:#ff858a}.bk-main .bk-suggest{position:absolute;top:100%;left:0;right:0;max-height:320px;overflow:auto;border-radius:8px}.bk-catalog-note{margin:14px 0 22px}
.bk-main .bk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bk-main .bk-card{padding:16px;border-radius:12px;transition:border-color .2s}.bk-main .bk-card:hover{border-color:#647986}.bk-main .bk-card img{height:220px;background:#f1f3f4;padding:12px;box-sizing:border-box}.bk-main .bk-card h3{font-size:18px;line-height:1.45;margin:18px 0 10px}.bk-main .bk-card p{margin:6px 0;font-size:14px}.bk-main .bk-card p:empty{display:none}.bk-main .bk-card>.redbtn{width:100%;margin-top:18px;text-align:center;box-sizing:border-box}.bk-main #nameplate{padding:28px;border:1px solid #2a3c4a;border-radius:16px;background:linear-gradient(130deg,#16232e,#0b151e)}.bk-main #nameplate h2{margin-top:0}.bk-main #nameplate .bk-form{padding:0;background:none;border:0}
@media(max-width:1000px){.bk-main .bk-visual-hero{min-height:420px}.bk-hero-copy{width:52%}.bk-main .bk-hero-copy h1{font-size:42px}.bk-category{font-size:17px;padding:20px}.bk-main .bk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.bk-main .bk-visual-hero{display:block;min-height:0;padding:22px 0 260px}.bk-hero-copy{width:100%;padding:0}.bk-main .bk-hero-copy h1{font-size:38px;max-width:500px}.bk-main .bk-hero-copy p{font-size:16px}.bk-hero-art{width:100%;height:310px;top:auto;bottom:0;object-position:75% 55%}.bk-visual-hero:after{background:linear-gradient(180deg,#071018 0%,#071018 42%,transparent 64%)}.bk-hero-copy .bk-actions a{width:auto;flex:1;font-size:13px;padding:12px;gap:8px}.bk-categories{gap:8px;margin-bottom:26px}.bk-category{min-height:130px;padding:12px 10px;font-size:14px;display:flex;flex-direction:column;justify-content:space-between}.bk-category>span{max-width:100%}.bk-category .bk-category-arrow{margin:0}.bk-category i{inset:36% 0 0 5%;opacity:.5}.bk-catalog-heading{display:block}.bk-catalog-heading h2{font-size:26px}.bk-catalog-heading>span{display:block;margin-top:8px}.bk-main .bk-search,.bk-main .bk-search:not(:has(.bk-model-field)){grid-template-columns:1fr 96px;padding:14px;gap:12px}.bk-main .bk-search-field{grid-column:1/-1}.bk-main .bk-search:not(:has(.bk-model-field)) .bk-find{grid-column:1/-1}.bk-main .bk-filter-fields{grid-template-columns:1fr}.bk-main .bk-grid{grid-template-columns:1fr}.bk-main .bk-card img{height:240px}.bk-main #nameplate{padding:18px}.bk-main .bk-eyebrow{font-size:10px}.bk-main .bk-section{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.bk-category,.bk-main .bk-card{transition:none}}
/* Layout correction: explicit columns, contained art and independent category images. */
body[data-becker-page] .bk-main{box-sizing:border-box;width:100%;max-width:1440px;margin-inline:auto;padding-inline:32px}
.bk-main .bk-visual-hero{display:grid;grid-template-columns:46% 54%;min-height:0;padding:28px 32px;border-radius:18px;background:#09131c;overflow:hidden;align-items:center;box-sizing:border-box}
.bk-hero-copy{grid-column:1;grid-row:1;width:auto;min-width:0;padding:12px 0;position:relative;z-index:1}
.bk-main .bk-hero-copy h1{font-size:clamp(32px,3.5vw,50px);line-height:1.1;margin:18px 0;max-width:570px}
.bk-main .bk-hero-copy p{font-size:17px;line-height:1.65;margin:0;max-width:470px}
.bk-hero-art{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:auto;max-height:420px;object-fit:contain;object-position:center;z-index:0;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 94%,transparent 100%)}
.bk-visual-hero:after{display:none}.bk-hero-copy .bk-actions{margin-top:24px}.bk-hero-copy .bk-actions a{box-sizing:border-box;padding:12px 17px;gap:12px}
.bk-categories{margin:18px 0 30px;gap:16px}.bk-category{display:grid;grid-template-columns:48% 52%;grid-template-rows:1fr auto;align-items:center;min-height:145px;padding:20px 22px;box-sizing:border-box;font-size:18px}.bk-category>span{max-width:100%;grid-column:1;grid-row:1}.bk-category .bk-category-arrow{grid-row:2;margin-top:10px}.bk-category img{grid-column:2;grid-row:1/3;width:100%;height:105px;object-fit:contain;border-radius:8px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
@media(max-width:1050px){.bk-main .bk-visual-hero{padding:24px;grid-template-columns:49% 51%}.bk-main .bk-hero-copy h1{font-size:38px}.bk-category{padding:18px;font-size:16px}.bk-hero-copy .bk-actions a{font-size:13px;gap:8px}}
@media(max-width:760px){body[data-becker-page] .bk-main{padding-inline:18px}.bk-main .bk-visual-hero{grid-template-columns:1fr;padding:26px 24px 14px}.bk-hero-copy{grid-column:1;grid-row:1;padding:0}.bk-main .bk-hero-copy h1{font-size:36px}.bk-main .bk-hero-copy p{font-size:16px}.bk-hero-art{grid-column:1;grid-row:2;width:100%;height:auto;max-height:300px;margin-top:10px;object-fit:contain}.bk-categories{gap:10px}.bk-category{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:16px 12px;font-size:14px}.bk-category>span{min-height:36px}.bk-category img{order:2;width:100%;height:76px;margin-top:10px}.bk-category .bk-category-arrow{order:3;min-height:0;margin-top:8px}.bk-hero-copy .bk-actions a{flex:1;width:auto}.bk-main .bk-eyebrow{font-size:10px;line-height:1.6;display:block}}
@media(max-width:400px){body[data-becker-page] .bk-main{padding-inline:12px}.bk-main .bk-visual-hero{padding:24px 20px 10px}.bk-main .bk-hero-copy h1{font-size:32px}.bk-hero-copy .bk-actions{gap:8px}.bk-hero-copy .bk-actions a{padding:12px 9px;font-size:12px}.bk-categories{gap:8px}.bk-category{padding:14px 10px;font-size:13px}}
.bk-hero-art{mask-image:linear-gradient(90deg,transparent,#000 18%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 89%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 89%,transparent);-webkit-mask-composite:source-in}