/* Home page only. Native Odoo Text-Image hero, no embedded page HTML. */
.bobbly-home-hero{padding:76px 0 80px!important;font-family:var(--bobbly-font-body);-webkit-font-smoothing:antialiased;background:#fff;color:#111713}
.bobbly-home-hero>.container{width:min(1200px,calc(100% - 112px));max-width:none;padding:0;margin-inline:auto}
.bobbly-home-hero>.container>.row{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:24px;align-items:center;margin:0}
.bobbly-home-hero>.container>.row>div{width:auto;min-width:0;margin:0;padding:0;max-width:none}
.bobbly-home-hero p,.bobbly-home-hero h1,.bobbly-home-hero h3{margin:0}
.bobbly-home-hero p :is(span,font,strong),.bobbly-home-hero h3 :is(span,font,strong){font:inherit!important;line-height:inherit!important;color:inherit!important;letter-spacing:inherit!important}
.bobbly-home-hero .row>div:first-child{position:relative;z-index:1}
.bobbly-home-hero .row>div:first-child>p:first-child{font-size:11px;line-height:1.6;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#1d915c;margin-bottom:24px}
.bobbly-home-hero h1{font-family:var(--bobbly-font-heading);font-weight:700;font-size:clamp(40px,4.2vw,61px);line-height:1.09;letter-spacing:-.052em;color:#111713}
.bobbly-home-hero h3{margin-top:16px;font-family:var(--bobbly-font-heading);font-weight:700;font-size:clamp(24px,2.25vw,33px);line-height:1.2;letter-spacing:-.04em;color:#1d915c}
.bobbly-home-hero h3+p{margin-top:27px;max-width:510px;font-size:18px;line-height:1.75;color:var(--bobbly-body)}
.bobbly-home-hero h3+p+p{margin-top:32px;font-size:0;line-height:0}
.bobbly-home-hero .row>div:first-child>p:last-child{max-width:350px;margin-top:12px;font-size:12px;line-height:1.7;color:var(--bobbly-body)}
.bobbly-home-hero .row>div:last-child{padding-top:18px;align-self:center}
.bobbly-home-hero .row>div:last-child img{display:block;width:100%;max-width:100%;height:auto;border-radius:0!important}
.bobbly-home-hero .row>div:last-child>p{margin:8px auto 0;max-width:330px;text-align:center;color:#65776b;font-size:12px;line-height:1.6}
@media(min-width:1500px){.bobbly-home-hero{padding-top:98px!important}}
@media(min-width:768px) and (max-width:1199px){.bobbly-home-hero>.container>.row{gap:42px}}
@media(min-width:768px) and (max-width:1050px){.bobbly-home-hero>.container{width:calc(100% - 72px)}.bobbly-home-hero>.container>.row{gap:20px}.bobbly-home-hero{padding-top:65px!important}.bobbly-home-hero h1{font-size:43px}.bobbly-home-hero h3{font-size:26px}.bobbly-home-hero h3+p{font-size:16px}}
@media(max-width:767px){.bobbly-home-hero{padding:48px 0 46px!important}.bobbly-home-hero>.container{width:calc(100% - 48px)}.bobbly-home-hero>.container>.row{grid-template-columns:1fr;gap:36px}.bobbly-home-hero .row>div:first-child>p:first-child{margin-bottom:21px;font-size:10px}.bobbly-home-hero h1{font-size:clamp(34px,8.8vw,52px);letter-spacing:-.05em;line-height:1.12}.bobbly-home-hero h3{font-size:25px;margin-top:16px}.bobbly-home-hero h3+p{font-size:16px;line-height:1.75;margin-top:23px;max-width:460px}.bobbly-home-hero h3+p+p{margin-top:28px}.bobbly-home-hero .row>div:last-child{max-width:460px;justify-self:center;padding-top:0;width:100%}.bobbly-home-hero .row>div:last-child>p{font-size:11px;margin-top:0}}

.bobbly-home-hero .row>div:last-child>span{display:block;margin:8px auto 0;max-width:330px;text-align:center;color:#65776b;font-size:12px!important;line-height:1.6;font-weight:400;letter-spacing:normal}
@media(max-width:767px){.bobbly-home-hero .row>div:last-child>span{font-size:11px!important;margin-top:0}}

/* Normalise native important spacing utilities in this section only. */
.bobbly-home-hero>.container>.row>div{padding-top:0!important;padding-bottom:0!important}
.bobbly-home-hero>.container>.row>div:last-child{padding-top:18px!important}
@media(max-width:767px){.bobbly-home-hero>.container>.row>div:last-child{padding-top:0!important}}

/* Native Key benefits block. Homepage only, using native text and image widgets. */
.bobbly-home-benefits{padding:0!important;border-top:1px solid var(--bobbly-line);border-bottom:1px solid var(--bobbly-line);background:#f6faf7;font-family:var(--bobbly-font-body);-webkit-font-smoothing:antialiased}
.bobbly-home-benefits>.container{width:min(1200px,calc(100% - 112px));max-width:none;margin-inline:auto;padding:32px 0}
.bobbly-home-benefits>.container>.lead:empty{display:none}
.bobbly-home-benefits>.container>.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.bobbly-home-benefits>.container>.row>div{width:auto;max-width:none;min-width:0;display:grid;grid-template-columns:42px fit-content(calc(100% - 59px));column-gap:17px;row-gap:7px;align-content:center;align-items:start;padding:0 24px!important;border-left:1px solid var(--bobbly-line)}
.bobbly-home-benefits>.container>.row>div:first-child{padding-left:0!important;border-left:0}
.bobbly-home-benefits>.container>.row>div:last-child{padding-right:0!important}
.bobbly-home-benefits .row>div>h3{grid-column:2;grid-row:1;margin:0;font:700 16px/1.4 var(--bobbly-font-heading);font-size:16px!important;letter-spacing:-.025em;color:#111713}
.bobbly-home-benefits .row>div>p:not(:has(img)){grid-column:2;grid-row:2;margin:0;font:400 13px/1.6 var(--bobbly-font-body);color:var(--bobbly-body)}
.bobbly-home-benefits :is(h3,p) :is(span,font,strong){font:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important}
.bobbly-home-benefits .row>div>img,.bobbly-home-benefits .row>div>p:has(img){grid-column:1;grid-row:1/span 2;align-self:center;width:42px;height:42px;margin:0;padding:0}
.bobbly-home-benefits .row>div img{display:block;width:42px!important;height:42px!important;max-width:none;border-radius:0!important;object-fit:contain}
@media(min-width:768px) and (max-width:1050px){.bobbly-home-benefits>.container{width:calc(100% - 72px)}.bobbly-home-benefits>.container>.row>div{grid-template-columns:34px fit-content(calc(100% - 46px));column-gap:12px;padding-inline:16px!important}.bobbly-home-benefits .row>div>h3{font-size:14px!important}.bobbly-home-benefits .row>div>img,.bobbly-home-benefits .row>div>p:has(img),.bobbly-home-benefits .row>div img{width:34px!important;height:34px!important}}
@media(max-width:767px){.bobbly-home-benefits>.container{width:calc(100% - 48px);padding-block:7px}.bobbly-home-benefits>.container>.row{grid-template-columns:1fr}.bobbly-home-benefits>.container>.row>div,.bobbly-home-benefits>.container>.row>div:first-child,.bobbly-home-benefits>.container>.row>div:last-child{padding:23px 0!important;border-left:0;border-top:1px solid var(--bobbly-line);grid-template-columns:42px fit-content(calc(100% - 60px));column-gap:18px;row-gap:5px}.bobbly-home-benefits>.container>.row>div:first-child{border-top:0}}