.brand-switch-row{display:flex;align-items:center;gap:16px;min-height:46px;border-top:1px solid #eceee7;padding-top:4px;padding-bottom:4px}.brand-switch-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#697164}.brand-switch-toggle{display:inline-flex;align-items:center;gap:18px;border:0;background:transparent;padding:7px 0;color:#202621;font-weight:800;font-size:15px}.brand-switch-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.brand-switch-note{margin-left:auto;font-size:11px;color:#63705e}.brands-dropdown li a{display:flex;align-items:center;gap:16px;padding:15px;border-bottom:1px solid #eef0e9;color:#1c261e;text-decoration:none;font-weight:800}.brand-menu-mark{width:5px;height:27px;background:var(--brand-color)}.brands-dropdown a.active{background:#f0f3e9}.brands-dropdown small{display:block;color:#647061;font-size:10px;font-weight:500;margin-top:3px}.brands-dropdown .brand-menu-arrow{margin-left:auto}.brands-dropdown .brand-menu-arrow svg{width:16px;height:16px}body[data-brand=knipex]{--brand-accent:#bd1730;--red:#bd1730}body[data-brand=wera]{--brand-accent:#087747;--red:#087747}body[data-brand=wera] .button-red{background:#087747;border-color:#087747}body[data-brand=knipex] .button-red{background:#bd1730;border-color:#bd1730}body[data-brand=wera] .product-brand,body[data-brand=wera] .detail-brand{color:#087747}body[data-brand=wera] .product-card:hover{border-color:#77a787}body[data-brand=wera] .brand-switch-toggle{color:#087747}body[data-brand=knipex] .brand-switch-toggle{color:#bd1730}#brand-home[hidden],.hero-carousel[hidden],.categories-section[hidden],.buying-guide[hidden],.filter-help[hidden],.header-nav [hidden]{display:none!important}.brand-hero{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;min-height:490px;padding:0;background:#f1eee7;overflow:hidden}.brand-hero-copy{padding:65px 48px;display:flex;flex-direction:column;align-items:flex-start}.brand-hero-copy .eyebrow{color:var(--brand-accent);letter-spacing:.1em}.brand-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:72px;line-height:1.04;margin:26px 0 24px;font-weight:700;letter-spacing:-.025em}.brand-hero-copy p{max-width:440px;font-size:15px;line-height:1.85;color:#576052}.brand-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:17px}.brand-hero-actions .text-link{font-size:12px}.brand-hero-foot{margin-top:auto;padding-top:40px;font-size:10px;letter-spacing:.12em;font-weight:700}.brand-hero-visual{position:relative;min-height:490px;background:#e4e4d8;overflow:hidden}.brand-background-word{position:absolute;top:15px;left:25px;font-family:'Barlow Condensed',sans-serif;font-size:145px;letter-spacing:-.035em;font-weight:800;color:#cacdbb;pointer-events:none}.brand-hero-product{position:absolute;inset:42px 32px 80px;display:flex;align-items:center;justify-content:center}.brand-hero-product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 10px #00000010)}.brand-hero-caption{position:absolute;bottom:26px;left:32px;right:32px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.brand-hero-caption>span{font-size:9px;letter-spacing:.12em;color:#61694f}.brand-hero-caption strong{grid-column:1;font-size:14px}.brand-hero-caption a{grid-row:1/3;grid-column:2;font-size:11px;display:flex;gap:12px;align-items:center;text-decoration:none}.brand-hero-secondary{position:absolute;right:18px;top:28px;width:105px;height:105px;display:flex;align-items:center;justify-content:center;background:#ffffffbd;border-radius:50%;box-shadow:0 2px 8px #00000008}.brand-hero-secondary img{width:82px;height:82px;object-fit:contain;mix-blend-mode:multiply}body[data-brand=wera] .brand-hero-copy{background:#123f2a;color:#fff}body[data-brand=wera] .brand-hero-copy .eyebrow{color:#b8d7ad}body[data-brand=wera] .brand-hero-copy p{color:#d5e3d1}body[data-brand=wera] .brand-hero-actions .button{background:#d8e9aa;color:#143c29;border-color:#d8e9aa}body[data-brand=wera] .brand-hero-actions .text-link{color:#e5efde}body[data-brand=wera] .brand-hero-visual{background:#e7ecd9}body[data-brand=wera] .brand-background-word{color:#d0d9bc}.brand-categories{padding-top:58px;padding-bottom:22px}.brand-categories h2{font-size:32px}.brand-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.brand-category{display:flex;position:relative;flex-direction:column;align-items:flex-start;min-height:210px;padding:18px;border:1px solid #dfe3d5;background:#fff;text-align:left;color:#222820;transition:border-color .18s,transform .18s}.brand-category:hover{border-color:var(--brand-accent);transform:translateY(-3px)}.brand-category-number{font-size:9px;letter-spacing:.1em;color:#7a806f}.brand-category img{height:120px;width:100%;object-fit:contain;margin:8px auto 13px}.brand-category strong{font-size:11px;line-height:1.5;padding-right:10px}.brand-category>.dx-arrow{position:absolute;right:12px;bottom:18px;width:14px;height:14px}.brand-set-section{padding-top:60px;padding-bottom:50px}.brand-set-link{text-align:center;padding-top:26px}.brand-set-section .section-heading p{font-size:13px;max-width:320px}.brand-switch-row~.header-nav{border-top:1px solid #eceee7}body[data-brand=wera] .category-pills .active{background:#123f2a;border-color:#123f2a}body[data-brand=knipex] .category-pills .active{background:#bd1730;border-color:#bd1730;color:#fff}
.dx-finder-form--hand{grid-template-columns:1fr 1fr auto}
.brand-tabs{display:flex;align-items:center;gap:7px}
.brand-tab{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid #dfe3d8;border-radius:3px;background:#f5f6f1;text-decoration:none;font-size:12px;font-weight:600;color:#465041;transition:background .15s,color .15s,border-color .15s}
.brand-tab:hover{background:#edf0e6;border-color:#b5bfab;color:#293326}
.brand-tab[aria-current=page]{background:#e8ece1;border-color:#bac4ae;color:#293326;font-weight:800;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--brand-color) 45%,#b4bfaa)}
.brand-tab[data-brand]{box-shadow:inset 0 -2px 0 var(--brand-color)}
.brand-tab:focus-visible{outline:2px solid #53674b;outline-offset:3px}
@media(min-width:1100px){.brand-switch-row{padding-left:280px}}
@media(max-width:1000px){.brand-hero h1{font-size:60px}.brand-hero-copy{padding:42px 28px}.brand-hero-actions{gap:16px}.brand-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-hero,.brand-hero-visual{min-height:450px}.brand-background-word{font-size:110px}}
@media(max-width:640px){.brand-switch-row{min-height:40px;gap:12px}.brand-switch-label{font-size:9px}.brand-switch-toggle{font-size:13px}.brand-switch-note{font-size:9px}.brand-hero{grid-template-columns:1fr;margin-top:14px;min-height:0}.brand-hero-copy{padding:30px 24px}.brand-hero h1{font-size:49px;margin:18px 0}.brand-hero-copy p{font-size:13px}.brand-hero-foot{padding-top:24px}.brand-hero-visual{min-height:320px}.brand-hero-product{inset:25px 45px 64px}.brand-background-word{font-size:112px}.brand-hero-secondary{width:76px;height:76px;top:16px}.brand-hero-secondary img{width:62px;height:62px}.brand-hero-caption{left:24px;right:24px;bottom:18px}.brand-hero-caption strong{font-size:12px}.brand-hero-actions .button{font-size:12px}.brand-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-category{min-height:185px;padding:15px}.brand-category img{height:100px}.brand-categories{padding-top:34px}.brand-categories h2{font-size:28px}.brand-switch-note{max-width:100px;text-align:right;line-height:1.4}.brand-set-section{padding-top:36px}}

@media(max-width:700px){.dx-finder-form--hand{grid-template-columns:1fr}}
@media(max-width:640px){.brand-tabs{gap:6px}.brand-tab{padding:9px 14px;font-size:11px}.brand-switch-note{display:none}.brand-switch-row{gap:13px;min-height:48px}}

/* Hand-tool brands share Milwaukee's full-width banner and carousel layout. */
.brand-hero-carousel[data-hero-brand=knipex]{--hero-brand-ink:#211a1c;--hero-brand-panel:#ede5db;--hero-brand-watermark:#d8cabb;--hero-brand-bright:#ed393e}
.brand-hero-carousel[data-hero-brand=wera]{--hero-brand-ink:#123f2a;--hero-brand-panel:#e7ecd9;--hero-brand-watermark:#d0d9bc;--hero-brand-bright:#bedc91}
.brand-hero-carousel,.brand-hero-carousel .hero-controls{background:var(--hero-brand-ink)}
.brand-hero-carousel[data-hero-brand=wera] .hero-copy{box-sizing:border-box;min-height:var(--brand-hero-copy-height,0px)}
.brand-hero-carousel .hero-visual{background:var(--hero-brand-panel)}
.brand-hero-carousel .hero-big-type{color:var(--hero-brand-watermark);font-size:clamp(105px,10vw,155px);letter-spacing:-.035em;top:62px}
.brand-hero-carousel .hero-ring{border-color:var(--hero-brand-watermark);opacity:.75}
.brand-hero-carousel .hero-ring:before,.brand-hero-carousel .hero-ring:after{border-color:var(--hero-brand-watermark)}
.brand-hero-carousel h1 em{color:var(--hero-brand-bright)}
.brand-hero-carousel .hero-copy .eyebrow.light{color:#d7dfcf}
.brand-hero-carousel .hero-copy .eyebrow>span{background:var(--hero-brand-bright)}
.brand-hero-carousel .hero-cross{color:var(--brand-accent)}
.brand-hero-carousel .hero-dots button[aria-pressed=true]>span{background:var(--hero-brand-bright);box-shadow:0 0 0 4px color-mix(in srgb,var(--hero-brand-bright) 15%,transparent)}
.brand-hero-carousel .hero-image-wrap{inset:36px 20px 78px 56px;pointer-events:none}
.brand-hero-carousel .hero-image-wrap img{width:100%;height:100%;max-width:none;object-fit:contain;transform:rotate(-33deg);filter:drop-shadow(0 16px 10px #00000012)}
.brand-hero-carousel .hero-image-wrap:hover img{transform:rotate(-33deg)}
/* Animate the wrapper so each slide keeps its own product angle and scale.
   The visual panel remains the drag target; decorative photos ignore input. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .brand-hero-carousel .hero-image-wrap{transition:transform .6s ease}
  .brand-hero-carousel .hero-visual:hover:not(.is-dragging) .hero-image-wrap{transform:translateY(-6px) rotate(3deg)}
}
.brand-hero-carousel[data-hero-brand=wera] .hero-image-wrap img{transform:scale(1.2) rotate(-33deg)}
.brand-hero-carousel[data-hero-brand=knipex][data-hero-slide=tubix] .hero-image-wrap img{transform:rotate(-18deg)}
.brand-hero-carousel[data-hero-brand=knipex][data-hero-slide=modular-x18] .hero-image-wrap img{transform:scale(.9)}
.brand-hero-carousel[data-hero-brand=wera][data-hero-slide=kraftform-plus] .hero-image-wrap img,
.brand-hero-carousel[data-hero-brand=wera][data-hero-slide=kompakt] .hero-image-wrap img,
.brand-hero-carousel[data-hero-brand=wera][data-hero-slide=micro] .hero-image-wrap img{transform:rotate(-8deg)}
.brand-hero-carousel .hero-caption{max-width:calc(100% - 82px);left:54px}
.brand-hero-photo-note{display:block;font-size:10px;font-weight:400;color:#66705d;line-height:1.5;margin-top:3px}
@media(max-width:1100px){.brand-hero-carousel .hero-big-type{font-size:112px}.brand-hero-carousel .hero-image-wrap{inset:64px 20px 78px 36px}.brand-hero-carousel .hero-caption{left:36px;max-width:calc(100% - 65px)}}
@media(max-width:800px) and (min-width:601px){.brand-hero-carousel .hero-copy h1{font-size:clamp(58px,9vw,74px);min-height:2.94em}.brand-hero-carousel .hero-big-type{font-size:90px}.brand-hero-carousel .hero-image-wrap{inset:75px 12px 88px 25px}.brand-hero-carousel .hero-caption{left:25px;max-width:calc(100% - 45px)}.brand-hero-carousel .hero-caption div>span{font-size:11px}}
@media(max-width:600px){.brand-hero-carousel .hero-big-type{top:24px;left:24px;font-size:112px}.brand-hero-carousel .hero-image-wrap{inset:3px 16px 54px 24px}.brand-hero-carousel .hero-image-wrap img{transform:rotate(-27deg)}.brand-hero-carousel[data-hero-brand=wera] .hero-image-wrap img{transform:scale(1.22) rotate(-27deg)}.brand-hero-carousel .hero-caption{left:24px;max-width:calc(100% - 46px)}.brand-hero-photo-note{font-size:9px}.brand-hero-carousel .hero-copy h1{min-height:2.94em}}
@media(prefers-reduced-motion:reduce){.brand-hero-carousel .hero-image-wrap img{transform:none!important;filter:none}}
