body #main-content>section.home-branches{padding:0}
body.hb-reading .mobile-action-bar{visibility:hidden;pointer-events:none}
.home-branches{position:relative;isolation:isolate;border-block:1px solid #bdcfb9;color:#004959;background:linear-gradient(110deg,#fafbe799,#e7f2e52b),url('/assets/lumi/sky-liguria.webp') center/cover;scroll-margin-top:80px}
.home-branches *{box-sizing:border-box}.hb-head{max-width:1200px;margin:0 auto;padding:30px 30px 16px;display:flex;align-items:center;justify-content:space-between;gap:25px}.hb-head h2{font:700 clamp(27px,3.1vw,45px)/1.14 Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0}.hb-head>a{font-size:13px;white-space:nowrap;color:inherit;text-underline-offset:5px}.hb-window{overflow:hidden}.hb-track{display:grid}.hb-panel{max-width:1200px;width:100%;margin:auto;padding:25px 30px 40px;display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;align-items:center}.hb-copy h3{font:700 clamp(31px,3.8vw,54px)/1.12 Manrope,sans-serif;letter-spacing:-.045em;margin:12px 0 20px}.hb-count{font:650 12px Manrope;color:#567d6c}.hb-copy address{font-style:normal;font-size:16px;line-height:1.65;max-width:33ch}.hb-hours{font-size:13px;line-height:1.65;color:#426b60;margin:13px 0 23px;max-width:40ch}.hb-actions{display:flex;gap:15px 24px;align-items:center;flex-wrap:wrap}.hb-actions>a:not(.pe-action){font-size:13px;color:#004959;text-underline-offset:5px}.hb-photo{position:relative;margin:0;padding:10px 10px 25px;background:#fffdf0;box-shadow:0 12px 30px #355c5120,0 1px 2px #355c5133;border-radius:3px 38px 3px 3px;transform:rotate(-1deg)}.hb-photo>img{display:block;width:100%;height:clamp(240px,36vh,390px);object-fit:cover;border-radius:1px 29px 1px 1px}.hb-photo figcaption{position:absolute;right:15px;bottom:-14px;padding:11px 22px;background:#f8fae8;border:1px solid #d0dbbb;border-radius:40px;box-shadow:0 4px 12px #355c5114;font:650 13px Manrope}.hb-photo>.hb-guide{position:absolute;right:9%;top:-18px;width:115px;height:115px;object-fit:contain;z-index:2;pointer-events:none}.hb-controls{display:none}.hb-live{height:calc(100svh - var(--hb-nav,80px));min-height:600px;display:flex;flex-direction:column}.hb-live .hb-head{width:100%;flex:none}.hb-live .hb-window{flex:1;min-height:0;display:flex;align-items:center}.hb-live .hb-track{display:flex;width:100%;align-items:center}.hb-live .hb-panel{flex:0 0 100%;max-width:none;padding-inline:max(30px,calc((100vw - 1140px)/2));margin:0}.hb-live .hb-controls{display:flex;gap:14px;align-items:center;justify-content:center;padding:18px 30px 24px;border-top:1px solid #adc4a675;flex:none}.hb-controls button{font:600 12px Manrope;color:#004959;background:transparent;border:0;min-height:44px;padding:8px 12px;cursor:pointer}.hb-dots{display:flex;gap:4px}.hb-dots [aria-current]{background:#fffdef;border-radius:4px 15px;color:#004959;box-shadow:0 2px 8px #426b6010}.hb-controls button:disabled{opacity:.35;cursor:default}.hb-controls .hb-pause{margin-left:20px;text-decoration:underline;text-underline-offset:5px}.hb-controls button:focus-visible,.home-branches a:focus-visible{outline:3px solid #397b78;outline-offset:4px}.hb-static-toggle{display:block;margin:10px auto 25px;border:0;background:transparent;color:#004959;text-decoration:underline;padding:12px;cursor:pointer}.hb-live .hb-static-toggle{display:none}
@media(max-width:760px){.hb-head{padding:24px 22px 10px;display:block}.hb-head>a{display:inline-block;margin-top:5px}.hb-head h2{font-size:28px}.hb-panel{grid-template-columns:1fr;gap:24px;padding:20px 22px 40px}.hb-copy h3{font-size:30px;margin:8px 0 12px}.hb-copy address{font-size:14px;max-width:none}.hb-hours{font-size:12px;margin:8px 0 15px;max-width:none}.hb-photo{width:88%;margin:12px auto 0;padding:7px 7px 17px}.hb-photo>img{height:180px}.hb-photo>.hb-guide{width:78px;height:78px;top:-12px;right:6%}.hb-photo figcaption{font-size:11px;padding:8px 14px}.hb-live{min-height:640px}.hb-live .hb-panel{padding:12px 22px 23px;gap:14px}.hb-live .hb-controls{padding:8px 12px;gap:2px;flex-wrap:wrap}.hb-dots{gap:0;justify-content:center}.hb-dots button{padding:8px 7px;font-size:11px}.hb-controls .hb-pause{margin-left:0;font-size:11px}.hb-head .lumi-eyebrow{font-size:11px}.hb-actions{gap:14px}.hb-actions>a:not(.pe-action){font-size:12px}}
@media(max-height:740px) and (min-width:761px){.hb-live{min-height:500px}.hb-head{padding-top:15px}.hb-head h2{font-size:32px}.hb-photo>img{height:240px}.hb-copy h3{font-size:38px}.hb-controls{padding-block:8px!important}}

@media(max-width:760px){.hb-live{height:calc(100svh - var(--hb-nav,64px));min-height:0}.hb-live .hb-photo>img:not(.hb-guide){height:145px}.hb-live .hb-controls{padding:5px 70px 5px 15px;gap:0}.hb-dots button{font-size:0;min-width:29px;padding:6px}.hb-dots button::after{content:attr(data-hb-number);font-size:12px}.hb-controls>[data-hb-prev],.hb-controls>[data-hb-next]{width:30px;padding:4px}.hb-controls .hb-pause{min-height:30px;padding:5px 10px}.hb-live .hb-head h2{font-size:26px}.hb-live .hb-head{padding-top:17px}.hb-live .hb-panel{gap:10px;padding-top:8px;padding-bottom:20px}.hb-live .hb-copy h3{font-size:27px;margin:5px 0 8px}}

/* Short desktops still get the scroll journey; compact geometry instead of disabling it. */
@media(max-height:690px) and (min-width:761px){.hb-live{min-height:420px}.hb-head{padding:12px 30px 8px}.hb-head h2{font-size:28px;margin-block:4px}.hb-live .hb-panel{padding-block:12px 18px}.hb-photo>img{height:190px}.hb-photo>.hb-guide{height:82px;width:82px}.hb-copy h3{font-size:31px;margin-block:7px 12px}.hb-copy address{font-size:14px}.hb-hours{margin-block:8px 12px;font-size:12px}.hb-live .hb-controls{padding-block:4px!important}}
