/* Standalone styles extracted from preview version 96; scoped to .bbe-brands. */
.bbe-brands{color:#10193a;font-family:"PingFang HK","Noto Sans HK","Microsoft JhengHei",Arial,sans-serif;font-size:14px;line-height:1.6}
.bbe-brands *{box-sizing:border-box}
.bbe-brands a{color:inherit;text-decoration:none;touch-action:manipulation}
.bbe-brands button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0;touch-action:manipulation}
.bbe-brands img{vertical-align:middle}
.bbe-brands button:focus-visible,.bbe-brands a:focus-visible,.bbe-brands .home-brand-stories:focus-visible{outline:2px solid #9a793b;outline-offset:5px}
.bbe-brands .ui-icon{display:block;width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.bbe-brands .home-brand-stories:focus-visible { outline:2px solid #9a793b;outline-offset:5px }
.bbe-brands .home-text-link { display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#80632e;padding:5px 0;white-space:nowrap }
.bbe-brands .home-section { margin:58px 0;scroll-margin-top:200px }
.bbe-brands .home-section-heading { display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:25px }
.bbe-brands .home-section-heading h1,
.bbe-brands .home-section-heading h2 { font-size:25px;letter-spacing:-.025em;line-height:1.5;margin:0;font-weight:600 }
.bbe-brands .home-section-heading p { margin:12px 0 0;color:#7b8088;font-size:14px;line-height:1.7 }
.bbe-brands .home-section-actions { display:flex;align-items:center;gap:26px }
.bbe-brands .home-brand-section { padding:44px 0 28px;border-block:1px solid #e4e1da }
.bbe-brands .home-brand-section .home-section-heading { align-items:flex-end;margin-bottom:30px }
.bbe-brands .home-brand-section h2 { font-size:30px }
.bbe-brands .home-brand-stories { display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 66px)/4);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 12px }
.bbe-brands .home-brand-stories::-webkit-scrollbar { display:none }
.bbe-brands .home-brand-story { position:relative;min-width:0;display:block;scroll-snap-align:start }
.bbe-brands .home-brand-scene { height:210px;overflow:hidden;border-radius:7px 7px 0 0;background:#f1f0ec;position:relative }
.bbe-brands .home-brand-scene img { position:absolute;max-width:none;width:200%;height:100%;object-fit:cover;transition:transform .5s }
.bbe-brands .home-brand-scene.left img { left:0 }
.bbe-brands .home-brand-scene.right img { right:0 }
.bbe-brands .home-brand-story:hover .home-brand-scene img { transform:scale(1.025) }
.bbe-brands .home-brand-plaque { position:relative;margin:-30px 0 0 20px;width:150px;height:76px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:3px;box-shadow:0 3px 13px #29261f0c }
.bbe-brands .home-brand-plaque>img { width:112px;height:40px;object-fit:cover }
.bbe-brands .home-brand-caption { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 5px 15px 20px }
.bbe-brands .home-brand-caption>span { display:flex;flex-direction:column;gap:7px }
.bbe-brands .home-brand-caption strong { font-size:13px;font-weight:600;letter-spacing:.035em }
.bbe-brands .home-brand-caption small { font-size:12px;color:#80858d }
.bbe-brands .home-brand-caption>.ui-icon { width:17px;height:17px;color:#8c7850;margin-right:10px;transition:transform .2s }
.bbe-brands .home-brand-story:hover .home-brand-caption>.ui-icon { transform:translate(2px,-2px) }
@media(max-width:1100px) {
.bbe-brands .home-brand-stories { grid-auto-columns:calc((100% - 44px)/3) }
.bbe-brands .home-brand-scene { height:190px }
.bbe-brands .home-section-heading h1 { font-size:23px }
}
@media(max-width:700px) {
.bbe-brands .home-section { margin:36px 0;scroll-margin-top:140px }
.bbe-brands .home-section-heading { gap:14px;margin-bottom:20px;align-items:flex-start }
.bbe-brands .home-section-heading h1 { font-size:18px;max-width:12em }
.bbe-brands .home-section-heading h2 { font-size:22px }
.bbe-brands .home-text-link { font-size:12px }
.bbe-brands .home-section-actions { gap:15px }
.bbe-brands .home-brand-section { padding:28px 0 22px }
.bbe-brands .home-brand-section .home-section-heading { align-items:center }
.bbe-brands .home-brand-section h2 { font-size:26px }
.bbe-brands .home-brand-section .home-section-heading p { font-size:13px;max-width:16em;margin-top:9px }
.bbe-brands .home-brand-stories { grid-auto-columns:78%;gap:17px }
.bbe-brands .home-brand-scene { height:200px }
.bbe-brands .home-brand-plaque { margin-left:18px;width:144px;height:72px }
.bbe-brands .home-brand-caption { padding-left:18px }
}
@media(prefers-reduced-motion:reduce) {
.bbe-brands .home-brand-scene img,
.bbe-brands .home-brand-caption>.ui-icon { transition:none }
}
.bbe-brands .home-brand-carousel { position:relative }
.bbe-brands .home-brand-nav { position:absolute;z-index:2;top:86px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #ded7c8;border-radius:50%;background:#fff;color:#886a30;box-shadow:0 3px 12px #10193a12;transition:background .2s,opacity .2s }
.bbe-brands .home-brand-nav.prev { left:-19px }
.bbe-brands .home-brand-nav.next { right:-19px }
.bbe-brands .home-brand-nav.prev .ui-icon { transform:rotate(180deg) }
.bbe-brands .home-brand-nav:hover:not(:disabled) { color:#fff;background:#10193a;border-color:#10193a }
.bbe-brands .home-brand-nav:disabled { opacity:.4;cursor:default;box-shadow:none }
.bbe-brands .home-brand-nav .ui-icon { width:20px;height:20px }
.bbe-brands .home-brand-scene.full img { left:0;width:100%;object-fit:cover }
.bbe-brands .home-brand-story:last-child .home-brand-plaque>img { object-fit:cover }
@media(max-width:1100px) {
.bbe-brands .home-brand-nav { top:76px }
}
@media(max-width:700px) {
.bbe-brands .home-brand-carousel { margin:0 3px }
.bbe-brands .home-brand-nav { top:79px;width:40px;height:40px }
.bbe-brands .home-brand-nav.prev { left:-10px }
.bbe-brands .home-brand-nav.next { right:-10px }
.bbe-brands .home-brand-nav .ui-icon { width:19px;height:19px }
.bbe-brands .home-brand-nav:disabled { opacity:.25 }
}
@media(prefers-reduced-motion:reduce) {
.bbe-brands .home-brand-nav { transition:none }
}
.bbe-brands .home-brand-section .home-brand-assurance { display:flex;align-items:center;gap:8px;color:#65718a;font-size:14px;line-height:1.7;margin:12px 0 0 }
.bbe-brands .home-brand-assurance .ui-icon { width:18px;height:18px;color:#a2803b;stroke-width:1.6 }
@media(max-width:700px) {
.bbe-brands .home-brand-section .home-brand-assurance { font-size:13px;margin-top:10px;gap:7px }
.bbe-brands .home-brand-assurance .ui-icon { width:17px;height:17px }
}
@media(max-width:700px) {
.bbe-brands .home-section { margin-block:28px }
.bbe-brands .home-section-heading { margin-bottom:16px }
.bbe-brands .home-brand-section { padding:22px 0 18px }
}
@media(max-width:700px) {
.bbe-brands .home-brand-stories { grid-auto-columns:calc((100% - 12px)/2);gap:12px;padding:2px 0 8px }
.bbe-brands .home-brand-scene { height:auto;aspect-ratio:4/3;min-height:108px;border-radius:5px 5px 0 0 }
.bbe-brands .home-brand-plaque { width:calc(100% - 16px);max-width:150px;height:56px;margin:-20px auto 0 }
.bbe-brands .home-brand-plaque>img { width:112px;height:40px }
.bbe-brands .home-brand-caption { align-items:flex-start;gap:4px;padding:12px 5px 8px }
.bbe-brands .home-brand-caption>span { gap:4px;min-width:0 }
.bbe-brands .home-brand-caption strong { font-size:12px;letter-spacing:0;line-height:1.5;overflow-wrap:anywhere }
.bbe-brands .home-brand-caption small { font-size:12px;line-height:1.5 }
.bbe-brands .home-brand-caption>.ui-icon { width:15px;height:15px;margin:2px 0 0;flex-shrink:0 }
.bbe-brands .home-brand-nav { top:calc((100vw - 38px)*.1875 - 20px) }
.bbe-brands .home-brand-nav.prev { left:-10px }
.bbe-brands .home-brand-nav.next { right:-10px }
}
.bbe-brands .home-brand-plaque { background:#fff }
.bbe-brands .home-brand-story .home-brand-plaque>img.home-brand-original-mark { width:128px;max-width:calc(100% - 24px);height:44px;object-fit:contain;filter:none }
.bbe-brands .home-brand-caption strong { font-size:13px;font-weight:500;letter-spacing:0;color:#65718a }
@media(max-width:700px) {
.bbe-brands .home-brand-story .home-brand-plaque>img.home-brand-original-mark { width:116px;height:38px;max-width:calc(100% - 20px) }
.bbe-brands .home-brand-caption strong { font-size:12px }
}
.bbe-brands .home-brand-plaque.home-brand-plaque-miele { background:#8c0014 }
.bbe-brands .home-brand-plaque.home-brand-plaque-germanpool { background:#08519c }
.bbe-brands .home-brand-story .home-brand-plaque-miele>img.home-brand-original-mark,
.bbe-brands .home-brand-story .home-brand-plaque-germanpool>img.home-brand-original-mark { display:block;width:100%;max-width:100%;height:100%;object-fit:contain;border-radius:inherit }
.bbe-brands .home-brand-plaque.home-brand-plaque-fisherpaykel { background:#000;overflow:hidden }
.bbe-brands .home-brand-story .home-brand-plaque-fisherpaykel>img.home-brand-supplied-mark { display:block;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center 47%;border-radius:inherit;filter:none }
@media(min-width:1101px) {
.bbe-brands .home-brand-five .home-brand-stories { grid-auto-columns:calc((100% - 90px - 44px)/5);gap:18px }
.bbe-brands .home-brand-five .home-brand-scene { height:188px }
.bbe-brands .home-brand-five .home-brand-nav { top:72px }
}
.bbe-brands .home-brand-five .home-brand-scene-whirlpool img { width:100%;height:100%;left:0;object-fit:cover;object-position:center }
.bbe-brands .home-brand-story .home-brand-plaque>img.home-brand-logo-sharp:not(.home-brand-original-mark):not(.home-brand-supplied-mark):not(.home-brand-fisher-vector) { display:block;width:120px;max-width:calc(100% - 24px);height:40px;object-fit:contain;filter:none;transform:none }
.bbe-brands .home-brand-story .home-brand-plaque-germanpool>img.home-brand-original-mark { width:100%;max-width:135px;height:100%;object-fit:contain }
@media(max-width:700px) {
.bbe-brands .home-brand-story .home-brand-plaque>img.home-brand-logo-sharp:not(.home-brand-original-mark):not(.home-brand-supplied-mark):not(.home-brand-fisher-vector) { width:112px;max-width:calc(100% - 20px);height:38px }
.bbe-brands .home-brand-story .home-brand-plaque-germanpool>img.home-brand-original-mark { max-width:min(135px,100%) }
}

/* Hide unavailable brand navigation without shifting the cards. */
.bbe-brands .home-brand-nav:disabled{visibility:hidden;pointer-events:none}

/* Original vector paths keep the small Fisher & Paykel wordmark crisp. */
.bbe-brands .home-brand-story .home-brand-plaque-fisherpaykel>img.home-brand-logo-sharp.home-brand-fisher-vector{display:block;width:126px;max-width:calc(100% - 20px);height:40px;object-fit:contain;filter:none;transform:none}
@media(max-width:700px){.bbe-brands .home-brand-story .home-brand-plaque-fisherpaykel>img.home-brand-logo-sharp.home-brand-fisher-vector{width:126px;max-width:calc(100% - 18px);height:36px}}

/* Fit this section into the existing Journal homepage wrapper only. */
html.route-common-home .journal2_carousel:has(> .bbe-brands){background:#fff!important;padding:0!important}
html.route-common-home .journal2_cms_blocks:has(+ .journal2_carousel > .bbe-brands){display:none}
html.route-common-home .journal2_carousel:has(> .bbe-brands) + .journal2_cms_blocks:has(a[href$="/all-brands"]){display:none}
/* Match the homepage blog container: 1400px outer width and 5px content inset. */
.bbe-brands{max-width:1400px;margin-inline:auto;padding-inline:5px}
.bbe-brands .home-brand-stories{padding-inline:0}
.bbe-brands .home-brand-carousel{margin-inline:0}
@media(max-width:1439px){
.bbe-brands .home-brand-nav.prev{left:0}
.bbe-brands .home-brand-nav.next{right:0}
}