:root{--br-cream:var(--wp--preset--color--cream,#FAF6EE);--br-magenta:var(--wp--preset--color--magenta,#87235E);--br-green:var(--wp--preset--color--green,#C3D82F);--br-ink:var(--wp--preset--color--ink,#252921);--br-line:#dedbd2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;height:auto}a{ text-underline-offset:4px}a,button,input,select,textarea{transition:background-color .18s,color .18s,border-color .18s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--br-magenta);outline-offset:4px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{overflow-wrap:normal}button,input,textarea,select{font:inherit}button{cursor:pointer}.wp-site-blocks>*,.br-home>*{margin-block-start:0}.wp-block-template-part{margin:0}.br-section{max-width:1368px;margin:0 auto;padding:80px 64px}.br-eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;line-height:1.6;margin-bottom:20px;text-transform:uppercase}.br-lead{font-size:18px;line-height:1.65;max-width:520px}.br-caption{font-size:10px;letter-spacing:.12em;margin-top:25px}.wp-block-buttons{gap:12px}.wp-block-button__link{border:1px solid transparent}.wp-block-button__link:hover{background:#651748;color:#fff;text-decoration:none}.is-style-outline>.wp-block-button__link{border:1px solid var(--br-ink);background:transparent;color:var(--br-ink)}.is-style-outline>.wp-block-button__link:hover{background:var(--br-ink);color:white}.br-text-link{font-size:14px;font-weight:600;color:var(--br-ink);white-space:nowrap}
.br-topbar{background:var(--br-green);padding:8px 4.5%}.br-announcement{margin:0;font-size:10px;letter-spacing:.13em;font-weight:700;display:flex;justify-content:space-between}.br-announcement span{font-weight:400;letter-spacing:.05em}.br-header{background:#000;color:white;padding:24px 4.5%}.br-header-inner{display:flex;align-items:center;gap:32px;max-width:1240px;margin:auto}.br-logo{margin:0;width:260px;flex-shrink:0;line-height:0}.br-logo img{width:100%;height:auto}.br-nav{margin:0 0 0 auto!important;font-size:13px;font-weight:500}.br-nav a{color:#fff;text-decoration:none}.br-nav .wp-block-navigation__container{gap:27px}.br-header-actions{display:flex;gap:20px;align-items:center;margin:0!important;border-left:1px solid #555;padding-left:26px}.br-header-actions p{margin:0;font-size:12px}.br-header-actions a{color:white;text-decoration:none}.br-header a:hover{color:var(--br-green)}.br-header a:focus-visible,.br-footer a:focus-visible{outline-color:var(--br-green)}.wp-block-navigation__responsive-container.is-menu-open{background:#000!important;color:#fff!important;padding:32px}.wp-block-navigation__responsive-container.is-menu-open a{color:#fff}
.br-hero{position:relative;min-height:640px;isolation:isolate;overflow:hidden;display:flex;align-items:center}.br-hero-copy{position:relative;z-index:2;width:52%;max-width:730px;padding:80px 0 80px max(5%,calc((100vw - 1240px)/2));margin:0!important}.br-hero-title{font-size:clamp(60px,6.7vw,94px);line-height:.97;letter-spacing:-.055em;margin:24px 0;color:var(--br-ink)}.br-hero-title em{color:var(--br-magenta)}.br-hero-image{position:absolute;inset:0;z-index:-1;margin:0!important;width:100%;height:100%}.br-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.br-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,246,238,.96),rgba(250,246,238,.91) 23%,rgba(250,246,238,.2) 55%,transparent 68%);z-index:0;pointer-events:none}.br-hero-note{font-size:9px;letter-spacing:.15em;margin:28px 0 0}.br-hero .br-lead{max-width:440px}.br-hero .wp-block-buttons{margin-top:30px}
.br-intro{text-align:center;max-width:930px;padding-top:100px;padding-bottom:90px}.br-intro h2{font-size:clamp(36px,3.6vw,50px)}.br-intro-copy{max-width:635px;margin:24px auto 0;font-size:16px;color:#55594f}.br-ranges{padding-top:0}.br-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}.br-section-heading h2{margin-bottom:0}.br-section-heading>.wp-block-group{margin:0}.br-section-heading>p{margin:0 0 5px}.br-range-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.br-range-card{padding:18px 16px 22px;background:#fff;border-radius:9px;margin:0!important;position:relative;border:1px solid #eee9df}.br-range-card figure{margin:0 0 20px;aspect-ratio:1/1.16;display:flex;align-items:center;justify-content:center;overflow:hidden}.br-range-card img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.br-range-card:hover img{transform:scale(1.04)}.br-range-card .br-eyebrow{font-size:9px;margin-bottom:9px;color:#65685e;letter-spacing:.15em}.br-range-card h3{font-size:19px;letter-spacing:-.03em;margin-bottom:9px}.br-range-card h3 a{color:var(--br-ink);text-decoration:none}.br-range-card h3 a:after{content:"";position:absolute;inset:0}.br-range-card h3 span{float:right;font-size:17px}.br-range-card>p:last-child{font-size:11px;line-height:1.55;margin:0;color:#666b5e}
.br-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:30px}.br-feature-image,.br-feature>figure{border-radius:10px;overflow:hidden;margin:0;height:520px}.br-feature-image img,.br-feature>figure img{width:100%;height:100%;object-fit:cover}.br-feature-copy{padding:24px 0;margin:0!important}.br-feature-copy h2{font-size:clamp(36px,3.5vw,50px)}.br-feature-copy>p:not(.br-eyebrow):not(.br-caption){font-size:16px;color:#55594f}.br-feature-copy .wp-block-buttons{margin-top:30px}.br-lifestyle{text-align:center;padding-top:45px}.br-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;text-align:left;margin-top:40px}.br-story-card{margin:0!important}.br-story-card figure{aspect-ratio:1.3;overflow:hidden;border-radius:9px;margin-bottom:24px}.br-story-card img{height:100%;width:100%;object-fit:cover}.br-story-card h3{font-size:28px;margin-bottom:10px}.br-story-card p{font-size:14px;color:#55594f;max-width:290px}
.br-trade{background:var(--br-magenta);color:#fff;max-width:1240px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:54px 64px;margin-bottom:35px}.br-trade h2{color:#fff}.br-trade .br-eyebrow{color:var(--br-green)}.br-trade p:last-child{max-width:550px;font-size:15px;margin-bottom:0}.br-trade .wp-block-buttons{flex-shrink:0;margin:0}.br-button-green .wp-block-button__link{background:var(--br-green);color:var(--br-ink)}.br-button-green .wp-block-button__link:hover{background:white;color:var(--br-magenta)}.br-services{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding-top:30px;padding-bottom:60px}.br-services p{font-size:12px;margin:0!important;line-height:1.8}.br-services strong{font-size:15px;font-weight:600}.br-services p+p{border-left:1px solid var(--br-line)}
.br-footer{background:#000;color:#fff;padding:65px max(5%,calc((100vw - 1240px)/2)) 24px}.br-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.br-footer-logo{max-width:290px;margin:0 0 25px}.br-footer-tagline{font-size:19px;line-height:1.5;color:#ddd}.br-footer h3{color:var(--br-green);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.br-footer a{color:#ddd;text-decoration:none;font-size:13px;line-height:2.4}.br-footer a:hover{color:var(--br-green)}.br-footer-bottom{border-top:1px solid #333;margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px}.br-footer-bottom p{font-size:10px;color:#bbb;margin:0}.br-footer-bottom a{font-size:10px}
.br-page{padding:70px 5% 100px;min-height:50vh}.br-page>.wp-block-post-title{max-width:1240px;font-size:clamp(36px,5vw,64px);margin-bottom:40px}.br-page:has(.woocommerce)>.wp-block-post-content{max-width:1240px}.br-shop-intro{padding-bottom:50px}.br-shop-intro h1{font-size:clamp(42px,5.8vw,74px);max-width:900px}.br-shop-intro .br-lead{max-width:700px}.br-product-section{padding-top:20px}.br-reseller-section{max-width:1000px}.br-reseller-section h1{font-size:clamp(40px,5vw,70px)}.br-portal{background:#fff;padding:30px;border:1px solid var(--br-line);border-radius:8px;margin-top:35px}.br-portal label{display:block;font-size:14px;margin:16px 0 5px}.br-portal input{width:100%;max-width:500px}.br-trade-note,.br-pack-note{background:#f2f3e5;padding:16px;border-radius:6px;font-size:14px}.br-fieldset{border:0;padding:0}.br-fieldset legend{font-size:20px;font-weight:bold}.br-hidden{display:none!important}
.woocommerce,.wp-block-woocommerce-product-collection{font-size:15px}.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:#fff;padding:22px;border:1px solid #eee9df;border-radius:8px;display:flex;flex-direction:column}.woocommerce ul.products li.product a img{aspect-ratio:1;object-fit:contain;margin-bottom:22px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px;line-height:1.3;color:var(--br-ink);padding:0;margin-bottom:12px;letter-spacing:-.02em}.woocommerce ul.products li.product .price{color:var(--br-magenta);font-size:16px}.woocommerce ul.products li.product .button{align-self:flex-start;margin-top:auto}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.br-portal button{background:var(--br-magenta);color:white;border:0;border-radius:6px;padding:14px 22px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce button.button.alt:hover,.br-portal button:hover{background:#651748;color:white}.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--br-magenta);color:white}.woocommerce .quantity .qty{width:80px}.woocommerce input.input-text,.woocommerce select,.woocommerce textarea,.br-portal input,.wp-block-search__input{border:1px solid #aaa99f;border-radius:5px;padding:12px;background:white;color:var(--br-ink);min-height:46px}.woocommerce div.product .product_title{font-size:clamp(30px,3.6vw,48px)}.woocommerce div.product p.price{color:var(--br-magenta)}.woocommerce div.product div.images img{background:#fff}.woocommerce .woocommerce-breadcrumb{font-size:12px;margin-bottom:32px}.woocommerce .woocommerce-ordering select{font-size:13px}.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--br-magenta);background:white}.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--br-magenta)}.woocommerce table.shop_table{background:white;border-color:var(--br-line)}.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 35px 30px 0}.woocommerce-MyAccount-navigation a{display:block;padding:12px 16px;border-bottom:1px solid var(--br-line);color:var(--br-ink);text-decoration:none}.woocommerce-MyAccount-navigation .is-active a{background:var(--br-magenta);color:white;border-radius:5px}.woocommerce form.login,.woocommerce form.register{background:white;border-color:var(--br-line)}.woocommerce .col2-set{display:flex;gap:5%}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{width:47.5%;float:none}.wc-block-product-template .wc-block-product{background:white;border-radius:8px;padding:22px}.woocommerce .br-case-form{clear:both;margin:20px 0}.br-case-form button{width:100%}.br-case-form p{font-size:13px}.br-product-info th,.br-product-info td{padding:10px;border-bottom:1px solid var(--br-line);text-align:left}.br-product-info{width:100%;border-collapse:collapse}.woocommerce-page main.wp-block-group:not(.br-page):not(.br-home):not(.br-landing){padding:50px 5%}.woocommerce-page main h1{font-size:clamp(36px,4vw,56px)}
.br-reseller-entry{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:start}.br-reseller-entry .br-portal{height:100%}.br-reseller-login .woocommerce-form-login{padding:0!important;margin:22px 0 0!important;border:0!important;background:transparent!important}.br-reseller-login .woocommerce-form-login .form-row{float:none;width:100%}.br-reseller-login .woocommerce-form-login input.input-text{width:100%;max-width:none}.br-reseller-login .woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:8px;margin:0 20px 14px 0}.br-reseller-login .woocommerce-form-login__rememberme input{width:auto;min-height:0}.br-reseller-login .woocommerce-LostPassword{margin:14px 0 0}.br-reseller-apply-intro{border-top:4px solid var(--br-green)}.br-portal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:22px}.br-portal-actions .wp-element-button{text-decoration:none}.br-secondary-link{color:var(--br-magenta);font-weight:700;text-underline-offset:4px}.br-reseller-shop-page{max-width:1240px}.br-reseller-shop-page>h1{font-size:clamp(44px,5vw,70px)}.br-trade-shop{margin-top:34px}.br-trade-shop-intro{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:4px solid var(--br-magenta)}.br-trade-shop-intro h2{margin-bottom:12px}.br-trade-shop-intro p:last-child{margin-bottom:0}.br-trade-shop-intro .br-portal-actions{justify-content:flex-end;margin:0;min-width:260px}.br-trade-terms{margin:24px 0;padding:18px 22px;background:#f2f3e5;border-left:5px solid var(--br-green);border-radius:5px}.br-trade-terms p:last-child{margin-bottom:0}.br-trade-products{margin-top:32px}
@media(min-width:601px){.br-nav .wp-block-navigation-item.has-child{position:relative}.br-nav .wp-block-navigation__submenu-container{left:-18px!important;top:100%!important;min-width:285px!important;padding:8px!important;background:var(--br-cream)!important;border:1px solid #dedbd2!important;border-top:4px solid var(--br-magenta)!important;border-radius:0 0 9px 9px!important;box-shadow:0 18px 40px rgba(0,0,0,.24)!important;color:var(--br-ink)!important}.br-nav .wp-block-navigation__submenu-container .wp-block-navigation-item{background:transparent!important}.br-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{display:block;width:100%;padding:13px 15px!important;border-radius:5px;color:var(--br-ink)!important;line-height:1.35}.br-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,.br-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible{background:rgba(195,216,47,.24)!important;box-shadow:inset 4px 0 0 var(--br-magenta);color:#181a15!important;text-decoration:none}.br-nav .wp-block-navigation__submenu-icon{margin-left:7px;color:var(--br-green);transition:transform .18s ease}.br-nav .wp-block-navigation-submenu__toggle[aria-expanded=true]>.wp-block-navigation__submenu-icon{transform:rotate(180deg)}}
@media(min-width:1600px){.br-hero{min-height:760px}.br-hero-image img{object-position:center 60%}}
@media(max-width:1100px){.br-header-inner{gap:18px}.br-logo{width:205px}.br-nav .wp-block-navigation__container{gap:15px}.br-header-actions{padding-left:15px;gap:12px}.br-section{padding-left:35px;padding-right:35px}.br-hero{min-height:580px}.br-hero-copy{width:57%}.br-hero-title{font-size:68px}.br-feature{gap:40px}.br-range-grid{gap:12px}.br-range-card{padding:12px}.br-range-card h3{font-size:16px}.br-trade{margin-left:35px;margin-right:35px}.br-feature-image{height:440px}}
@media(max-width:800px){.br-header-inner{flex-wrap:wrap}.br-logo{width:230px;margin-right:auto}.br-nav{order:3;width:100%;justify-content:center}.br-header-actions{border:0}.br-hero{min-height:560px}.br-hero-title{font-size:60px}.br-hero-copy{width:62%;padding-left:35px}.br-hero .br-lead{font-size:16px}.br-hero:after{background:linear-gradient(90deg,rgba(250,246,238,.98),rgba(250,246,238,.9) 33%,transparent 85%)}.br-range-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.br-range-card h3{font-size:20px}.br-feature{gap:30px}.br-feature-image{height:400px}.br-trade{padding:40px}.br-trade h2{font-size:35px}.br-trade .wp-block-buttons{max-width:200px}.br-footer{padding:50px 35px 24px}.woocommerce ul.products{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.br-announcement{justify-content:center;font-size:9px}.br-announcement span{display:none}.br-header{padding:20px}.br-logo{width:200px}.br-header-actions{gap:15px;padding:0}.br-header-actions p{font-size:11px}.br-nav{order:0;width:auto;margin:0!important}.br-header-inner{gap:16px}.br-header-actions{order:3;width:100%;justify-content:flex-end;margin-top:-2px!important}.br-nav .wp-block-navigation__responsive-container-open{color:white}.br-hero{display:flex;flex-direction:column;min-height:0;overflow:visible}.br-hero:after{display:none}.br-hero-copy{width:100%;max-width:none;padding:44px 24px 35px;background:var(--br-cream)}.br-hero-title{font-size:64px;margin:20px 0}.br-hero-image{position:static;height:310px;width:100%;order:2;z-index:0}.br-hero-image img{object-position:73% center}.br-hero .br-lead{font-size:16px}.br-hero .wp-block-button__link{font-size:13px;padding:14px 17px}.br-hero .wp-block-buttons{gap:10px}.br-hero-note{font-size:8px}.br-section{padding:50px 24px}.br-intro{padding-top:60px}.br-intro h2{font-size:35px}.br-section-heading{display:block}.br-section-heading>p{margin-top:18px}.br-eyebrow{font-size:9px}.br-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.br-range-card{padding:14px}.br-range-card h3{font-size:18px}.br-range-card figure{margin-bottom:15px}.br-range-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-items:center}.br-range-card:last-child figure{grid-row:1/4;margin:0;aspect-ratio:1}.br-range-card:last-child p,.br-range-card:last-child h3{margin:0}.br-ranges{padding-top:0}.br-feature{grid-template-columns:1fr;gap:25px;padding-top:15px}.br-feature-image,.br-feature>figure{height:350px}.br-feature-copy{padding:0}.br-feature-copy h2{font-size:38px}.br-story-grid{grid-template-columns:1fr;gap:25px}.br-story-card p{max-width:none}.br-story-card figure{aspect-ratio:1.4}.br-lifestyle{text-align:left;padding-top:15px}.br-lifestyle h2{font-size:35px}.br-trade{display:block;padding:34px 26px;margin:0 20px 20px}.br-trade .wp-block-buttons{margin-top:28px;max-width:none}.br-trade h2{font-size:34px}.br-services{grid-template-columns:1fr;gap:25px;padding-top:25px}.br-services p+p{border:0}.br-footer{padding:45px 24px 24px}.br-footer-grid{grid-template-columns:1fr 1fr;gap:25px}.br-footer-grid>div:first-child{grid-column:1/-1}.br-footer-logo{max-width:260px}.br-footer-bottom{display:block}.br-footer-bottom p+p{margin-top:12px}.br-page{padding:40px 20px 60px}.woocommerce ul.products{gap:12px}.woocommerce ul.products li.product{padding:12px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px}.woocommerce ul.products li.product .button{font-size:12px;padding:12px}.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{float:none}.woocommerce .col2-set{display:block}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{width:100%}.woocommerce table.shop_table{font-size:13px}.br-shop-intro h1{font-size:46px}.br-reseller-section h1{font-size:44px}.br-portal{padding:20px}.br-header .wp-block-navigation__responsive-container-close{color:#fff}}
@media(max-width:600px){.br-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.br-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start!important;width:100%}.br-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{align-items:flex-start!important;width:100%}.br-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{width:100%;text-align:left}.br-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{position:static!important;width:100%!important;min-width:0!important;margin:10px 0 2px!important;padding:5px 0 5px 16px!important;background:#151515!important;border:0!important;border-left:3px solid var(--br-green)!important;box-shadow:none!important}.br-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a{display:block;padding:12px 10px!important;color:#fff!important;line-height:1.4}.br-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a:hover,.br-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a:focus-visible{background:rgba(135,35,94,.42)!important;color:#fff!important;text-decoration:none}.br-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{color:var(--br-green)}.br-reseller-entry{grid-template-columns:1fr;gap:0}.br-reseller-entry .br-portal{height:auto}.br-trade-shop-intro{display:block}.br-trade-shop-intro .br-portal-actions{justify-content:flex-start;min-width:0;margin-top:22px}.br-portal-actions{align-items:stretch;flex-direction:column}.br-portal-actions .wp-element-button{text-align:center}.br-trade-products{margin-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{.br-header,.br-topbar,.br-footer,.woocommerce-MyAccount-navigation{display:none}.br-page{padding:0}}

/* First-draft revision */
.br-social-bar{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:24px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.br-social-links{display:flex;gap:7px}.br-social-link{display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(0,0,0,.42);border-radius:50%;color:var(--br-ink);font-size:10px;text-decoration:none}.br-social-link:hover{background:var(--br-ink);color:#fff}
.br-header-tools{display:flex;align-items:center;gap:12px;border-left:1px solid #555;padding-left:22px;flex-shrink:0}.br-header-tools svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.br-header-icon,.br-header-search button{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:7px;border:0;background:transparent;color:#fff;text-decoration:none}.br-cart-icon span{position:absolute;right:-2px;top:-3px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:var(--br-green);color:#111;font-size:10px;font-weight:700}.br-header-search{display:flex;align-items:center}.br-header-search input[type=search]{width:0;min-height:38px;padding:0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#fff;opacity:0}.br-header-search:focus-within input[type=search],.br-header-search.is-open input[type=search]{width:145px;padding:4px 8px;border-bottom-color:#888;opacity:1}.br-header-search input::placeholder{color:#ddd}
.br-button-green .wp-block-button__link{background:var(--br-green);color:#1f2119}.br-button-green .wp-block-button__link:hover{background:#a7bc19;color:#111}.br-ranges-feature{padding-top:28px}.br-ranges-banner{margin:0;overflow:hidden;border-radius:10px;background:#fff}.br-ranges-banner img{display:block;width:100%;height:auto}.br-full-ranges{padding-top:0}.br-range-message{max-width:930px;margin:28px auto 0;padding:20px 25px;text-align:center;background:#fff;border-left:5px solid var(--br-green)}.br-product-section{padding-top:30px}.br-shop-intro{padding-bottom:38px}.br-shop-intro h1,.br-login-page h1,.br-contact-page h1,.br-policy h1{font-size:clamp(44px,5vw,70px);letter-spacing:-.045em}.br-policy{max-width:900px}.br-policy h2{margin-top:42px}.br-policy h3{margin-top:28px}.br-policy li{margin-bottom:10px}
.br-story-layout,.br-activity{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.br-story-image,.br-activity-image{margin:0;border-radius:10px;overflow:hidden}.br-story-image img,.br-activity-image img{display:block;width:100%;height:540px;object-fit:cover}.br-story-copy h1,.br-activity-copy h1{font-size:clamp(44px,5vw,68px);letter-spacing:-.045em}.br-story-heading{font-size:clamp(28px,3vw,42px);color:var(--br-magenta)}.br-activity{padding-top:25px}.br-activity-image{min-height:460px;background:linear-gradient(145deg,var(--br-green),#eaf2ac);display:grid;place-items:center}.br-activity-image:before{content:"5K";font-size:clamp(100px,16vw,220px);font-weight:800;letter-spacing:-.08em;color:rgba(135,35,94,.9)}.br-activity-image .br-social-bar{display:none}
.br-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.br-login-card{padding:34px;background:#fff;border:1px solid var(--br-line);border-radius:10px}.br-login-card h2{font-size:28px}.br-login-card p{min-height:52px}.br-account-form{margin-top:45px;padding-top:35px;border-top:1px solid var(--br-line)}
.br-contact-page{max-width:1040px}.br-contact-intro{max-width:760px;font-size:18px;line-height:1.7}.br-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin:40px 0;padding:34px;background:#fff;border:1px solid var(--br-line);border-radius:10px}.br-field{display:flex;flex-direction:column;gap:7px}.br-field-wide,.br-contact-form .br-form-advice,.br-contact-form .br-form-consent,.br-contact-form button{grid-column:1/-1}.br-contact-form label{font-weight:600}.br-contact-form input,.br-contact-form textarea{width:100%;min-height:48px;padding:12px;border:1px solid var(--br-magenta);border-radius:5px;background:#f4f8da}.br-contact-form textarea{resize:vertical}.br-contact-form .br-form-advice{margin:8px 0 0;font-size:13px}.br-contact-form .br-form-consent{display:flex;align-items:flex-start;gap:9px;font-weight:400}.br-contact-form .br-form-consent input{width:18px;min-height:18px;margin-top:3px}.br-contact-form button{justify-self:start;margin-top:16px;padding:14px 24px;border:0;border-radius:6px;background:var(--br-magenta);color:#fff;font-weight:700}.br-honeypot{position:absolute!important;left:-9999px!important}.br-form-message,.br-form-error{margin:32px 0;padding:24px;background:#fff;border-left:5px solid var(--br-green)}.br-form-error{border-left-color:var(--br-magenta)}.br-contact-details{margin-top:35px;padding-top:25px;border-top:1px solid var(--br-line)}
.br-consent[hidden],.br-consent-preferences[hidden]{display:none}.br-consent{position:fixed;z-index:99999;left:20px;right:20px;bottom:20px;max-width:820px;margin:auto;padding:25px;background:#fff;color:var(--br-ink);border:1px solid #cac7bf;border-radius:10px;box-shadow:0 14px 45px rgba(0,0,0,.24)}.br-consent-summary p{margin:8px 0 16px;font-size:14px}.br-consent-preferences{padding:12px;margin-bottom:14px;background:var(--br-cream)}.br-consent-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.br-consent-actions button,.br-consent-actions a{padding:10px 14px;border:1px solid var(--br-magenta);border-radius:5px;background:#fff;color:var(--br-magenta);font-size:13px;text-decoration:none}.br-consent-actions .br-consent-primary{background:var(--br-magenta);color:#fff}.br-consent-open{position:fixed;z-index:9000;right:14px;bottom:12px;padding:8px 12px;border:0;border-radius:5px;background:#000;color:#fff;font-size:11px}.br-cookie-settings{padding:0;border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px}.br-footer .br-social-bar{justify-content:flex-start;margin:18px 0 0;color:#fff}.br-footer .br-social-link{border-color:#777;color:#fff}
@media(max-width:1100px){.br-header-tools{padding-left:10px;gap:4px}.br-header-search:focus-within input[type=search],.br-header-search.is-open input[type=search]{width:110px}.br-story-layout,.br-activity{gap:40px}}
@media(max-width:800px){.br-header-tools{margin-left:auto}.br-story-layout,.br-activity{grid-template-columns:1fr}.br-story-image img{height:430px}.br-activity-image{min-height:330px}.br-login-grid{grid-template-columns:1fr}.br-login-card p{min-height:0}}
@media(max-width:600px){.br-social-bar{justify-content:center}.br-header-tools{order:3;width:100%;justify-content:flex-end;border:0;padding-left:0}.br-header-search:focus-within input[type=search],.br-header-search.is-open input[type=search]{width:min(150px,42vw)}.br-story-image img{height:340px}.br-contact-form{grid-template-columns:1fr;padding:22px}.br-field-wide,.br-contact-form .br-form-advice,.br-contact-form .br-form-consent,.br-contact-form button{grid-column:auto}.br-consent{left:10px;right:10px;bottom:10px;padding:20px}.br-consent-actions{align-items:stretch}.br-consent-actions>*{flex:1 1 42%;text-align:center}.br-consent-open{right:8px;bottom:7px}.br-range-message{text-align:left}}

/* Editor-selectable motion styles. Elements remain visible when JavaScript is unavailable. */
.is-style-br-hover-lift,
.is-style-br-hover-zoom img,
.is-style-br-image-reveal img{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}

html.br-motion-enabled .is-style-br-fade-in,
html.br-motion-enabled .is-style-br-fade-up,
html.br-motion-enabled .is-style-br-slide-left,
html.br-motion-enabled .is-style-br-slide-right,
html.br-motion-enabled .is-style-br-zoom-in,
html.br-motion-enabled .is-style-br-image-reveal{
    opacity:0;
    transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),clip-path .8s cubic-bezier(.2,.7,.2,1);
    will-change:opacity,transform;
}
html.br-motion-enabled .is-style-br-fade-up{transform:translate3d(0,28px,0)}
html.br-motion-enabled .is-style-br-slide-left{transform:translate3d(-34px,0,0)}
html.br-motion-enabled .is-style-br-slide-right{transform:translate3d(34px,0,0)}
html.br-motion-enabled .is-style-br-zoom-in{transform:scale(.965)}
html.br-motion-enabled .is-style-br-image-reveal{will-change:opacity}
html.br-motion-enabled .is-style-br-image-reveal img{
    clip-path:inset(0 100% 0 0);
    transition:clip-path .8s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;
    will-change:clip-path,transform;
}
html.br-motion-enabled .is-style-br-image-reveal.br-motion-visible img{clip-path:inset(0 0 0 0);will-change:auto}
html.br-motion-enabled .br-motion-visible{
    opacity:1;
    transform:none;
    clip-path:inset(0 0 0 0);
    will-change:auto;
}

html.br-motion-enabled .is-style-br-stagger .br-motion-stagger-item{
    opacity:0;
    transform:translate3d(0,24px,0);
    transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);
    transition-delay:var(--br-stagger-delay,0ms);
    will-change:opacity,transform;
}
html.br-motion-enabled .is-style-br-stagger.br-motion-visible .br-motion-stagger-item{
    opacity:1;
    transform:none;
    will-change:auto;
}

@media(hover:hover) and (pointer:fine){
    .is-style-br-hover-lift:hover,.is-style-br-hover-lift:focus-within{transform:translateY(-6px);box-shadow:0 16px 35px rgba(36,30,28,.13)}
    .is-style-br-hover-zoom{overflow:clip}
    .is-style-br-hover-zoom:hover img,.is-style-br-hover-zoom:focus-within img,.is-style-br-image-reveal:hover img,.is-style-br-image-reveal:focus-within img{transform:scale(1.035)}
}

@media(max-width:600px){
    html.br-motion-enabled .is-style-br-fade-up{transform:translate3d(0,18px,0)}
    html.br-motion-enabled .is-style-br-slide-left{transform:translate3d(-20px,0,0)}
    html.br-motion-enabled .is-style-br-slide-right{transform:translate3d(20px,0,0)}
    html.br-motion-enabled .is-style-br-stagger .br-motion-stagger-item{transform:translate3d(0,16px,0)}
}

@media(prefers-reduced-motion:reduce){
    html.br-motion-enabled .is-style-br-fade-in,
    html.br-motion-enabled .is-style-br-fade-up,
    html.br-motion-enabled .is-style-br-slide-left,
    html.br-motion-enabled .is-style-br-slide-right,
    html.br-motion-enabled .is-style-br-zoom-in,
    html.br-motion-enabled .is-style-br-image-reveal,
    html.br-motion-enabled .is-style-br-image-reveal img,
    html.br-motion-enabled .is-style-br-stagger .br-motion-stagger-item{
        opacity:1!important;
        transform:none!important;
        clip-path:none!important;
        animation:none!important;
        transition:none!important;
    }
}

/* =====================================================================
   Version 1.2 — homepage, Wellness Activities, resellers, footer, cookies
   Montserrat is loaded from the theme (theme.json); colours use the BR palette.
   ===================================================================== */
:root{--br-black:#000;--br-lime-dark:#a7bc19;--br-muted:#5b5f55;--br-radius:12px}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.br-home .wp-block-post-content>*,.br-landing .wp-block-post-content>*{margin-block-start:0}
.br-home .wp-block-post-content>.br-mailing{margin-block-start:60px}
.br-home .wp-block-post-content>.br-activities-feature{margin-block-start:10px}
.br-eyebrow-magenta{color:var(--br-magenta)}

/* Buttons: lime for "Shop Now" and subscribing, magenta for everything else */
.br-button-green .wp-block-button__link,.br-button-lime{background:var(--br-green);color:#111;border:0}
.br-button-green .wp-block-button__link:hover,.br-button-lime:hover{background:var(--br-lime-dark);color:#111}
.br-button-arrow .wp-block-button__link::after{content:"→";display:inline-block;margin-left:10px;transition:transform .18s}
.br-button-arrow .wp-block-button__link:hover::after{transform:translateX(3px)}
.wp-block-button__link{font-weight:700}

/* Header: icons with text on wide screens, tooltips on smaller screens */
.br-header-inner>.br-header-tools{margin-block:0}
.br-header-icon,.br-header-search button{width:auto;min-width:38px;gap:8px;grid-auto-flow:column;padding:7px}
.br-header-tools .br-tool-label{display:none;font-size:13px;font-weight:600;white-space:nowrap}
.br-cart-icon .br-cart-count{position:absolute;left:21px;right:auto;top:-2px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:var(--br-green);color:#111;font-size:10px;font-weight:700}
.br-cart-icon span.br-tool-label{position:static;background:none;min-width:0;height:auto;padding:0;color:inherit;font-size:13px;border-radius:0}
.br-cart-icon .br-tool-label{margin-left:6px}
@media(min-width:1200px){.br-header-tools .br-tool-label{display:inline}}
@media(hover:hover) and (pointer:fine) and (max-width:1199px) and (min-width:601px){
  [data-br-tip]{position:relative}
  [data-br-tip]:hover::after,[data-br-tip]:focus-visible::after{content:attr(data-br-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:5px;background:var(--br-cream);color:var(--br-ink);font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.3);z-index:20}
}
.br-nav{font-weight:600}
.br-social-link{border:0;width:26px;height:26px}
.br-social-link svg{width:17px;height:17px;fill:currentColor}
.br-social-link:hover{background:rgba(0,0,0,.12);color:var(--br-ink)}

/* Hero */
.br-hero{min-height:640px}
.br-hero-copy{padding-top:70px;padding-bottom:70px}
.br-hero-title{font-size:clamp(46px,5.9vw,86px);font-weight:900;line-height:.94;letter-spacing:-.025em;color:#000;margin:14px 0 0}
.br-hero-title mark{background:transparent}
.br-hero-title::after{content:"";display:block;width:110px;height:7px;margin-top:20px;border-radius:4px;background:var(--br-green)}
.br-hero-sub{font-size:clamp(22px,2.3vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:22px 0 12px;color:#000}
.br-hero .br-lead{font-size:17px;max-width:470px;color:#2d312a}
.br-hero .wp-block-buttons{margin-top:26px}
.br-hero-points{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:30px!important}
.br-hero-point{display:flex;align-items:center;gap:10px;margin:0!important;font-size:12px;font-weight:600;line-height:1.35;color:var(--br-ink)}
.br-hero-point::before{content:"";flex:0 0 30px;height:30px;background:var(--br-ink);-webkit-mask:var(--br-icon) center/contain no-repeat;mask:var(--br-icon) center/contain no-repeat}
.br-icon-leaf{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 25C7 13 13 7 26 6c-1 13-7 19-19 19Z'/%3E%3Cpath d='M7 25c4-6 8-10 13-13'/%3E%3C/svg%3E")}
.br-icon-dumbbell{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12v8M8 9v14M24 9v14M28 12v8M8 16h16'/%3E%3C/svg%3E")}
.br-icon-heart{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 26S5 19.6 5 12.2A5.5 5.5 0 0 1 16 9.4a5.5 5.5 0 0 1 11 2.8C27 19.6 16 26 16 26Z'/%3E%3C/svg%3E")}
.br-icon-heart::before{background:var(--br-magenta)}

/* Favourites. Rebalanced. — the ten featured CiaoCarb products */
.br-favourites{padding-top:90px;padding-bottom:70px}
.br-favourites-intro{max-width:820px;margin:0 auto 42px;text-align:center}
.br-favourites-intro h2{font-size:clamp(34px,3.6vw,52px);font-weight:800;margin-bottom:12px}
.br-favourites-sub{font-size:19px;font-weight:700;color:var(--br-magenta);margin-bottom:14px}
.br-favourites-copy{font-size:16px;color:var(--br-muted);max-width:720px;margin:0 auto}
.br-featured-products .wc-block-product-template{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;margin:0!important;padding:0!important}
.br-featured-products .wc-block-product-template>li{width:auto!important;max-width:none!important;margin:0!important;background:#fff;border:1px solid #eee9df;border-radius:var(--br-radius);padding:16px 16px 20px!important;text-align:left;transition:box-shadow .25s,transform .25s}
.br-featured-products .wc-block-product-template>li:hover{box-shadow:0 14px 30px rgba(36,30,28,.1);transform:translateY(-3px)}
.br-featured-products .wc-block-components-product-image{margin-bottom:14px!important}
.br-featured-products .wc-block-components-product-image img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.br-line-label{margin:0 0 6px!important;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.br-line-label a{color:var(--br-magenta);text-decoration:none}
.br-featured-title{margin:0!important;font-size:14px!important;font-weight:700;line-height:1.35;letter-spacing:-.01em}
.br-featured-title a{color:var(--br-ink);text-decoration:none}
.br-featured-title a:hover{color:var(--br-magenta)}
.br-centred-buttons{justify-content:center;margin-top:38px}

/* Reseller invitation */
.br-reseller-invite{max-width:1240px;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:44px 52px;margin:0 auto 20px;background:#fff;border:1px solid #eee9df;border-left:6px solid var(--br-magenta);border-radius:var(--br-radius)}
.br-reseller-invite h2{font-size:clamp(28px,2.6vw,38px);font-weight:800;margin-bottom:10px}
.br-reseller-invite-copy p:last-child{margin:0;color:var(--br-muted);max-width:560px}
.br-reseller-invite .br-eyebrow{margin-bottom:12px}
.br-reseller-invite .wp-block-buttons{flex-shrink:0;margin:0}

/* Lifestyle and shared experiences */
.br-lifestyle{text-align:left;padding-top:70px;padding-bottom:60px}
.br-lifestyle-heading{max-width:900px;margin-bottom:34px}
.br-lifestyle-heading h2{font-size:clamp(34px,3.6vw,52px);font-weight:800;margin-bottom:12px}
.br-lifestyle-intro{font-size:18px;color:var(--br-muted);margin:0}
.br-lifestyle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.br-lifestyle-card{position:relative;margin:0!important}
.br-lifestyle-card figure{margin:0 0 20px;border-radius:var(--br-radius);overflow:hidden;aspect-ratio:3/2}
.br-lifestyle-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.br-lifestyle-card:hover img{transform:scale(1.04)}
.br-lifestyle-card h3{font-size:24px;font-weight:700;margin-bottom:8px}
.br-lifestyle-card p{font-size:15px;color:var(--br-muted);margin-bottom:12px}
.br-card-link{font-size:15px;font-weight:700;color:var(--br-magenta);text-decoration:none}
.br-card-link::after{content:" →"}
.br-lifestyle-card .br-card-link::before{content:"";position:absolute;inset:0;border-radius:var(--br-radius)}
.br-lifestyle-card:hover .br-card-link{text-decoration:underline}

/* Activities to move and connect */
.br-activities-feature{position:relative;display:flex;align-items:center;min-height:430px;margin:30px 0 0;overflow:hidden;isolation:isolate;background:var(--br-cream)}
.br-activities-copy{position:relative;z-index:2;width:52%;max-width:700px;margin:0!important;padding:60px 0 60px max(5%,calc((100vw - 1240px)/2))}
.br-activities-copy h2{font-size:clamp(34px,3.4vw,50px);font-weight:900;line-height:.98;letter-spacing:-.03em;margin-bottom:0}
.br-activities-copy h2::after{content:"";display:block;width:90px;height:6px;margin-top:18px;border-radius:4px;background:var(--br-green)}
.br-activities-copy .br-lead{margin:20px 0 26px;font-size:17px;color:#2d312a}
.br-activities-copy .br-eyebrow{margin-bottom:14px}
.br-activities-image{position:absolute;top:0;right:0;bottom:0;width:68%;margin:0!important;z-index:-1}
.br-activities-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.br-activities-feature::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,var(--br-cream) 0%,var(--br-cream) 34%,rgba(250,246,238,.75) 44%,rgba(250,246,238,0) 62%)}

/* Mailing list */
.br-mailing{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;max-width:1240px;margin:60px auto 70px;padding:44px 52px;background:#fff;border:1px solid #eee9df;border-top:5px solid var(--br-green);border-radius:var(--br-radius)}
.br-mailing h2{font-size:clamp(28px,2.6vw,38px);font-weight:800;margin-bottom:12px}
.br-mailing-copy p{margin:0;color:var(--br-muted)}
.br-signup-form{margin:0}
.br-signup-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;align-items:end}
.br-signup-form .br-field label{font-size:13px;font-weight:700}
.br-signup-form input[type=text],.br-signup-form input:not([type]),.br-signup-form input[type=email]{width:100%;min-height:48px;padding:11px 13px;border:1px solid #aaa99f;border-radius:6px;background:#fff;color:var(--br-ink)}
.br-signup-form input:focus-visible{outline:3px solid var(--br-magenta);outline-offset:2px}
.br-signup-form button{min-height:48px;padding:12px 22px;border:0;border-radius:6px;font-weight:700;cursor:pointer}
.br-mailing-form button::after,.br-activity-form button::after{content:" →"}
.br-activity-form button{background:var(--br-magenta);color:#fff;margin-top:6px}
.br-activity-form button:hover{background:#651748}
.br-form-note{margin:14px 0 0;font-size:12.5px;line-height:1.55;color:var(--br-muted)}
.br-form-consent{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-size:14px;line-height:1.5}
.br-form-consent input{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--br-magenta)}
.br-signup-result{padding:24px 26px;background:#f7f9e8;border-left:5px solid var(--br-green);border-radius:8px}
.br-signup-result h3{font-size:22px;margin-bottom:8px}
.br-signup-result p{margin:0}
.br-signup-result p+p{margin-top:8px}

/* Wellness Activities pages */
.br-activities-page h1{font-size:clamp(44px,5vw,70px);letter-spacing:-.04em;margin-bottom:14px}
.br-activities-page .br-lead{max-width:680px}
.br-activity-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 34px}
.br-activity-tabs a{padding:10px 18px;border:1px solid var(--br-ink);border-radius:999px;color:var(--br-ink);font-size:14px;font-weight:600;text-decoration:none}
.br-activity-tabs a:hover{background:rgba(195,216,47,.3)}
.br-activity-tabs a[aria-current=page]{background:var(--br-magenta);border-color:var(--br-magenta);color:#fff}
.br-activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:26px}
.br-activity-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee9df;border-radius:var(--br-radius);overflow:hidden}
.br-activity-card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#eee}
.br-activity-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.br-activity-card:hover .br-activity-card-image img{transform:scale(1.04)}
.br-activity-card-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.br-activity-card-body p.br-eyebrow{margin-bottom:8px;font-size:11px;color:var(--br-magenta)}
.br-activity-card h2{font-size:22px;font-weight:800;margin-bottom:8px}
.br-activity-card h2 a{color:var(--br-ink);text-decoration:none}
.br-activity-card-meta{font-size:14px;font-weight:700;margin-bottom:8px}
.br-activity-card-body p{font-size:15px;color:var(--br-muted);margin-bottom:10px}
.br-activity-status{align-self:flex-start;padding:4px 10px;border-radius:999px;background:rgba(195,216,47,.35);color:var(--br-ink)!important;font-size:12px!important;font-weight:700}
.br-activity-price{font-weight:700;color:var(--br-magenta)!important}
.br-activity-card .br-card-link{margin-top:auto}
.br-activities-empty{max-width:720px;padding:34px;background:#fff;border:1px dashed #cfcabd;border-radius:var(--br-radius)}
.br-activities-empty p{font-size:17px}

/* Single wellness activity (a WooCommerce product) */
.br-activity-product .product_meta,.br-activity-product .woocommerce-product-gallery__trigger{display:none}
.br-activity-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;margin:24px 0;padding:20px 22px;background:#fff;border:1px solid #eee9df;border-radius:10px}
.br-activity-details dt{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--br-magenta)}
.br-activity-details dd{margin:2px 0 0;font-weight:600}
.br-activity-form{margin-top:10px;padding:24px;background:#fff;border:1px solid #eee9df;border-top:5px solid var(--br-magenta);border-radius:10px}
.br-activity-form .br-field-email{grid-column:1/-1}
.br-activity-finished{margin:18px 0;padding:18px 20px;background:#fff;border-left:5px solid var(--br-magenta);border-radius:6px}

/* Reseller enquiry form, login and placeholder pages */
.br-contact-form select{width:100%;min-height:48px;padding:12px;border:1px solid var(--br-magenta);border-radius:5px;background:#f4f8da;color:var(--br-ink)}
.br-reseller-form{grid-template-columns:1fr 1fr}
.br-form-footnote{font-size:14px;color:var(--br-muted)}
.br-login-page .br-account-form{margin-top:30px;padding-top:0;border:0}
.br-login-page .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.br-login-page .u-columns>div{width:auto!important;float:none!important}
.br-login-page .u-columns::before,.br-login-page .u-columns::after{display:none!important}
.br-login-page .woocommerce form.login,.br-login-page .woocommerce form.register{margin:12px 0 0;padding:26px;border:1px solid #eee9df;border-radius:10px}
.br-login-page .woocommerce-form-row input.input-text{width:100%}
.br-login-reseller{margin-top:34px}
.br-placeholder-note{padding:16px 20px;background:#fff;border-left:5px solid var(--br-green);border-radius:6px}
.br-placeholder{color:#6b6e66}

/* Footer: four columns on desktop, stacked on phones */
.br-footer{padding-top:70px}
.br-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px}
.br-footer-grid>.wp-block-group{margin:0}
.br-footer-logo{max-width:270px;margin-bottom:18px}
.br-footer-tagline{font-size:16px;color:#e8e8e8;margin-bottom:14px}
.br-footer-email a{display:inline-flex;align-items:center;gap:10px;font-size:14px;line-height:1.6}
.br-footer-email a::before{content:"";width:20px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='1.5' y='2' width='21' height='16' rx='2'/%3E%3Cpath d='m2 3 10 8 10-8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='1.5' y='2' width='21' height='16' rx='2'/%3E%3Cpath d='m2 3 10 8 10-8'/%3E%3C/svg%3E") center/contain no-repeat}
.br-footer-social{display:flex;gap:14px;margin-top:6px}
.br-footer .br-social-link{width:30px;height:30px;color:#fff;border:0}
.br-footer .br-social-link svg{width:26px;height:26px}
.br-footer .br-social-link:hover{background:transparent;color:var(--br-green)}
.br-footer h3{font-size:17px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--br-green);margin-bottom:14px}
.br-footer-links{margin:0;line-height:1}
.br-footer-links a,.br-footer .br-cookie-settings{display:inline-block;font-size:14px;line-height:2.2;color:#eee}
.br-footer .br-cookie-settings{text-decoration:none;cursor:pointer}
.br-footer .br-cookie-settings:hover{color:var(--br-green)}
.br-footer-bottom{margin-top:44px}
.br-footer-bottom p{font-size:12px}

/* Cookie banner and floating Cookie Settings button */
.br-consent{left:20px;right:auto;bottom:20px;max-width:440px;margin:0;padding:24px 24px 20px;border:0;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.br-consent-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.br-consent-icon{width:30px;height:30px;flex-shrink:0;fill:none;stroke:var(--br-magenta);stroke-width:1.8}
.br-consent-icon circle{fill:var(--br-magenta);stroke:none}
.br-consent h2{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:0}
.br-consent-text{font-size:13.5px;line-height:1.55;margin:0 0 16px}
.br-consent-text a{color:var(--br-magenta);font-weight:600}
.br-consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.br-consent-actions button{padding:12px 10px;border:1.5px solid var(--br-ink);border-radius:8px;background:#fff;color:var(--br-ink);font-size:13.5px;font-weight:700}
.br-consent-actions button:hover{background:var(--br-cream)}
.br-consent-actions .br-consent-primary{background:var(--br-green);border-color:var(--br-green);color:#111}
.br-consent-actions .br-consent-primary:hover{background:var(--br-lime-dark);border-color:var(--br-lime-dark)}
.br-consent-actions .br-consent-manage{grid-column:1/-1}
.br-consent-preferences{margin:0 0 14px;padding:14px;border-radius:10px;background:var(--br-cream)}
.br-consent-option{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:13px;line-height:1.45}
.br-consent-option input{width:18px;height:18px;margin-top:1px;flex-shrink:0;accent-color:var(--br-magenta)}
.br-consent-save{margin-top:8px;padding:10px 16px;border:0;border-radius:8px;background:var(--br-magenta);color:#fff;font-weight:700}
.br-consent-open{right:14px;bottom:14px;padding:9px 14px;border-radius:999px;background:#000;color:#fff;font-size:12px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.br-consent-open:hover{background:var(--br-magenta)}
html.br-consent-visible .br-consent-open{display:none}

/* Tablet */
@media(max-width:1100px){
  .br-hero-copy{width:58%}
  .br-activities-copy{width:56%;padding-left:35px}
  .br-reseller-invite,.br-mailing{margin-left:35px;margin-right:35px}
  .br-footer-grid{grid-template-columns:1fr 1fr;gap:34px}
}
@media(max-width:900px){
  .br-lifestyle-grid{gap:16px}
  .br-lifestyle-card h3{font-size:20px}
  .br-mailing{grid-template-columns:1fr;gap:26px}
  .br-reseller-invite{display:block}
  .br-reseller-invite .wp-block-buttons{margin-top:24px}
}
@media(max-width:720px){
  .br-featured-products .wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .br-lifestyle-grid{grid-template-columns:1fr;gap:30px}
  .br-login-page .u-columns{grid-template-columns:1fr}
  .br-activity-details{grid-template-columns:1fr}
}
/* Phone */
@media(max-width:600px){
  .br-header{position:relative;padding:16px 18px}
  .br-header-inner{flex-wrap:nowrap;gap:8px}
  .br-logo{width:150px;margin-right:auto}
  .br-header-tools{order:2;width:auto;margin:0!important;padding:0;border:0;gap:0}
  .br-nav{order:3}
  .br-header-search:focus-within input[type=search],.br-header-search.is-open input[type=search]{position:absolute;left:0;right:0;top:100%;z-index:30;width:auto;padding:12px 18px;background:#000;border-bottom:1px solid #444}
  .br-hero-copy{width:100%;padding:40px 24px 30px}
  .br-hero-title{font-size:clamp(30px,8.8vw,58px)}
  .br-hero-sub{font-size:22px}
  .br-hero-points{gap:12px 18px}
  .br-hero-point{font-size:11.5px}
  .br-favourites{padding-top:56px;padding-bottom:50px}
  .br-favourites-intro{text-align:left;margin-bottom:28px}
  .br-favourites-copy{margin:0}
  .br-featured-products .wc-block-product-template>li{padding:10px 10px 14px!important}
  .br-featured-title{font-size:13px!important}
  .br-centred-buttons{justify-content:flex-start}
  .br-reseller-invite,.br-mailing{margin:0 20px 30px;padding:30px 24px}
  .br-home .wp-block-post-content>.br-mailing{margin-block-start:36px}
  .br-lifestyle{padding-top:40px}
  .br-activities-feature{display:flex;flex-direction:column;min-height:0;margin-top:10px}
  .br-activities-image{order:-1}
  .br-lifestyle-card figure{aspect-ratio:16/9;margin-bottom:14px}
  .br-activities-feature::after{display:none}
  .br-activities-image{position:static;width:100%;height:220px}
  .br-activities-copy{width:100%;padding:30px 24px 40px}
  .br-signup-fields{grid-template-columns:1fr}
  .br-signup-form button{width:100%}
  .br-reseller-form{grid-template-columns:1fr}
  .br-footer-grid{grid-template-columns:1fr;gap:30px}
  .br-footer-grid>div:first-child{grid-column:auto}
  .br-consent{left:10px;right:10px;bottom:10px;max-width:none;padding:20px}
}
.br-signup-result:focus,.br-form-message:focus{outline:none}
.br-policy h2{font-size:clamp(24px,2.3vw,32px);letter-spacing:-.02em}.br-policy h3{font-size:20px}
@media(max-width:600px){.br-nav .wp-block-navigation__responsive-container.is-menu-open{padding:22px 24px 40px!important}.br-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:34px!important}.br-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:17px;padding:6px 0}}
@media(max-width:600px){.br-consent-open{right:10px;bottom:10px;padding:7px 11px;font-size:11px}}

/* Product pages: food label information (added 26 September 2026) */
.br-product-line{margin:0 0 10px!important;font-size:11px;color:var(--br-magenta)}
.woocommerce div.product .woocommerce-product-details__short-description{font-size:16px;line-height:1.7;max-width:560px}
.br-product-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:18px 0 24px;padding:0}
.br-product-facts li{padding:6px 13px;border:1px solid var(--br-line);border-radius:999px;background:#fff;font-size:13px;font-weight:600}
.br-label{clear:both;padding-top:56px;margin-bottom:64px}
.br-label>h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;margin-bottom:28px}
.br-label>h2::after{content:"";display:block;width:56px;height:4px;margin-top:14px;border-radius:2px;background:var(--br-green)}
.br-label-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.br-label-column{display:grid;gap:24px}
.br-label-card{background:#fff;border:1px solid #eee9df;border-radius:10px;padding:28px 30px}
.br-label-card h3{font-size:20px;letter-spacing:-.02em;color:var(--br-magenta);margin-bottom:18px}
.br-nutrition{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.br-nutrition th,.br-nutrition td{padding:9px 0;border-bottom:1px solid #eee9df;text-align:left;vertical-align:top}
.br-nutrition td{text-align:right;white-space:nowrap;padding-left:16px}
.br-nutrition thead th{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--br-green);padding-bottom:10px}
.br-nutrition thead th+th{text-align:right;padding-left:16px}
.br-nutrition tbody th{font-weight:600}
.br-nutrition .br-sub th{font-weight:400;padding-left:16px;color:#5d6157}
.br-nutrition tbody tr:last-child>*{border-bottom:0}
.br-ingredients{font-size:14px;line-height:1.75;margin-bottom:18px}
.br-ingredients strong{font-weight:800}
.br-allergens{padding:14px 18px;border-left:4px solid var(--br-green);border-radius:0 6px 6px 0;background:var(--br-cream);font-size:14px;line-height:1.6}
.br-allergens p{margin:0}.br-allergens p+p{margin-top:6px}
.br-label-hint{margin:12px 0 0;font-size:12px;color:#65685e}
.br-label-warning{margin:10px 0 0;font-size:13px;font-weight:600;color:var(--br-ink)}
.br-label-list{display:grid;gap:14px;margin:0}
.br-label-list dt{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--br-magenta)}
.br-label-list dd{margin:3px 0 0;font-size:14px;line-height:1.6}
.br-label-text{margin:0;font-size:14px;line-height:1.6}
.br-label-disclaimer{max-width:760px;margin:22px 0 0;font-size:12px;color:#65685e}
.br-label-admin-note{margin:0 0 22px;padding:12px 16px;border-radius:6px;background:#fcf0c3;font-size:13px}
@media(max-width:900px){
  .br-label-grid{display:flex;flex-direction:column;gap:18px}
  .br-label-column{display:contents}
  .br-label-card{width:100%}
  .br-label-nutrition{order:1}.br-label-ingredients{order:2}.br-label-storage{order:3}.br-label-details{order:4}
}
@media(max-width:600px){.br-label{padding-top:36px;margin-bottom:44px}.br-label-card{padding:22px 18px}.br-nutrition{font-size:13px}.br-nutrition td,.br-nutrition thead th+th{padding-left:10px}}

/* Header spacing with the Recipes menu item (26 September 2026): keeps the menu on one line */
@media(min-width:1200px) and (max-width:1339px){.br-header-inner{gap:22px}.br-logo{width:220px}.br-nav .wp-block-navigation__container{gap:18px}.br-header-tools{padding-left:14px}}
@media(min-width:801px) and (max-width:1023px){.br-header-inner{gap:12px}.br-logo{width:165px}.br-nav{font-size:12px}.br-nav .wp-block-navigation__container{gap:11px}.br-header-tools{padding-left:8px}}
@media(min-width:801px) and (max-width:879px){.br-logo{width:140px}.br-nav .wp-block-navigation__container{gap:9px}.br-header-icon,.br-header-search button{min-width:32px;padding:5px}}
/* With the Herbalife menu item (26 September 2026) */
@media(min-width:1024px) and (max-width:1199px){.br-header-inner{gap:16px}.br-logo{width:196px}.br-nav .wp-block-navigation__container{gap:14px}.br-header-tools{padding-left:10px}}
@media(min-width:801px) and (max-width:899px){.br-header-inner{gap:8px}.br-logo{width:128px}.br-nav{font-size:11.5px}.br-nav .wp-block-navigation__container{gap:8px}.br-header-tools{padding-left:4px}}

/* Recipes (added 26 September 2026) */
.br-recipes-page .br-lead{max-width:640px}
.br-recipe-filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 30px}
.br-recipe-filters button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--br-ink);border-radius:999px;background:transparent;color:var(--br-ink);font-size:14px;font-weight:600;line-height:1.2}
.br-recipe-filters button span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:rgba(0,0,0,.07);font-size:11px;font-weight:700}
.br-recipe-filters button:hover{background:rgba(195,216,47,.3)}
.br-recipe-filters button[aria-pressed=true]{background:var(--br-magenta);border-color:var(--br-magenta);color:#fff}
.br-recipe-filters button[aria-pressed=true] span{background:rgba(255,255,255,.22)}
.br-recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.br-recipe-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.br-recipe-grid-3 .br-recipe-card-image{aspect-ratio:1/1}
.br-recipe-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #eee9df;border-radius:var(--br-radius);overflow:hidden;transition:box-shadow .25s,transform .25s}
.br-recipe-card[hidden]{display:none}
.br-recipe-card:hover,.br-recipe-card:focus-within{box-shadow:0 14px 34px rgba(37,41,33,.12);transform:translateY(-3px)}
.br-recipe-card-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#eee9df}
.br-recipe-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.br-recipe-card:hover .br-recipe-card-image img{transform:scale(1.04)}
.br-recipe-play{position:absolute;left:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;padding-left:2px;border-radius:50%;background:var(--br-green);color:#111;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.br-recipe-card-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 20px}
.br-recipe-card-body .br-eyebrow{margin-bottom:6px;font-size:10px;color:var(--br-magenta)}
.br-recipe-card-title{margin:0 0 6px;font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.br-recipe-card-title a{color:var(--br-ink);text-decoration:none}
.br-recipe-card-title a::after{content:"";position:absolute;inset:0}
.br-recipe-card-title a:focus-visible{outline:none}
.br-recipe-card:focus-within{outline:3px solid var(--br-magenta);outline-offset:3px}
.br-recipe-card-subtitle{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--br-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.br-recipe-card-meta{margin:auto 0 0;font-size:12px;font-weight:700;letter-spacing:.04em}
.br-recipes-empty{padding:30px;background:#fff;border-radius:var(--br-radius)}

.br-recipe-head{padding-bottom:28px}
.br-breadcrumb{font-size:12px;margin-bottom:26px}
.br-breadcrumb a{color:var(--br-magenta)}
.br-recipe-head .br-eyebrow{margin-bottom:10px}
.br-recipe-title{margin:0 0 10px;font-size:clamp(40px,5vw,68px);letter-spacing:-.045em;line-height:1.02}
.br-recipe-subtitle{margin:0 0 20px;font-size:clamp(18px,1.8vw,22px);color:var(--br-muted);max-width:760px}
.br-recipe-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.br-recipe-chips li{padding:6px 14px;border:1px solid var(--br-line);border-radius:999px;background:#fff;font-size:13px;font-weight:600}
.br-recipe-chips li:first-child{background:var(--br-green);border-color:var(--br-green)}
.br-recipe-main{padding-top:10px}
.br-recipe-body.wp-block-columns{gap:56px;align-items:flex-start;margin:0}
.br-recipe-media{position:sticky;top:24px}
.br-recipe-video,.br-recipe-photo{margin:0 auto;max-width:420px}
.br-recipe-video video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px;background:#111;box-shadow:0 18px 40px rgba(37,41,33,.18)}
.br-recipe-photo img{display:block;width:100%;border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(37,41,33,.12)}
.br-recipe-text{background:#fff;border:1px solid #eee9df;border-radius:var(--br-radius);padding:36px 40px}
.br-recipe-text h2{font-size:26px;letter-spacing:-.02em;margin:0 0 16px;color:var(--br-magenta)}
.br-recipe-text h2:not(:first-child){margin-top:36px}
.br-recipe-ingredients{list-style:none;margin:0;padding:0}
.br-recipe-ingredients li{position:relative;padding:9px 0 9px 22px;border-bottom:1px dashed #e4e0d6;font-size:16px}
.br-recipe-ingredients li::before{content:"";position:absolute;left:2px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--br-green)}
.br-recipe-method{list-style:none;counter-reset:br-step;margin:0;padding:0}
.br-recipe-method li{position:relative;counter-increment:br-step;padding:0 0 18px 50px;font-size:16px;line-height:1.7}
.br-recipe-method li::before{content:counter(br-step);position:absolute;left:0;top:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--br-magenta);color:#fff;font-size:14px;font-weight:700;line-height:1}
.br-recipe-shop{padding-top:40px;padding-bottom:40px}
.br-recipe-shop h2,.br-recipe-more h2{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.03em;margin:0 0 22px}
.br-recipe-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.br-recipe-product{display:flex;align-items:center;gap:18px;padding:16px;background:#fff;border:1px solid #eee9df;border-radius:var(--br-radius)}
.br-recipe-product-image{flex:0 0 96px}
.br-recipe-product-image img{display:block;width:96px;height:96px;object-fit:contain}
.br-recipe-product h3{font-size:16px;line-height:1.3;margin:0 0 10px}
.br-recipe-product .br-line-label{margin:0 0 4px!important;color:var(--br-magenta)}
.br-recipe-product .wp-element-button,.br-recipe-missing .wp-element-button{display:inline-block;padding:10px 18px;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none}
.br-recipe-missing{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;background:#fff;border:1px solid #eee9df;border-left:5px solid var(--br-green);border-radius:var(--br-radius)}
.br-recipe-missing h2{margin-bottom:6px}
.br-recipe-missing p{margin:0;color:var(--br-muted)}
.br-recipe-credit{margin:18px 0 0;font-size:12px;color:var(--br-muted)}
.br-recipe-more{padding-top:30px}
.br-recipe-more-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
@media(max-width:1100px){.br-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.br-recipe-body.wp-block-columns{gap:36px}.br-recipe-text{padding:30px}}
@media(max-width:781px){
  .br-recipe-grid,.br-recipe-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .br-recipe-grid-3 .br-recipe-card:nth-child(3){display:none}
  .br-recipe-media{position:static}
  .br-recipe-video,.br-recipe-photo{max-width:360px}
  .br-recipe-missing{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
  .br-recipe-filters{gap:8px;margin:22px 0}
  .br-recipe-filters button{padding:8px 13px;font-size:13px}
  .br-recipe-card-body{padding:12px 12px 14px}
  .br-recipe-card-title{font-size:16px}
  .br-recipe-card-subtitle{font-size:12px;margin-bottom:8px}
  .br-recipe-card-meta{font-size:11px}
  .br-recipe-play{left:10px;bottom:10px;width:34px;height:34px}
  .br-recipe-play svg{width:15px;height:15px}
  .br-recipe-text{padding:24px 20px}
  .br-recipe-method li{padding-left:44px}
  .br-recipe-product{gap:12px}
  .br-recipe-product-image{flex-basis:72px}.br-recipe-product-image img{width:72px;height:72px}
  .br-recipe-more-head{flex-direction:column;gap:0;margin-bottom:14px}
}

/* Boxes and single packs: link between the two product pages (26 September 2026) */
.br-box-link{margin:-8px 0 22px;font-size:14px}
.br-box-link a{color:var(--br-magenta);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.br-box-link a:hover,.br-box-link a:focus-visible{color:#651748}
.br-box-link span{font-weight:400;color:#65685e}

/* Herbalife section (26 September 2026). Beyond Restrictions is the trading name of an independent Herbalife Member. */
.br-hl-page{padding-top:36px}
.br-hl-member{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin:0 0 44px;padding:14px 20px;background:#fff;border:1px solid #eee9df;border-left:5px solid var(--br-green);border-radius:var(--br-radius)}
.br-hl-member-mark img{display:block;width:auto;max-height:46px}
.br-hl-member-badge{display:inline-block;padding:7px 11px;border:2px solid var(--br-ink);border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1.25;text-transform:uppercase}
.br-hl-member-who p{margin:0}
.br-hl-member-title{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--br-magenta)}
.br-hl-member-name{font-size:18px;font-weight:800;letter-spacing:-.01em}
.br-hl-member-contact{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 0 auto;padding:0;list-style:none;font-size:14px}
.br-hl-member-contact a{color:var(--br-ink)}
.br-hl-member+.br-label-admin-note{margin:-30px 0 34px}
.br-hl-member-compact{margin:0 0 20px;padding:10px 14px;gap:6px 14px}
.br-hl-member-compact .br-hl-member-mark img{max-height:34px}
.br-hl-member-compact .br-hl-member-name{font-size:15px}
.br-hl-member-compact .br-hl-member-contact{width:100%;margin:0;font-size:13px}
.br-hl-member-compact+.br-label-admin-note{margin:-8px 0 18px}
.br-hl-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:start;margin-bottom:76px}
.br-hl-hero h1{font-size:clamp(48px,6vw,84px);letter-spacing:-.05em;line-height:1;margin-bottom:22px}
.br-hl-hero .br-lead{max-width:560px}
.br-hl-client{margin-top:28px}
.br-hl-client h2{font-size:26px;letter-spacing:-.02em;margin-bottom:8px}
.br-hl-client h3{font-size:16px;margin:22px 0 0}
.br-hl-client .br-portal-actions{margin-top:18px}
.br-hl-client-note{margin:12px 0 0;font-size:13px;color:var(--br-muted)}
.br-hl .wp-element-button.br-button-lime{background:var(--br-green);color:#111}
.br-hl .wp-element-button.br-button-lime:hover{background:var(--br-lime-dark);color:#111}
.br-hl .wp-element-button.br-hl-outline{background:transparent;color:var(--br-ink);border:1px solid var(--br-ink)}
.br-hl .wp-element-button.br-hl-outline:hover{background:var(--br-ink);color:#fff}
.br-hl-steps{padding:30px 32px 14px;background:#fff;border:1px solid #eee9df;border-radius:14px;box-shadow:0 18px 40px rgba(37,41,33,.07)}
.br-hl-steps>*{margin-block:0!important}
.br-hl-steps-title{font-size:22px;letter-spacing:-.02em;padding-bottom:16px}
.br-hl-step{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-top:1px solid #eee9df}
.br-hl-step>*{margin:0!important}
.br-hl-step-number{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:var(--br-magenta);color:#fff;font-weight:800}
.br-hl-step h3{font-size:17px;letter-spacing:-.01em;margin:0 0 4px!important}
.br-hl-step-text p{margin:0!important;font-size:14px;line-height:1.55;color:var(--br-muted)}
.br-hl-range{scroll-margin-top:110px}
.br-hl-range>h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.04em;margin-bottom:10px}
.br-hl-range-intro{max-width:640px;color:var(--br-muted)}
.br-hl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.br-hl-grid-mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 6px}
.br-hl-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #eee9df;border-radius:var(--br-radius);overflow:hidden;transition:box-shadow .25s,transform .25s}
.br-hl-card[hidden]{display:none}
.br-hl-card:hover,.br-hl-card:focus-within{box-shadow:0 14px 34px rgba(37,41,33,.12);transform:translateY(-3px)}
.br-hl-card:focus-within{outline:3px solid var(--br-magenta);outline-offset:3px}
.br-hl-card-image{display:grid;place-items:center;aspect-ratio:1/1;padding:18px;background:#fff}
.br-hl-card-image img{display:block;width:100%;height:100%;object-fit:contain}
.br-hl-card-body{display:flex;flex-direction:column;flex:1;padding:14px 18px 20px;border-top:1px solid #f3f0e8}
.br-hl-card-body .br-eyebrow{margin-bottom:6px;font-size:10px;color:var(--br-magenta)}
.br-hl-card-title{margin:0 0 4px;font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.25}
.br-hl-card-title a{color:var(--br-ink);text-decoration:none}
.br-hl-card-title a::after{content:"";position:absolute;inset:0;z-index:1}
.br-hl-card-title a:focus-visible{outline:none}
.br-hl-card-variant{margin:0 0 12px;font-size:14px;line-height:1.45;color:var(--br-muted)}
.br-hl-card-price{margin:auto 0 0;font-weight:700;color:var(--br-magenta)}
.br-hl-price-tbc{font-size:13px;font-weight:700;color:var(--br-muted)}
.br-hl-card .br-hl-add,.br-hl-card .added_to_cart{position:relative;z-index:2;align-self:flex-start;margin-top:12px}
.br-hl-card .br-hl-add{padding:10px 18px;border-radius:6px;background:var(--br-green);color:#111;font-size:14px;font-weight:700;text-decoration:none}
.br-hl-card .br-hl-add:hover{background:var(--br-lime-dark);color:#111}
.br-hl-card .added_to_cart{font-size:13px;font-weight:600;color:var(--br-magenta)}
.br-hl-promise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:76px;padding:36px 40px;background:var(--br-ink);border-radius:14px;color:#fff}
.br-hl-promise-item>*{margin-block:0!important}
.br-hl-promise-item h3{font-size:18px;color:var(--br-green);margin-bottom:8px!important}
.br-hl-promise-item p{font-size:14px;line-height:1.6;color:#e7e6df}
.br-hl-property{max-width:780px;margin-top:26px;font-size:12px;color:var(--br-muted)}
/* Sign up or log in */
.br-hl-entry{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:36px}
.br-hl-entry>section,.br-hl-entry-single{padding:30px;background:#fff;border:1px solid #eee9df;border-radius:var(--br-radius);scroll-margin-top:110px}
.br-hl-entry-single{max-width:860px;margin-top:36px}
.br-hl-entry h2,.br-hl-entry-single h2{font-size:28px;letter-spacing:-.02em;margin-bottom:8px}
.br-hl-entry .br-eyebrow{margin-bottom:8px}
.br-hl-entry .br-hl-form,.br-hl-entry-single .br-hl-form{margin:18px 0 0;padding:0;border:0;background:none}
.br-hl-form small{font-size:12px;color:var(--br-muted)}
.br-hl-choices{min-width:0;margin:0;padding:0;border:0}
.br-hl-choices legend{margin-bottom:8px;padding:0;font-weight:600}
.br-hl-choices>div{display:flex;flex-wrap:wrap;gap:8px}
.br-hl-choice{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--br-magenta);border-radius:999px;background:#f4f8da;font-size:14px;font-weight:500!important;cursor:pointer}
.br-hl-form .br-hl-choice input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--br-magenta)}
.br-hl-choice:has(input:checked){background:var(--br-magenta);color:#fff}
.br-hl-choice:has(input:focus-visible){outline:3px solid var(--br-magenta);outline-offset:3px}
.br-hl-entry-login .woocommerce form.login{margin:16px 0 0;padding:0;border:0}
.br-hl-entry-login .woocommerce-form-row{width:100%!important;float:none!important;padding:0;margin:0 0 14px}
.br-hl-entry-login .woocommerce-form-login__rememberme{display:block;margin:0 0 14px}
.br-hl-hero>*,.br-hl-promise>*{margin:0!important}
.br-hl-range-intro{font-size:17px;line-height:1.6}
.br-hl-entry-login .woocommerce-form-row input.input-text{width:100%}
.br-hl-status-panel{max-width:860px}
/* Herbalife product pages */
.br-hl .woocommerce-product-gallery__image img{object-fit:contain;background:#fff}
.br-hl-order-panel{margin:8px 0 18px;padding:22px;background:#fff;border:1px solid #eee9df;border-left:5px solid var(--br-magenta);border-radius:10px}
.br-hl-order-panel h2{font-size:20px;letter-spacing:-.01em;margin-bottom:6px}
.br-hl-order-panel p{font-size:14px}
.br-hl-order-panel .br-portal-actions{margin-top:14px}
.br-hl-assurances{display:grid;gap:8px;margin:18px 0;padding:0;list-style:none;font-size:13px;line-height:1.5;color:var(--br-muted)}
.br-hl-assurances li{position:relative;padding-left:22px}
.br-hl-assurances li::before{content:"";position:absolute;left:0;top:.4em;width:10px;height:10px;border-radius:50%;background:var(--br-green)}
.br-hl-nutrition{display:block;color:var(--br-ink);text-decoration:none}
.br-hl-nutrition img{display:block;width:100%;height:auto;border:1px solid #eee9df;border-radius:6px}
.br-hl-nutrition span{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;text-decoration:underline}
.br-hl-allergens{margin:12px 0 0;font-size:13px;font-weight:700;letter-spacing:.02em}
.br-hl-directions{font-size:14px;line-height:1.65}
.br-hl-directions ul{padding-left:20px}
.br-hl-label .br-label-disclaimer+.br-label-disclaimer{margin-top:6px}
/* Retail Order Form (order page) */
.br-hl-rof{margin:36px 0 18px;padding:28px;background:#fff;border:1px solid #eee9df;border-radius:10px}
.br-hl-rof h2{font-size:24px;letter-spacing:-.02em}
.br-hl-rof-parties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:16px 0 20px}
.br-hl-rof h3{margin-bottom:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--br-magenta)}
.br-hl-rof-parties p{font-size:14px;line-height:1.55}
.br-hl-rof-items th,.br-hl-rof-items td{padding:8px 6px;border-bottom:1px solid #eee9df;font-size:14px}
.br-hl-rof-guarantee{margin-top:18px}
@media print{.br-topbar,.br-header,.br-footer,.br-consent,.br-consent-open,.woocommerce-MyAccount-navigation,.br-hl-rof-print{display:none!important}}
@media(max-width:1100px){.br-hl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.br-hl-hero{gap:36px}}
@media(max-width:900px){
  .br-hl-hero,.br-hl-entry{grid-template-columns:1fr}
  .br-hl-promise{grid-template-columns:1fr;gap:20px}
  .br-hl-member-contact{width:100%;margin:0}
}
@media(max-width:781px){
  .br-hl-page{padding-top:24px}
  .br-hl-member{margin-bottom:30px;padding:12px 14px}
  .br-hl-hero{margin-bottom:52px}
  .br-hl-grid,.br-hl-grid-mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .br-hl-card-image{padding:10px}
  .br-hl-card-body{padding:10px 12px 14px}
  .br-hl-card-title{font-size:15px}
  .br-hl-card-variant{font-size:12px;margin-bottom:8px}
  .br-hl-card .br-hl-add{padding:9px 12px;font-size:13px}
  .br-hl-steps{padding:22px 20px 8px}
  .br-hl-promise{margin-top:52px;padding:26px 22px}
  .br-hl-entry>section,.br-hl-entry-single{padding:20px}
  .br-hl-rof{padding:18px}
  .br-hl-rof-parties{grid-template-columns:1fr}
}

/* Shop: four products per row on desktop and tablets (26 September 2026), two on phones */
@media(min-width:601px) and (max-width:800px){.woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.woocommerce ul.products li.product{padding:10px}.woocommerce ul.products li.product a img{margin-bottom:10px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px}.woocommerce ul.products li.product .button{font-size:12px;padding:9px 10px}}
@media(min-width:801px) and (max-width:1099px){.woocommerce ul.products{gap:14px}.woocommerce ul.products li.product{padding:12px}.woocommerce ul.products li.product a img{margin-bottom:14px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px}.woocommerce ul.products li.product .button{font-size:13px;padding:10px 14px}}
@media(min-width:1100px){.woocommerce ul.products li.product{padding:18px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px}}
/* Product line, category and search pages (WooCommerce's block template): 4 per row from tablet width, 2 on phones */
:is(.tax-product_cat,.post-type-archive-product,.tax-product_tag,.search) .wc-block-product-template.wc-block-product-template__responsive{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px}
@media(max-width:1099px){:is(.tax-product_cat,.post-type-archive-product,.tax-product_tag,.search) .wc-block-product-template.wc-block-product-template__responsive{gap:12px}:is(.tax-product_cat,.post-type-archive-product,.tax-product_tag,.search) .wc-block-product-template .wc-block-product{padding:12px}}
@media(max-width:600px){:is(.tax-product_cat,.post-type-archive-product,.tax-product_tag,.search) .wc-block-product-template.wc-block-product-template__responsive{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
:is(.tax-product_cat,.post-type-archive-product,.tax-product_tag,.search) .wc-block-product .wp-block-post-title{font-size:17px!important;line-height:1.3}
@media(max-width:1099px){:is(.tax-product_cat,.post-type-archive-product,.tax-product_tag,.search) .wc-block-product .wp-block-post-title{font-size:14px!important}}
/* Shop menu: "Beauty and wellness" and "Hair" are headings inside the Shop drop-down with their links underneath */
@media(min-width:601px){.br-nav .wp-block-navigation__submenu-container .br-menu-group{display:block;margin-top:6px;padding-top:6px;border-top:1px solid #e6e2d8}.br-nav .wp-block-navigation__submenu-container .br-menu-group>.wp-block-navigation-item__content{padding:8px 15px 2px!important;font-size:11px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--br-magenta)!important;pointer-events:none;background:none!important;box-shadow:none!important}.br-nav .br-menu-group>.wp-block-navigation__submenu-icon,.br-nav .br-menu-group>.wp-block-navigation-submenu__toggle{display:none!important}.br-nav .wp-block-navigation__submenu-container .br-menu-group>.wp-block-navigation__submenu-container{position:static!important;visibility:inherit!important;opacity:1!important;width:auto!important;height:auto!important;min-width:0!important;overflow:visible!important;padding:0 0 0 10px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important}.br-nav .br-menu-group .wp-block-navigation-item__content{padding-block:10px!important}}
@media(max-width:600px){.br-nav .wp-block-navigation__responsive-container.is-menu-open .br-menu-group>.wp-block-navigation-item__content{font-size:12px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--br-green)!important;pointer-events:none}.br-nav .wp-block-navigation__responsive-container.is-menu-open .br-menu-group>.wp-block-navigation__submenu-container{margin-top:4px!important}}
/* How it works: steps with more than one paragraph; the member line under step 3 on Lifestyle Coaching */
.br-hl-step-text p+p{margin-top:6px!important}
.br-hl-step-text .br-hl-member-line{margin-top:10px!important;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--br-magenta)}
/* Lifestyle Coaching */
.br-coach-page .br-hl-hero h1{font-size:clamp(42px,5vw,72px)}
.br-coach-sub{margin:0 0 18px!important;font-size:clamp(22px,2.3vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.2}
.br-coach-page .br-hl-hero-copy>p{max-width:600px}
.br-coach-page .br-hl-hero-copy>p:not(.br-eyebrow):not(.br-coach-sub){margin:0 0 14px!important}
.br-coach-page .br-hl-client{margin-top:24px}
.br-coach-meet{max-width:820px;margin:0 0 56px;padding:36px 40px;background:#fff;border:1px solid #eee9df;border-left:5px solid var(--br-green);border-radius:14px}
.br-coach-meet>*{margin-block:0!important}.br-coach-meet>*+*{margin-top:12px!important}
.br-coach-meet h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em}
.br-coach-cta{padding:44px 40px;background:var(--br-ink);border-radius:14px;color:#fff;text-align:center}
.br-coach-cta>*{margin-block:0!important;max-width:640px;margin-inline:auto!important}.br-coach-cta>*+*{margin-top:10px!important}
.br-coach-cta h2{color:#fff;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em}
.br-coach-cta p{color:#e7e6df}.br-coach-cta p strong{color:var(--br-green)}
.br-coach-cta .wp-block-buttons{justify-content:center;margin-top:24px!important}
@media(max-width:781px){.br-coach-meet,.br-coach-cta{padding:28px 22px}}
.br-hl-range-more{margin-top:26px!important;text-align:center}
/* Hair shops */
.br-hair-lines ul{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none}
.br-hair-lines a{display:inline-block;padding:10px 18px;border:1px solid var(--br-ink);border-radius:999px;background:transparent;color:var(--br-ink);font-size:14px;font-weight:700;text-decoration:none}
.br-hair-lines a:hover,.br-hair-lines a:focus-visible{background:var(--br-ink);color:#fff}
.br-hair-intro{margin:0 0 26px!important;color:var(--br-muted)}
.br-swatches{margin:4px 0 20px}
.br-swatches-title{margin:0 0 8px!important;font-size:14px;font-weight:700}
.br-swatches ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.br-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;width:78px;padding:4px 4px 6px;border:2px solid #eee9df;border-radius:10px;background:#fff;color:var(--br-ink);font:inherit;cursor:pointer}
.br-swatch img{display:block;width:64px;height:64px;border-radius:7px;object-fit:cover}
.br-swatch span{font-size:11px;line-height:1.25;text-align:center}
.br-swatch:hover{border-color:var(--br-green)}
.br-swatch[aria-pressed=true]{border-color:var(--br-magenta);box-shadow:0 0 0 1px var(--br-magenta)}
.br-hair-pro{display:inline-block;margin:6px 0 14px!important;padding:6px 12px;border-radius:999px;background:rgba(135,35,94,.08);color:var(--br-magenta);font-size:13px;font-weight:700}
.br-hair-order-note{font-size:14px;color:var(--br-muted)}
/* Header drop-downs open above page content (the product gallery's zoom button sat on top of the Shop menu) */
.br-header{position:relative;z-index:100}
.woocommerce-product-gallery__trigger{z-index:5!important}
/* Log in page: customer and reseller logins side by side */
.br-login-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px;align-items:start}
.br-login-box>h2{margin:0 0 16px;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em}
.br-login-box form.login{margin:0!important;padding:34px 36px 30px!important;background:#fff;border:1px solid #eee9df!important;border-radius:12px}
.br-login-box .form-row{display:block;margin:0 0 18px;padding:0}
.br-login-box label{display:block;margin-bottom:8px;font-size:17px}
.br-login-box .required{color:#a00;text-decoration:none}
.br-login-box input.input-text{width:100%;min-height:52px;padding:10px 14px;border:1px solid var(--br-ink);border-radius:6px;background:#fff}
.br-login-box .password-input{display:block;position:relative}
.br-login-box .br-login-actions{display:flex;align-items:center;gap:22px;margin-bottom:12px}
.br-login-box .br-login-actions label{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}
.br-login-box button[name=login]{padding:14px 26px;border:0;border-radius:8px;background:var(--br-magenta);color:#fff;font-weight:700;font-size:16px}
.br-login-box .lost_password{margin:0}
.br-login-more{margin:14px 0 0!important;font-size:14px}
@media(max-width:781px){.br-login-pair{grid-template-columns:1fr}.br-login-box form.login{padding:24px 20px!important}}
/* Reseller enquiry form: about 40% smaller than the standard form */
.br-reseller-section .br-contact-form{max-width:620px;gap:12px 16px;margin:28px 0;padding:24px}
.br-reseller-section .br-contact-form label{font-size:15px}
.br-reseller-section .br-contact-form input,.br-reseller-section .br-contact-form select{min-height:38px;padding:7px 10px;font-size:15px}
.br-reseller-section .br-contact-form textarea{min-height:0;height:110px;padding:8px 10px;font-size:15px}
.br-reseller-section .br-contact-form .br-form-advice{font-size:12px}
.br-reseller-section .br-contact-form button{margin-top:6px;padding:10px 18px;font-size:15px}
.br-login-box button[name=login]{margin:0!important}.br-login-box .lost_password{padding:0!important}

/* =====================================================================
   Homepage, Shop menu and shop pages (30 September 2026)
   ===================================================================== */
/* Hero: slightly smaller title; the picture is cropped from the top so its bottom edge always shows */
.br-hero-title{font-size:clamp(42px,5.2vw,76px)}
.br-hero .br-hero-image img{object-position:center bottom}
.br-hero-copy{padding-left:max(5%,calc((100% - 1240px)/2))}
.br-footer{padding-left:max(5%,calc((100% - 1240px)/2));padding-right:max(5%,calc((100% - 1240px)/2))}

/* Very wide windows (for example a browser zoomed out to 50%): the page keeps the proportions it has on a
   1920 px screen instead of spreading into thin columns, and text scales with it. */
@media(min-width:2100px){.wp-site-blocks{zoom:1.12}}
@media(min-width:2400px){.wp-site-blocks{zoom:1.25}}
@media(min-width:2800px){.wp-site-blocks{zoom:1.45}}
@media(min-width:3300px){.wp-site-blocks{zoom:1.7}}
@media(min-width:3800px){.wp-site-blocks{zoom:2}}

/* Section headings shared by the homepage sections */
.br-home .wp-block-post-content>.br-home-feature,.br-home .wp-block-post-content>.br-journey{margin-block-start:0}
.br-home-head{max-width:1100px;margin:0 auto 34px!important;text-align:center}
.br-home-head>*{margin-block:0!important}
.br-home-head h2{margin-top:6px!important;font-size:clamp(32px,3.4vw,50px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.br-home-head h2 mark{background:transparent}
.br-home-lead{max-width:780px;margin:14px auto 0!important;font-size:18px;line-height:1.6;color:var(--br-muted)}
.br-eyebrow-rules{display:flex;align-items:center;justify-content:center;gap:16px}
.br-eyebrow-rules::before,.br-eyebrow-rules::after{content:"";flex:0 0 46px;height:1px;background:currentColor;opacity:.6}

/* Your journey: four cards with an icon at the top */
.br-journey{max-width:1368px;margin:0 auto;padding:84px 64px 40px}
.br-journey-head h2{font-size:clamp(34px,4vw,58px)}
.br-journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.br-journey-card{position:relative;margin:0!important;padding:30px 28px 28px;background:#fff;border:1px solid #eee9df;border-radius:var(--br-radius);transition:box-shadow .25s,transform .25s}
.br-journey-card>*{margin-block:0!important}
.br-journey-card::before{content:"";display:block;width:84px;height:84px;margin-bottom:22px;border-radius:50%;background:var(--br-journey-icon) center/40px 40px no-repeat,var(--br-journey-tint,rgba(195,216,47,.2))}
.br-journey-card:hover,.br-journey-card:focus-within{box-shadow:0 14px 32px rgba(36,30,28,.1);transform:translateY(-3px)}
.br-journey-card h3{font-size:26px;font-weight:800;letter-spacing:-.02em}
.br-journey-sub{margin-top:6px!important;font-size:16px;font-weight:700;line-height:1.4;color:var(--br-magenta)}
.br-journey-card p:not(.br-journey-sub){margin-top:10px!important;font-size:15px;line-height:1.6;color:var(--br-muted)}
.br-journey-card p:last-child{margin-top:18px!important}
.br-journey-card .br-card-link::before{content:"";position:absolute;inset:0;border-radius:var(--br-radius)}
.br-journey-card:hover .br-card-link{text-decoration:underline}
.br-journey-food{--br-journey-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%237d8f12' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4v7a3 3 0 0 0 6 0V4M12 4v24M23 4c-2.5 1.5-4 5-4 10v2h4v12'/%3E%3C/svg%3E")}
.br-journey-self-care{--br-journey-tint:rgba(135,35,94,.1);--br-journey-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%2387235E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7c3 4 3 11 0 18-3-7-3-14 0-18ZM16 25c-2-6-6-9-12-9 1 5 5 9 12 9ZM16 25c2-6 6-9 12-9-1 5-5 9-12 9Z'/%3E%3C/svg%3E")}
.br-journey-coaching{--br-journey-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%237d8f12' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 25C7 13 13 7 26 6c-1 13-7 19-19 19Z'/%3E%3Cpath d='M7 25c4-6 8-10 13-13'/%3E%3C/svg%3E")}
.br-journey-lifestyle{--br-journey-tint:rgba(135,35,94,.1);--br-journey-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%2387235E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM8 15.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM24 15.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM10 25v-2a6 6 0 0 1 12 0v2M3 24v-1a5 5 0 0 1 6.5-4.8M29 24v-1a5 5 0 0 0-6.5-4.8'/%3E%3C/svg%3E")}

/* Full-width sections: Food, Self-Care, Coaching and Lifestyle */
.br-home-feature{position:relative;isolation:isolate;overflow:hidden;padding:80px 0 70px;background:var(--br-cream)}
.br-home-feature>:not(.br-home-bg):not(.br-selfcare-stage):not(.br-home-wide-image){position:relative;z-index:1;width:min(1240px,90%);margin-left:auto!important;margin-right:auto!important}
.br-home-feature>*{margin-block:0!important}
.br-home-feature>.br-home-head{margin-bottom:34px!important}
.br-home-bg{margin:0!important}
.br-home-bg img{display:block;width:100%;height:100%;object-fit:cover}
.br-home-feature .br-centred-buttons{margin-top:26px!important}

/* Food: the kitchen picture fills the lower part, behind the product cards */
.br-home-food .br-home-bg{position:absolute;left:0;right:0;bottom:0;height:64%;z-index:-1}
.br-home-food .br-home-bg img{object-position:center 65%}
.br-home-food .br-home-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--br-cream) 0%,rgba(250,246,238,0) 34%)}
.br-line-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;margin-top:0!important;margin-bottom:44px!important}
.br-line-badge{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--br-ink);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.br-line-badge span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--br-line-colour);color:#fff;font-size:20px;font-weight:800;letter-spacing:0;box-shadow:0 6px 14px rgba(0,0,0,.12);transition:transform .2s}
.br-line-badge:hover span,.br-line-badge:focus-visible span{transform:scale(1.08)}
.br-line-protein{--br-line-colour:#d7261e}.br-line-fibre{--br-line-colour:#e97d17}.br-line-balance{--br-line-colour:#0f4c5c}.br-line-low{--br-line-colour:#4f8f7a}.br-line-keto{--br-line-colour:#6e1f47}

/* Product cards (Food and Self-Care) */
.br-home-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.br-home-product{display:flex;flex-direction:column;align-items:center;padding:16px 16px 18px;background:rgba(255,255,255,.95);border-radius:var(--br-radius);box-shadow:0 10px 26px rgba(36,30,28,.1);text-align:center;transition:box-shadow .25s,transform .25s}
.br-home-product:hover,.br-home-product:focus-within{box-shadow:0 16px 34px rgba(36,30,28,.16);transform:translateY(-3px)}
.br-home-product-image{display:block;width:100%;aspect-ratio:1;margin-bottom:12px}
.br-home-product-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.br-home-product h3{margin:0 0 14px;font-size:14px;font-weight:700;line-height:1.35;letter-spacing:-.01em}
.br-home-product h3 a{color:var(--br-ink);text-decoration:none}
.br-home-product h3 a:hover{color:var(--br-magenta)}
.br-home-product-button{margin-top:auto;padding:9px 18px;border-radius:6px;background:var(--br-green);color:#111;font-size:13px;font-weight:700;text-decoration:none}
.br-home-product-button::after{content:" →"}
.br-home-product-button:hover{background:var(--br-lime-dark);color:#111}

/* Reseller strip under the food products */
.br-reseller-strip{display:flex;align-items:center;gap:18px;margin-top:34px!important;padding:16px 22px;background:rgba(251,240,246,.96);border-radius:var(--br-radius);box-shadow:0 8px 22px rgba(36,30,28,.08)}
.br-reseller-strip::before{content:"";flex:0 0 46px;height:46px;border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12 7 5h18l2 7M5 12h22M5 12a3.7 3.7 0 0 0 7.3 0 3.7 3.7 0 0 0 7.4 0 3.7 3.7 0 0 0 7.3 0M7 15v12h18V15M13 27v-7h6v7'/%3E%3C/svg%3E") center/26px 26px no-repeat,var(--br-magenta)}
.br-reseller-strip-text{margin:0!important;font-size:14px;line-height:1.5;color:var(--br-muted)}
.br-reseller-strip-text strong{font-size:17px;color:var(--br-ink)}
.br-reseller-strip .wp-block-buttons{margin:0 0 0 auto!important;flex-shrink:0}

/* Self-Care: the terrace picture with the product cards on its right */
.br-selfcare-stage{position:relative;min-height:440px;margin:0!important;display:flex;align-items:center}
.br-selfcare-stage .br-home-bg{position:absolute;inset:0;z-index:-1}
.br-selfcare-stage .br-home-bg img{object-position:left center}
.br-selfcare-stage .br-home-products{position:relative;width:min(58%,860px);margin:40px max(5%,calc((100% - 1240px)/2)) 40px auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}

/* Coaching: the two terrace pictures below the heading, then the Explore Coaching button (like Lifestyle).
   No fade over the pictures (30 September 2026); the picture's own faded top is cropped off in build-home-images.py. */
.br-home-coaching{padding-bottom:0}
.br-home-wide-image{position:relative;margin:34px 0 0!important}
.br-home-wide-image img{display:block;width:100%;height:auto}

/* Lifestyle: three pictures side by side */
.br-home-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.br-home-trio figure{margin:0!important;border-radius:var(--br-radius);overflow:hidden;aspect-ratio:3/2}
.br-home-trio img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.br-home-trio figure:hover img{transform:scale(1.04)}

/* All Products and Self-Care pages */
.br-shop-empty{padding:26px 28px;background:#fff;border:1px dashed #cfcabd;border-radius:var(--br-radius);font-size:17px}

/* Shop menu (30 September 2026): All Products in magenta; Food and Nutrition and Self-Care are headings that are
   links; Skin Care and Hair Care are smaller sub-headings inside Self-Care */
.br-nav .br-menu-all>.wp-block-navigation-item__content{color:var(--br-magenta)!important;font-weight:800}
@media(min-width:601px){
  .br-nav .wp-block-navigation__submenu-container .br-menu-group-link>.wp-block-navigation-item__content{pointer-events:auto}
  .br-nav .wp-block-navigation__submenu-container .br-menu-group-link>.wp-block-navigation-item__content:hover{text-decoration:underline}
  .br-nav .wp-block-navigation__submenu-container .br-menu-group .br-menu-group{margin-top:0;padding-top:0;border-top:0}
  .br-nav .wp-block-navigation__submenu-container .br-menu-group .br-menu-group>.wp-block-navigation-item__content{padding:8px 15px 0!important;font-size:10.5px!important;letter-spacing:.1em;color:#6b6e66!important}
}
@media(max-width:600px){
  .br-nav .wp-block-navigation__responsive-container.is-menu-open .br-menu-group-link>.wp-block-navigation-item__content{pointer-events:auto}
  .br-nav .wp-block-navigation__responsive-container.is-menu-open .br-menu-group .br-menu-group>.wp-block-navigation-item__content{font-size:11px!important;color:#d8e38a!important}
  .br-nav .wp-block-navigation__responsive-container.is-menu-open .br-menu-all>.wp-block-navigation-item__content{color:#e4a5c9!important}
}

/* Tablet and phone */
@media(max-width:1100px){
  .br-journey{padding:70px 35px 30px}
  .br-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .br-home-food .br-home-products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .br-selfcare-stage .br-home-products{width:62%;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:781px){
  .br-selfcare-stage{display:block;min-height:0}
  .br-selfcare-stage .br-home-bg{position:static;height:300px}
  .br-selfcare-stage .br-home-products{width:90%;margin:-60px auto 0}
  .br-home-trio{gap:14px}
}
@media(max-width:600px){
  .br-journey{padding:50px 20px 20px}
  .br-journey-grid{grid-template-columns:1fr;gap:14px}
  .br-journey-card{padding:22px 20px}
  .br-journey-card::before{width:64px;height:64px;margin-bottom:14px;background-size:32px 32px,auto}
  .br-home-feature{padding:56px 0 50px}
  .br-home-head{text-align:left}
  .br-eyebrow-rules{justify-content:flex-start}
  .br-eyebrow-rules::before{display:none}
  .br-home-lead{font-size:16px}
  .br-line-badges{justify-content:space-between;gap:10px;margin-bottom:28px!important}
  .br-line-badge{font-size:9.5px;letter-spacing:.08em}
  .br-line-badge span{width:38px;height:38px;font-size:17px}
  .br-home-products,.br-home-food .br-home-products,.br-selfcare-stage .br-home-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .br-home-product{padding:10px 10px 14px}
  .br-home-product h3{font-size:13px}
  .br-home-product-button{padding:8px 12px;font-size:12px}
  .br-home-food .br-home-bg{height:55%}
  .br-reseller-strip{flex-wrap:wrap}
  .br-reseller-strip .wp-block-buttons{margin:4px 0 0!important;width:100%}
  .br-home-trio{grid-template-columns:1fr}
  .br-home-trio figure{aspect-ratio:16/9}
  .br-hero .br-hero-image img{object-position:73% bottom}
  .br-home-feature .br-centred-buttons{justify-content:flex-start}
}
/* Header spacing with the Coaching menu item (30 September 2026): keeps the menu on one line from 601 px up.
   "From this width upwards" steps, so no width falls between two rules. */
@media(min-width:601px){.br-nav{font-size:12px}.br-nav .wp-block-navigation__container{gap:12px}}
@media(min-width:801px){.br-header-inner{gap:6px}.br-logo{width:112px}.br-nav{font-size:11px}.br-nav .wp-block-navigation__container{gap:7px}.br-header-tools{padding-left:2px}.br-header-icon,.br-header-search button{min-width:30px;padding:4px}}
@media(min-width:900px){.br-header-inner{gap:10px}.br-logo{width:150px}.br-nav{font-size:12px}.br-nav .wp-block-navigation__container{gap:10px}.br-header-tools{padding-left:6px}.br-header-icon,.br-header-search button{min-width:38px;padding:7px}}
@media(min-width:1024px){.br-header-inner{gap:14px}.br-logo{width:180px}.br-nav{font-size:13px}.br-nav .wp-block-navigation__container{gap:13px}.br-header-tools{padding-left:10px}}
@media(min-width:1200px){.br-header-inner{gap:16px}.br-logo{width:188px}.br-nav .wp-block-navigation__container{gap:14px}.br-header-tools{padding-left:12px}}
@media(min-width:1340px){.br-header-inner{gap:26px}.br-logo{width:236px}.br-nav .wp-block-navigation__container{gap:21px}.br-header-tools{padding-left:22px}}
/* Phones: an odd last product card sits in the middle */
@media(max-width:600px){.br-home-products>.br-home-product:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}}
/* Homepage spacing (agreed 30 September 2026): one band of cream between blocks, 72 px on computers,
   56 px on tablets and 44 px on phones. Each section has the band above its first line and nothing below;
   sections that end with a picture end at the picture's edge. Inside sections: 32 px from a heading to its
   content, 28 px above a button. */
:root{--br-band:72px;--br-inner:32px;--br-button-gap:28px}
@media(max-width:1100px){:root{--br-band:56px}}
@media(max-width:600px){:root{--br-band:44px;--br-inner:26px;--br-button-gap:22px}}
.br-home .br-journey{padding-top:var(--br-band);padding-bottom:0}
.br-home .br-home-feature{padding-top:var(--br-band);padding-bottom:0}
.br-home .br-home-food{padding-bottom:40px}
.br-home .br-journey-head,.br-home .br-home-feature>.br-home-head{margin-bottom:var(--br-inner)!important}
.br-home .br-line-badges{margin-bottom:var(--br-inner)!important}
.br-home .br-reseller-strip{margin-top:var(--br-inner)!important}
.br-home .br-home-feature .br-centred-buttons{margin-top:var(--br-button-gap)!important}
.br-home .br-home-wide-image{margin-top:var(--br-inner)!important}
.br-home .wp-block-post-content>.br-mailing{margin-block-start:var(--br-band)!important;margin-block-end:0!important}
.br-home{padding-bottom:var(--br-band)}
@media(max-width:600px){.br-home .br-home-food{padding-bottom:32px}}
/* Coaching in the framed Lifestyle layout (30 September 2026): two photos side by side inside the page width with
   rounded corners, one above the other on phones, each at the photos' own shape. */
.br-home-duo{grid-template-columns:repeat(2,minmax(0,1fr))}
.br-home-duo figure{aspect-ratio:1061/538}
@media(max-width:600px){.br-home-duo{grid-template-columns:1fr}}
/* Food: "… Line" labels (30 September 2026). On phones the five stay in one row and each label splits onto two lines. */
@media(max-width:600px){
  .br-line-badges{flex-wrap:nowrap;justify-content:space-between;gap:6px}
  .br-line-badge{flex:1 1 0;min-width:0;text-align:center;line-height:1.35;letter-spacing:.06em}
}
.br-phone-break{display:none}
@media(max-width:600px){.br-phone-break{display:inline}.br-line-badge{white-space:nowrap}}
@media(max-width:360px){.br-line-badge{font-size:8.5px;letter-spacing:.03em}.br-line-badge span{width:34px;height:34px;font-size:15px}}
/* Small tablets (601-720 px): the five line labels also keep one row, with "Line" on its own line */
@media(min-width:601px) and (max-width:720px){
  .br-line-badges{flex-wrap:nowrap;justify-content:space-between;gap:8px}
  .br-line-badge{flex:1 1 0;min-width:0;text-align:center;line-height:1.35;white-space:nowrap}
  .br-phone-break{display:inline}
}
/* The smallest phones (up to 360 px): "RESTRICTIONS." and the menu button fit the screen */
@media(max-width:360px){.br-hero-title{font-size:26px}.br-header{padding-left:12px;padding-right:12px}}
/* ================================================================ Update 1 (2 October 2026) */
/* Brand hero: the textured shop background (the same one is planned for every brand page), the copy on the left and
   the five CiaoCarb line pictures on the right, shown as they are. */
.br-brand-hero{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center;padding:64px max(5%,calc((100% - 1240px)/2)) 72px;background:#f8f1ea url(images/shop-hero-bg.webp) center/cover no-repeat}
.br-brand-hero-copy{position:relative;z-index:1}
.br-brand-hero-title{font-size:clamp(46px,6vw,84px);line-height:1;letter-spacing:-.03em;margin:0 0 8px!important}
.br-brand-hero-sub{font-size:clamp(28px,3.3vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:var(--br-magenta);margin:0 0 22px!important}
.br-brand-hero .br-lead{max-width:540px}
.br-brand-hero-strap{margin:16px 0 26px!important;font-size:17px}
.br-brand-hero-note{margin-top:14px!important;font-size:14px;color:var(--br-muted)}
.br-learn-more-wrap{margin-top:20px!important}
.br-learn-more{display:inline-flex;align-items:center;gap:8px;font-size:19px;font-weight:700;color:var(--br-magenta);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.br-learn-more::after{content:"\2192";text-decoration:none;transition:transform .2s}
.br-learn-more:hover{color:#6a1a49}
.br-learn-more:hover::after{transform:translateX(4px)}
/* The five line pictures: they rise in one after another, then float gently; a picture lifts and glows on hover. */
/* Side by side and slightly overlapping, the middle one highest, like the packs standing on the stone in the mock-up */
.br-brand-hero{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}
.br-line-cards{display:flex;justify-content:center;align-items:flex-end;margin:0!important;padding-top:40px}
.br-line-cards figure.br-line-card{position:relative;flex:0 0 22%;margin:0 0 0 -2.5%!important}
.br-line-cards figure.br-line-card:first-child{margin-left:0!important}
.br-line-cards figure.br-line-card:nth-child(2),.br-line-cards figure.br-line-card:nth-child(4){z-index:2;margin-bottom:22px!important}
.br-line-cards figure.br-line-card:nth-child(3){z-index:3;margin-bottom:44px!important}
.br-line-cards figure.br-line-card:hover,.br-line-cards figure.br-line-card:focus-within{z-index:5}
.br-line-cards figure.br-line-card{animation:br-line-rise .8s cubic-bezier(.2,.7,.2,1) both,br-line-float 6s ease-in-out 1.2s infinite}
.br-line-cards .br-line-card:nth-child(2){animation-delay:.12s,1.6s}
.br-line-cards .br-line-card:nth-child(3){animation-delay:.24s,2s}
.br-line-cards .br-line-card:nth-child(4){animation-delay:.36s,2.4s}
.br-line-cards .br-line-card:nth-child(5){animation-delay:.48s,2.8s}
.br-line-card a{display:block;border-radius:12px;overflow:hidden;box-shadow:0 12px 26px rgba(37,41,33,.22);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.br-line-card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.br-line-card a:hover,.br-line-card a:focus-visible{transform:translateY(-10px) scale(1.03);box-shadow:0 22px 40px rgba(37,41,33,.3),0 0 0 3px var(--br-glow,var(--br-magenta)),0 0 34px var(--br-glow,var(--br-magenta))}
.br-line-card-protein{--br-glow:#e3262b}.br-line-card-fibre{--br-glow:#f39200}.br-line-card-balance{--br-glow:#8cc63f}.br-line-card-low{--br-glow:#2fa8e0}.br-line-card-keto{--br-glow:#f08a6b}
@keyframes br-line-rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes br-line-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.br-line-cards figure.br-line-card{animation:none}.br-line-card a,.br-line-card a:hover{transition:none;transform:none}}
@media(max-width:1100px){.br-brand-hero{gap:32px;padding-left:35px;padding-right:35px}.br-line-cards{gap:8px}}
@media(max-width:900px){
  .br-brand-hero{grid-template-columns:1fr;gap:30px;padding:48px 24px 44px;background-image:url(images/shop-hero-bg-960.webp)}
  .br-brand-hero .br-lead{max-width:none}
  /* Phones and small tablets: the five pictures in a row you can swipe sideways */
  .br-line-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:12px 4px 18px;margin:0 -24px!important;padding-left:24px;padding-right:24px;scroll-padding:0 24px;scrollbar-width:thin}
  .br-line-cards{justify-content:flex-start;align-items:stretch}
  .br-line-cards figure.br-line-card,.br-line-cards figure.br-line-card:nth-child(n){flex:0 0 min(38%,190px);margin:0!important;scroll-snap-align:start}
}

/* Shop buttons in the brand colours (owner, 2 October 2026): magenta with white text, lime on hover, on every brand's
   shop pages (CiaoCarb, HL/Skin, Herbatint, Chenice, All Products and Self-Care). Shop now stays lime. */
.br-range-strip{padding-top:var(--br-inner);padding-bottom:0}
.br-range-buttons{justify-content:center;gap:10px}
.br-range-button .wp-block-button__link,.br-hair-lines a,.br-hl .wp-element-button.br-hl-outline{background:var(--br-magenta);color:#fff;border:1px solid var(--br-magenta);border-radius:999px}
.br-range-button .wp-block-button__link{padding:12px 24px;font-size:15px}
.br-range-button .wp-block-button__link:hover,.br-range-button .wp-block-button__link:focus-visible,.br-hair-lines a:hover,.br-hair-lines a:focus-visible,.br-hl .wp-element-button.br-hl-outline:hover{background:var(--br-green);border-color:var(--br-green);color:#111}
.woocommerce ul.products li.product .button:hover,.woocommerce div.product form.cart .button:hover{background:var(--br-green);color:#111}
.br-product-section#br-shop{scroll-margin-top:24px}

/* CiaoCarb shop: the "Sort / show" list, and In stock / Out of stock on the product cards */
.br-ciaocarb-shop .br-shop-sort{float:right;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 22px}
.br-ciaocarb-shop .woocommerce-result-count{line-height:44px}
.br-ciaocarb-shop ul.products{clear:both}
.br-shop-sort label{font-size:14px;font-weight:700}
.br-shop-sort select{min-height:44px;padding:8px 38px 8px 14px;border:1px solid var(--br-magenta);border-radius:8px;background:#fff;color:var(--br-ink);font:inherit;font-size:15px}
.woocommerce ul.products li.product .br-card-stock{margin:6px 0 6px!important;font-size:13px;font-weight:700;letter-spacing:.02em}
.br-card-stock.is-in-stock{color:#4c6b0c}
.br-card-stock.is-in-stock::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--br-green);box-shadow:0 0 0 1px #8fa21c}
.br-card-stock.is-out-of-stock{color:#7a7d73}
.br-price-tbc{font-size:14px;font-weight:600;color:var(--br-muted)}
@media(max-width:600px){.br-ciaocarb-shop .br-shop-sort{justify-content:flex-start;flex-wrap:wrap;margin-top:0}}

/* CiaoCarb product pages: the nutrition banner in the product's line colour */
.br-nutrition-banner{clear:both;margin:48px 0 0;padding:34px 24px 20px;border-radius:14px;background:var(--br-banner,var(--br-magenta));color:#fff;text-align:center}
.br-nutrition-banner ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.br-banner-figure{display:block;font-size:clamp(40px,6vw,74px);font-weight:800;line-height:1;letter-spacing:-.03em}
.br-banner-label{display:block;margin-top:10px;font-size:17px;font-weight:600}
.br-banner-note{margin:20px 0 0!important;font-size:13.5px;opacity:.92}
.br-banner-protein-line{--br-banner:#d7261e}.br-banner-fibre-line{--br-banner:#c45f0c}.br-banner-balance-line{--br-banner:#0f4c5c}.br-banner-low-line{--br-banner:#1f6f9f}.br-banner-ketoone{--br-banner:#6e1f47}
.br-nutrition-banner+.br-label{padding-top:40px}
@media(max-width:600px){.br-nutrition-banner{margin-top:32px;padding:26px 12px 16px}.br-nutrition-banner ul{gap:8px}.br-banner-label{font-size:13.5px}}
/* The allergy statement under the ingredients: normal size and bold, not fine print (owner, 2 October 2026) */
.br-label-statement{max-width:760px;margin:18px 0 0!important;font-size:15px;line-height:1.6;color:var(--br-ink)}
.br-label>.br-label-statement{margin-top:24px!important}

/* "Learn more about each range": the comparison rows from the owner's design */
.br-range-compare{max-width:1368px}
.br-range-head{margin-bottom:24px!important}
.br-range-head h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.03em;margin-bottom:10px}
.br-range-head .br-lead{max-width:none}
.br-range-row{display:grid;grid-template-columns:210px minmax(0,1fr) minmax(0,1fr) minmax(250px,300px);align-items:stretch;margin:14px 0 0!important;background:#fff;border-radius:12px;box-shadow:0 4px 18px rgba(37,41,33,.08);overflow:hidden}
.br-range-protein{--br-line-colour:#d7261e;--br-accent:#c41f18;--br-name-text:#fff}
.br-range-fibre{--br-line-colour:#f28c1c;--br-accent:#c45f0c;--br-name-text:#1f2119}
.br-range-balance{--br-line-colour:#0f4c5c;--br-accent:#0f4c5c;--br-name-text:#fff}
.br-range-low{--br-line-colour:#5bc0e8;--br-accent:#1f6f9f;--br-name-text:#0f2f4c}
.br-range-keto{--br-line-colour:#7a1f4a;--br-accent:#7a1f4a;--br-name-text:#fff}
.br-range-name{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0!important;padding:20px 12px;background:var(--br-line-colour);color:var(--br-name-text);text-align:center;line-height:1}
.br-range-name strong{font-size:clamp(28px,2.6vw,38px);font-weight:800;letter-spacing:-.02em}
.br-range-name em{font-size:28px;font-weight:400;font-family:"Segoe Script","Brush Script MT",cursive}
.br-range-point{display:flex;gap:14px;align-items:flex-start;margin:0!important;padding:20px 18px;border-right:1px solid #eee9df}
.br-range-icon{position:relative;flex:0 0 60px;height:60px;margin:0!important;border-radius:50%;background:color-mix(in srgb,var(--br-line-colour) 13%,#fff)}
.br-range-icon::before{content:"";position:absolute;inset:15px;background:var(--br-accent);-webkit-mask:var(--br-icon) center/contain no-repeat;mask:var(--br-icon) center/contain no-repeat}
.br-range-text h3{margin:0 0 6px!important;font-size:17px;color:var(--br-accent)}
.br-range-text ul{margin:0;padding-left:18px;font-size:14.5px;line-height:1.45}
.br-range-row .br-nutrition-bars{align-self:center;padding:16px 20px}
.br-bars-title{margin:0 0 8px!important;font-size:15px;font-weight:800}
.br-nutrition-bars ul{margin:0;padding:0;list-style:none}
.br-nutrition-bars li{display:grid;grid-template-columns:62px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:13.5px;line-height:1.7}
.br-bar-label{font-weight:600;color:var(--br-accent,var(--br-ink))}
.br-bar{display:block;height:9px;border-radius:9px;background:#ece8e1;overflow:hidden}
.br-bar>span{display:block;height:100%;border-radius:9px;background:var(--br-line-colour,var(--br-magenta))}
.br-bar-value{font-weight:700;text-align:right}
.br-range-notes{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 28px;margin-top:20px!important}
.br-range-notes p{margin:0!important;font-size:14px;color:var(--br-muted)}
.br-help-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 26px;margin-top:var(--br-band)!important;padding:30px 24px;background:#fff;border-radius:12px;box-shadow:0 4px 18px rgba(37,41,33,.08)}
.br-help-text{margin:0!important;font-size:21px}
/* Icons (simple outlines in each line's colour) */
.br-ri-dumbbell{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6.5 7v10M3.5 9.5v5M17.5 7v10M20.5 9.5v5M6.5 12h11'/%3E%3C/svg%3E")}
.br-ri-crown{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 17 3 7l5 4 4-6 4 6 5-4-1 10zM4 20h16'/%3E%3C/svg%3E")}
.br-ri-leaf{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 19C5 10 10.5 4.5 20 4.5 20 14 14.5 19.5 5.5 19.5zM5 19.5l9-9'/%3E%3C/svg%3E")}
.br-ri-stomach{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M9 3v4.5c0 1.5-3.5 3-3.5 7.5a6 6 0 0 0 11.5 2.5c1-2.5-.5-6-3-6-2 0-2 2.5-4.5 2.5'/%3E%3C/svg%3E")}
.br-ri-scales{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 4v16M8 20h8M5 7h14M5 7l-3 6h6zM19 7l-3 6h6z'/%3E%3C/svg%3E")}
.br-ri-sprout{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 20v-8M12 12C12 8 9 6 5 6c0 4 3 6 7 6zM12 10c0-3 2-5.5 6.5-5.5 0 3.5-2.5 5.5-6.5 5.5zM8 20h8'/%3E%3C/svg%3E")}
.br-ri-heart{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10.2A4.2 4.2 0 0 1 12 7.2a4.2 4.2 0 0 1 7.5 2.6C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E")}
.br-ri-sun{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4'/%3E%3C/svg%3E")}
.br-ri-star{--br-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m12 3.5 2.6 5.4 5.9.8-4.3 4.1 1 5.9L12 16.9l-5.2 2.8 1-5.9-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E")}
@media(max-width:1100px){
  .br-range-row{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr)}
  .br-range-row .br-nutrition-bars{grid-column:2/-1;border-top:1px solid #eee9df;padding:14px 18px}
  .br-range-name{grid-row:span 2}
}
@media(max-width:700px){
  .br-range-row{grid-template-columns:1fr}
  .br-range-name{grid-row:auto;flex-direction:row;gap:10px;padding:14px}
  .br-range-name strong{font-size:28px}.br-range-name em{font-size:24px}
  .br-range-point{border-right:0;border-bottom:1px solid #eee9df;padding:16px}
  .br-range-icon{flex-basis:48px;height:48px}.br-range-icon::before{inset:12px}
  .br-range-row .br-nutrition-bars{grid-column:auto;border-top:0}
  .br-range-notes{display:block}.br-range-notes p+p{margin-top:8px!important}
  .br-help-text{font-size:18px;text-align:center}
}
/* ================================================================ Update 2 (2 October 2026): HL/Skin */
/* Hero like CiaoCarb's: the copy on the left, the owner's products picture on the right (its left edge fades into the
   shop background, so it needs no frame). */
.br-brand-hero-hlskin .br-brand-hero-picture{margin:0!important;align-self:stretch;display:flex;align-items:center}
.br-brand-hero-hlskin .br-brand-hero-picture img{display:block;width:100%;height:auto;animation:br-line-rise .9s cubic-bezier(.2,.7,.2,1) both}
@media(prefers-reduced-motion:reduce){.br-brand-hero-hlskin .br-brand-hero-picture img{animation:none}}
@media(max-width:900px){.br-brand-hero-hlskin .br-brand-hero-picture{margin:0 -24px!important}}
/* "Unsure where to start?" with Contact us, in place of range buttons */
.br-hl-invite-section{padding-top:var(--br-inner);padding-bottom:0}
.br-hl-invite-section .br-help-strip{margin-top:0!important}
.br-hl-invite .wp-block-button__link{background:var(--br-magenta);color:#fff;border:1px solid var(--br-magenta);border-radius:999px;padding:12px 26px}
.br-hl-invite .wp-block-button__link:hover,.br-hl-invite .wp-block-button__link:focus-visible{background:var(--br-green);border-color:var(--br-green);color:#111}
/* Learn more about HL/Skin: the routine chart and the brochure */
.br-hl-learn{max-width:1240px}
.br-hl-learn .br-lead{max-width:760px}
.br-hl-routine{margin:28px 0 0!important}
.br-hl-routine img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 4px 18px rgba(37,41,33,.1);background:#fff}
.br-hl-learn-buttons{justify-content:center;gap:12px;margin-top:28px!important}
.br-hl-learn-buttons .br-button-arrow .wp-block-button__link{background:var(--br-magenta);color:#fff}
.br-hl-learn-buttons .br-button-arrow .wp-block-button__link:hover{background:var(--br-green);color:#111}
.br-hl-skin-product .product_meta .posted_in{display:none}

/* ================================================================ Update 3 (3 October 2026) */
/* One button style everywhere (owner): website lime green with magenta on hover, the same rounded (pill) shape and the
   website font. Covers block buttons, WooCommerce buttons (cards, product pages, basket, checkout) and the site's
   own forms. A chosen filter (recipe filters, shop groups) is shown in magenta. */
.wp-element-button,.wp-block-button__link,.is-style-outline>.wp-block-button__link,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.wc-block-components-button:not(.is-link),.wc-block-cart__submit-button,
.br-contact-form button,.br-signup-form button,.br-activity-form button,.br-login-box button[name=login],.br-portal button,
.br-consent-actions button,.br-consent-actions a,.br-recipe-filters button,.br-home-product-button,.br-hair-lines a,
main button[type=submit],.br-card-choose button{background:var(--br-green)!important;color:var(--br-ink)!important;border:1px solid var(--br-green)!important;border-radius:999px!important;font-family:var(--wp--preset--font-family--montserrat),Arial,Helvetica,sans-serif!important;font-weight:700;text-decoration:none}
.wp-element-button:hover,.wp-element-button:focus-visible,.wp-block-button__link:hover,.wp-block-button__link:focus-visible,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.wc-block-components-button:not(.is-link):hover,.wc-block-cart__submit-button:hover,
.br-contact-form button:hover,.br-signup-form button:hover,.br-activity-form button:hover,.br-login-box button[name=login]:hover,.br-portal button:hover,
.br-consent-actions button:hover,.br-consent-actions a:hover,.br-recipe-filters button:hover,.br-home-product-button:hover,.br-hair-lines a:hover,
main button[type=submit]:hover,.br-card-choose button:hover,
.br-recipe-filters button[aria-pressed=true],.br-shop-filters .wp-block-button__link.is-current{background:var(--br-magenta)!important;border-color:var(--br-magenta)!important;color:#fff!important}
.woocommerce a.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button.disabled,.wc-block-components-button:disabled{opacity:.55}
.br-recipe-filters button[aria-pressed=true] span{background:rgba(255,255,255,.22)}
/* The same font throughout: the cursive "line" on the CiaoCarb ranges page becomes the website font in italics. */
.br-range-name em{font-family:inherit;font-style:italic}

/* Product cards: everything centred (stock, name, price, button) in every shop. */
.woocommerce ul.products li.product{text-align:center;align-items:center}
.woocommerce ul.products li.product>a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;align-items:center;width:100%}
.woocommerce ul.products li.product .woocommerce-loop-product__title{width:100%}
.woocommerce ul.products li.product .price{display:block;width:100%;text-align:center}
.woocommerce ul.products li.product .button{align-self:center}
/* "Discover all colours" (or flavours, sizes): a clear line, the list, then the price and Add to cart. */
.br-card-choose{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:auto}
.br-card-discover{margin:2px 0 0!important;font-size:15px;font-weight:800;letter-spacing:-.01em}
.br-card-discover a{color:var(--br-magenta);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.br-card-choose select{width:100%;max-width:260px;min-height:42px;padding:6px 30px 6px 12px;border:1px solid var(--br-magenta);border-radius:8px;background:#fff;color:var(--br-ink);font:inherit;font-size:14px;text-align:center;text-align-last:center}
.br-card-choose .price{margin:2px 0 0!important}
.br-card-choose button{padding:12px 22px;font-size:14px;line-height:1.2}
/* Product pages: the other flavours of a CiaoCarb family, and the contact line. */
.br-flavours{margin:4px 0 18px}
.br-flavours-title{margin:0 0 8px!important;font-weight:800;color:var(--br-magenta)}
.br-flavours ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.br-flavour{display:inline-block;padding:7px 14px;border:1px solid var(--br-magenta);border-radius:999px;color:var(--br-ink);font-size:14px;text-decoration:none}
a.br-flavour:hover{background:var(--br-magenta);color:#fff}
.br-flavour.is-current{background:var(--br-magenta);color:#fff;font-weight:700}
.br-product-question{margin:18px 0 0!important;font-size:14px}
.br-product-question a{font-weight:700}
.br-contact-from{margin:0!important;padding:12px 14px;border-left:4px solid var(--br-green);background:#faf8f1;font-weight:600}

/* Shop group buttons (Herbatint, Chenice) above the shop, like the CiaoCarb range buttons */
.br-shop-filters .wp-block-buttons{display:flex;flex-wrap:wrap}
.br-shop-filters .wp-block-button__link{padding:12px 24px;font-size:15px}

/* Herbatint hero: the copy on the left, the Herbatint packs on the stone on the right (the picture is transparent,
   so it sits on the shared shop background like CiaoCarb and HL/Skin). */
.br-brand-hero-herbatint .br-brand-hero-picture{margin:0!important;align-self:end;display:flex;align-items:flex-end;justify-content:center}
.br-brand-hero-herbatint .br-brand-hero-picture img{display:block;width:100%;max-width:760px;height:auto;animation:br-line-rise .9s cubic-bezier(.2,.7,.2,1) both}
@media(prefers-reduced-motion:reduce){.br-brand-hero-herbatint .br-brand-hero-picture img{animation:none}}

/* The full-width "Not sure which product is right for your hair?" banner, on the same background as the hero. */
.br-brand-contact{display:grid;grid-template-columns:auto minmax(0,5fr) minmax(0,5fr);gap:28px 40px;align-items:center;margin-top:var(--br-band)!important;padding:44px max(5%,calc((100% - 1240px)/2));background:#f8f1ea url(images/shop-hero-bg.webp) center/cover no-repeat}
.br-brand-contact-icon{margin:0!important;width:118px}
.br-brand-contact-icon img{display:block;width:100%;height:auto}
.br-brand-contact-title{font-size:clamp(26px,2.8vw,38px);line-height:1.12;letter-spacing:-.02em;margin:0 0 14px!important}
.br-brand-contact .br-lead{margin-bottom:10px!important}
.br-brand-contact-note{font-size:15px;margin:0 0 20px!important}
.br-brand-contact-picture{margin:0!important}
.br-brand-contact-picture img{display:block;width:100%;height:auto}
@media(max-width:900px){
  .br-brand-contact{grid-template-columns:1fr;padding:36px 24px;text-align:center;justify-items:center}
  .br-brand-contact-icon{width:92px}
  .br-brand-contact .wp-block-buttons{justify-content:center}
  .br-brand-hero-herbatint .br-brand-hero-picture{margin:0 -12px!important}
}
.br-brand-hero-herbatint .br-brand-hero-sub{font-size:clamp(26px,2.9vw,40px)}

/* ================================================================ Update 4 (3 October 2026) */
/* Products standing on the stone slabs (owner, Update 4). In a "br-stage" hero or banner the shop background is drawn
   from its bottom-right corner, --k times the width of the section (at most 1920 px), so every point of the picture,
   and so every slab, is always at the same place. Each product picture is placed in the background picture's own
   pixels (1672 x 941): --x its left edge, --y where its bottom stands, --w its width. The numbers come from
   .build/stage.py (CiaoCarb) and .build/build-herbatint-images.py (Herbatint); change them there and here together.
   The background's top fades into the wall colour (#f5e7da), so a taller section has no visible edge. */
.br-brand-hero.br-stage,.br-brand-contact.br-stage{--k:1;--s:calc(var(--k) * min(100cqw,1920px) / 1672);container-type:inline-size;position:relative;background:#f5e7da url(images/shop-stage-bg.webp) right bottom/calc(var(--k) * min(100%,1920px)) auto no-repeat}
.br-stage .br-line-cards,.br-stage .br-line-cards.wp-block-group{position:absolute;inset:0;display:block;margin:0!important;padding:0;overflow:visible;pointer-events:none}
.br-stage .br-line-cards figure.br-line-card,.br-stage .br-line-cards figure.br-line-card:nth-child(n),.br-stage .br-brand-hero-picture,.br-stage .br-brand-contact-picture{position:absolute;left:calc(100% - (1672 - var(--x)) * var(--s));bottom:calc((941 - var(--y)) * var(--s));width:calc(var(--w) * var(--s));max-width:none;margin:0!important;pointer-events:auto}
.br-stage .br-brand-hero-picture img,.br-stage .br-brand-contact-picture img{display:block;width:100%!important;max-width:none;height:auto}
/* CiaoCarb: the first three lines on the front slab, the other two on the back slab */
.br-stage .br-line-cards figure.br-line-card-protein{--x:732;--y:716;--w:176;z-index:2}
.br-stage .br-line-cards figure.br-line-card-fibre{--x:940;--y:724;--w:200;z-index:2}
.br-stage .br-line-cards figure.br-line-card-balance{--x:1158;--y:732;--w:205;z-index:2}
.br-stage .br-line-cards figure.br-line-card-low{--x:1309;--y:646;--w:172;z-index:1}
.br-stage .br-line-cards figure.br-line-card-keto{--x:1472;--y:648;--w:177;z-index:1}
.br-stage .br-line-cards figure.br-line-card:hover,.br-stage .br-line-cards figure.br-line-card:focus-within{z-index:5}
/* The pictures as the owner trimmed them: no card, no crop. A soft shadow where each stands on the stone; it rises
   into place once (no floating), and lifts and glows in its line's colour on hover. */
.br-stage .br-line-card a{display:block;border-radius:0;overflow:visible;box-shadow:none;background:none}
.br-stage .br-line-card img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:fill}
.br-stage .br-line-card::after{content:"";position:absolute;left:-4%;right:-4%;bottom:-5px;height:12px;border-radius:50%;background:radial-gradient(closest-side,rgba(70,50,30,.42),rgba(70,50,30,0));z-index:-1;pointer-events:none}
.br-stage .br-line-card a:hover,.br-stage .br-line-card a:focus-visible{transform:translateY(-8px);box-shadow:none;filter:drop-shadow(0 0 12px var(--br-glow,var(--br-magenta)))}
.br-stage .br-line-cards figure.br-line-card{animation:br-line-rise .8s cubic-bezier(.2,.7,.2,1) both}
.br-stage .br-line-cards .br-line-card:nth-child(2){animation-delay:.12s}
.br-stage .br-line-cards .br-line-card:nth-child(3){animation-delay:.24s}
.br-stage .br-line-cards .br-line-card:nth-child(4){animation-delay:.36s}
.br-stage .br-line-cards .br-line-card:nth-child(5){animation-delay:.48s}
/* Herbatint: the hero packs and the contact banner packs */
.br-stage .br-brand-hero-picture{--x:799;--y:731.7;--w:857}
.br-stage .br-brand-contact-picture{--x:932.7;--y:731.7;--w:641.7}
/* Room for the products: the section is at least as tall as the highest product plus a margin */
.br-brand-hero.br-stage{min-height:calc(600 * var(--k) * min(100vw,1920px) / 1672)}
.br-brand-contact.br-stage{min-height:calc(560 * var(--k) * min(100vw,1920px) / 1672)}
@media(prefers-reduced-motion:reduce){.br-stage .br-line-cards figure.br-line-card{animation:none}.br-stage .br-line-card a:hover{transform:none}}
/* Phones and small tablets: the text first, the products below it on the slabs, the background drawn larger (--k)
   so the slabs fill the width. */
@media(max-width:900px){
  .br-brand-hero.br-stage,.br-brand-contact.br-stage{background-image:url(images/shop-stage-bg-960.webp);min-height:0}
  .br-brand-hero-ciaocarb.br-stage,.br-brand-hero-ranges.br-stage{--k:1.72;padding-bottom:calc(600 * 1.72 * 100vw / 1672)}
  .br-brand-hero-herbatint.br-stage{--k:1.875;padding-bottom:calc(600 * 1.875 * 100vw / 1672)}
  .br-brand-contact.br-stage{--k:2.17;padding-bottom:calc(560 * 2.17 * 100vw / 1672)}
  .br-stage .br-brand-hero-picture,.br-stage .br-brand-contact-picture{margin:0!important}
}
/* Header logo 25% bigger (owner, Update 4): every width of the earlier rules times 1.25. Footer logo unchanged. */
@media(max-width:800px){.br-logo{width:288px}}
@media(max-width:600px){.br-logo{width:188px}}
@media(min-width:801px){.br-logo{width:140px}}
@media(min-width:900px){.br-logo{width:188px}}
@media(min-width:1024px){.br-logo{width:225px}}
@media(min-width:1200px){.br-logo{width:235px}}
@media(min-width:1340px){.br-logo{width:295px}}
/* Room for the bigger logo (owner's OK, A1 of the Update 4 pending items): only the spacing changes, nothing gets
   smaller. Small laptops and tablets on their side: less space between the menu items, so the menu stays on one line.
   Phones: a slightly narrower side margin and the search, account and basket icons a little closer together. */
@media(min-width:900px) and (max-width:1023px){.br-nav .wp-block-navigation__container{gap:5px}.br-header-inner{gap:8px}}
@media(min-width:1024px) and (max-width:1199px){.br-nav .wp-block-navigation__container{gap:9px}.br-header-inner{gap:8px}}
@media(max-width:600px){.br-header{padding-left:12px;padding-right:12px}.br-header-inner{gap:2px}.br-header-icon,.br-header-search button{min-width:32px;padding:4px}}

/* ================================================================ Update 6 (4 October 2026) */
/* Buttons (owner): shop buttons are magenta with the lime green on hover: Shop now and Explore, the filter buttons,
   the buttons under each product and the buttons on the product pages. Contact us, Enquire now, Keep me updated and
   the site's other buttons stay lime with magenta on hover (Update 3 rule). A chosen filter shows in lime. */
.br-button-shop .wp-block-button__link,.br-shop-filters .wp-block-button__link,.br-range-button .wp-block-button__link,.br-hair-lines a,
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product a.button,.br-card-choose button,.br-home-product-button,
.single-product div.product form.cart .button,.single-product div.product form.cart button[type=submit]{background:var(--br-magenta)!important;border-color:var(--br-magenta)!important;color:#fff!important}
.br-button-shop .wp-block-button__link:hover,.br-button-shop .wp-block-button__link:focus-visible,.br-shop-filters .wp-block-button__link:hover,.br-shop-filters .wp-block-button__link:focus-visible,
.br-range-button .wp-block-button__link:hover,.br-range-button .wp-block-button__link:focus-visible,.br-hair-lines a:hover,.br-hair-lines a:focus-visible,
.woocommerce ul.products li.product .button:hover,.woocommerce ul.products li.product .button:focus-visible,.br-card-choose button:hover,.br-card-choose button:focus-visible,
.br-home-product-button:hover,.br-home-product-button:focus-visible,.single-product div.product form.cart .button:hover,.single-product div.product form.cart .button:focus-visible,
.single-product div.product form.cart button[type=submit]:hover,.br-shop-filters .wp-block-button__link.is-current{background:var(--br-green)!important;border-color:var(--br-green)!important;color:var(--br-ink)!important}

/* Brand heroes: the owner's own pictures (products already on the stone slabs), with the wording on the empty wall on
   the left. Wide screens: the whole picture, the wording laid over its left third, never over the products. Tablets
   and phones: the wording first, then the products (the empty left part of the picture is left out). --cut is the
   share of the picture left out on small screens, --copy-w the width the wording may take on wide screens. */
.br-brand-hero.br-photo-hero{--wall:#f6e7da;--cut:.34;--copy-w:31%;display:flex;flex-direction:column;gap:0;padding:0;background:var(--wall);container-type:inline-size;overflow:hidden}
.br-photo-hero.br-photo-hero-ciaocarb{--wall:#f1e2d6}
.br-brand-hero-hlskin.br-photo-hero{--wall:#f3e9e1;--cut:.4;--copy-w:34%}
.br-brand-hero-chenice.br-photo-hero{--wall:#f9ece1;--cut:.4;--copy-w:36%}
.br-brand-hero-herbatint.br-photo-hero{--wall:#f8e3d8}
.br-photo-hero .br-hero-stage{position:relative;order:2;margin:0!important;width:calc(100% / (1 - var(--cut)));max-width:none;margin-left:calc(-100% * var(--cut) / (1 - var(--cut)))!important}
.br-photo-hero .br-hero-stage::before{content:"";position:absolute;inset:0 0 auto;height:22%;background:linear-gradient(var(--wall),rgba(0,0,0,0));z-index:1;pointer-events:none}
.br-photo-hero .br-hero-photo{margin:0!important}
.br-photo-hero .br-hero-photo img{display:block;width:100%;height:auto}
.br-photo-hero .br-brand-hero-copy{order:1;padding:40px 24px 8px}
.br-photo-hero .br-lead{max-width:none}
@media(min-width:1200px){
  .br-photo-hero .br-hero-stage{order:0;width:100%;margin-left:0!important}
  .br-photo-hero .br-hero-stage::before{display:none}
  .br-photo-hero .br-brand-hero-copy{position:absolute;z-index:2;left:4.5%;top:8%;width:var(--copy-w);padding:0}
  .br-photo-hero .br-brand-hero-title{font-size:clamp(46px,4.6cqw,88px)}
  .br-photo-hero .br-brand-hero-sub{font-size:clamp(26px,2.4cqw,46px);margin-bottom:1.3cqw!important}
  .br-photo-hero .br-lead,.br-photo-hero .br-brand-hero-strap{font-size:clamp(15px,1.12cqw,20px)}
  .br-photo-hero .br-brand-hero-strap{margin:1cqw 0 1.6cqw!important}
  .br-photo-hero .br-learn-more-wrap{margin-top:1.2cqw!important}
  .br-photo-hero .br-learn-more{font-size:clamp(16px,1.2cqw,21px)}
}
@media(min-width:1200px) and (max-width:1399px){.br-photo-hero .br-brand-hero-copy{top:5%}}
/* CiaoCarb: each line banner in the picture opens its line (link names for screen readers and keyboard users) */
.br-photo-hero .br-hero-lines{position:absolute;inset:0;margin:0!important;z-index:2}
.br-hero-line{position:absolute;top:28%;height:47%;width:7%;border-radius:6px;color:transparent!important;font-size:0;text-decoration:none;transition:background .2s,box-shadow .2s}
.br-hero-line-protein{left:48.2%}.br-hero-line-fibre{left:57.7%}.br-hero-line-balance{left:66.6%}.br-hero-line-low{left:76.6%}.br-hero-line-keto{left:86.5%}
.br-hero-line:hover,.br-hero-line:focus-visible{background:rgba(255,255,255,.14);box-shadow:0 0 0 3px var(--br-magenta),0 0 26px rgba(135,35,94,.45);outline:none}

/* End sections: the owner's pictures with real wording and buttons (Contact us lime, magenta on hover). Wide
   screens: the icon and wording where the owner placed them, on the empty wall; small screens: the wall behind,
   wording below the icon. */
.br-end{position:relative;margin-top:var(--br-band)!important;background:#f7e8db;container-type:inline-size;overflow:hidden}
.br-end .br-end-photo{position:absolute;inset:0;margin:0!important}
.br-end .br-end-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:28% 50%}
.br-end-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:44px 24px}
.br-end .br-end-icon{margin:0!important;width:96px;flex:none}
.br-end .br-end-icon img{display:block;width:100%;height:auto}
.br-end-title{font-size:clamp(26px,2.4cqw,46px);line-height:1.12;letter-spacing:-.02em;margin:0 0 12px!important}
.br-end-lead{font-size:clamp(16px,1.15cqw,21px);line-height:1.5;margin:0 0 8px!important}
.br-end-note{font-size:clamp(15px,1.05cqw,19px);margin:0 0 20px!important}
.br-end .wp-block-buttons{gap:12px}
@media(min-width:1000px){
  .br-end .br-end-photo{position:relative;inset:auto}
  .br-end .br-end-photo img{height:auto;object-fit:fill}
  .br-end-inner{position:absolute;inset:0;flex-direction:row;align-items:center;gap:2.6cqw;padding:0 0 0 5.6%}
  .br-end .br-end-icon{width:11.6%}
  .br-end-copy{width:40%}
  .br-end-title{margin-bottom:.9cqw!important}
  .br-end-note{margin-bottom:1.5cqw!important}
}

/* The member bar (Herbalife Rule 6.5) in two neat lines, smaller, with no gap before the hero (owner, Update 6).
   Product pages show the same bar at the top of the page. */
.br-hl-member{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 16px;margin:0;padding:8px 18px}
.br-hl-member-mark{grid-row:1 / span 2}
.br-hl-member-mark img{max-height:38px}
.br-hl-member-badge{padding:5px 9px;font-size:9px;border-width:1.5px}
.br-hl-member-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px}
.br-hl-member-title{font-size:9.5px}
.br-hl-member-name{font-size:15px}
.br-hl-member-contact{grid-column:2;width:auto;margin:0;gap:2px 16px;font-size:13px}
.br-hl-member+.br-label-admin-note{margin:8px 0 0}
.br-product-page .br-hl-member{margin:0 0 18px}
.wp-block-post-content>.br-hl-member:first-child{margin-block-end:0}
.wp-block-post-content>.br-hl-member+.br-brand-hero{margin-block-start:0}

/* HL/Skin product pages: the Description box from the brochure, with the full ingredient list folded away */
.br-hl-description h4{margin:16px 0 4px!important;font-size:15px;font-weight:800;color:var(--br-magenta)}
.br-hl-description h4:first-child{margin-top:0!important}
.br-hl-description p{margin:0}
.br-hl-science{margin:4px 0 0;padding-left:18px}
.br-hl-science li{margin:3px 0}
.br-hl-ingredients-more{margin-top:18px;font-size:13px;color:var(--br-muted)}
.br-hl-ingredients-more summary{cursor:pointer;font-weight:700;color:var(--br-ink)}
.br-hl-ingredients-more .br-ingredients{margin-top:6px!important;font-size:13px}

/* Food product pages: the line about medical conditions under the basket button */
.br-food-medical{margin:14px 0 0!important;font-size:14px;color:var(--br-muted)}

/* Brand pages: "Shop <brand>" with the Sort / show list on its right (owner's layout for every brand page) */
@media(min-width:601px){
  .br-product-section:has(.br-shop-sort){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
  .br-product-section:has(.br-shop-sort)>*{grid-column:1 / -1}
  .br-product-section:has(.br-shop-sort)>.br-shop-title{grid-column:1;grid-row:1;margin:0!important}
  .br-product-section:has(.br-shop-sort) .br-ciaocarb-shop,.br-product-section:has(.br-shop-sort) .br-ciaocarb-shop>.woocommerce{display:contents}
  .br-product-section:has(.br-shop-sort) .br-ciaocarb-shop>*,.br-product-section:has(.br-shop-sort) .br-ciaocarb-shop>.woocommerce>*{grid-column:1 / -1;min-width:0}
  .br-product-section:has(.br-shop-sort) .br-ciaocarb-shop .br-shop-sort.br-shop-sort{grid-column:2;grid-row:1;float:none;margin:0}
  .br-product-section:has(.br-shop-sort) .woocommerce-result-count{grid-column:1 / -1;margin:14px 0 4px!important;line-height:1.4}
}

/* ================================================================ Update 7 (5 October 2026) */
/* Backgrounds (owner): the lighter, even HL/Skin shading everywhere. The brand heroes and end sections were taken to
   that shade (.build/build-brand-pictures.py), so the wall colours that continue them follow. */
.br-brand-hero.br-photo-hero{--wall:#f3e9e0}
.br-photo-hero.br-photo-hero-ciaocarb{--wall:#f1e6dc}
.br-brand-hero-herbatint.br-photo-hero{--wall:#f2e7dd}
.br-brand-hero-chenice.br-photo-hero{--wall:#f6ece2}
.br-end{background:#f6ede4}

/* The coaching background (Lifestyle Coaching, Get started and About Us; owner; Recipes keeps the plain background). The picture sits at the top
   at full width and fades into its own floor colour, so a long page has no edge. */
.br-soft-page{--soft:#f6ece1;--soft-h:max(56.2vw,620px);background:linear-gradient(rgba(246,236,225,0) calc(var(--soft-h) - 260px),var(--soft) var(--soft-h)),url(images/coaching-bg.webp) center top/max(100%,1100px) auto no-repeat,var(--soft)}
@media(max-width:781px){.br-soft-page{background-image:linear-gradient(rgba(246,236,225,0) calc(var(--soft-h) - 260px),var(--soft) var(--soft-h)),url(images/coaching-bg-960.webp)}}
.wp-block-post-content>.br-soft-page{margin-block:0}
.br-soft-page .br-section{background:none}

/* Brand shops: half the space between the page numbers and the end section (owner: the same on every shop page) */
/* (before: the section's bottom padding plus the band above the end section: 80px + 72px on a wide screen) */
.br-product-section:has(+.br-end){padding-bottom:calc((80px + var(--br-band)) / 2)}
.br-product-section+.br-end{margin-top:0!important}
@media(max-width:600px){.br-product-section:has(+.br-end){padding-bottom:calc((50px + var(--br-band)) / 2)}}

/* Lifestyle Coaching (owner's mock-up, in the website's font, colours and buttons) */
.br-coach-page{--pad:max(5%,calc((100% - 1240px) / 2))}
.br-coach-page .br-eyebrow{margin:0 0 10px!important;letter-spacing:.16em}
.br-coach-heading{margin:0!important;font-size:clamp(30px,3.2vw,46px);letter-spacing:-.03em;line-height:1.12}
.br-coach-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center;padding:64px var(--pad) 72px;background:linear-gradient(90deg,rgba(249,242,234,.82),rgba(249,242,234,.55) 32%,rgba(249,242,234,0) 48%)}
.br-coach-hero-copy>*{margin-block:0!important}
.br-coach-title{font-size:clamp(52px,6.4vw,100px);line-height:.98;letter-spacing:-.045em;margin-bottom:22px!important}
.br-coach-sub{font-size:clamp(20px,1.75vw,26px);font-weight:600;line-height:1.3;max-width:520px}
.br-coach-lead{margin-top:16px!important;font-size:17px;line-height:1.6;color:var(--br-muted);max-width:500px}
.br-coach-strap{margin-top:12px!important;color:var(--br-magenta);font-size:17px;font-weight:700}
.br-coach-hero-copy .wp-block-buttons{margin-top:28px!important}
.br-coach-hero-card{margin:0!important}
.br-coach-hero-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:28px;box-shadow:0 22px 50px rgba(70,45,25,.18)}
.br-coach-how{padding:56px var(--pad) 64px;text-align:center}
.br-coach-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:38px}
.br-coach-steps>.br-coach-step,.br-coach-intro>*{margin:0!important}
.br-coach-step{padding:32px 24px 30px;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(70,45,25,.07)}
.br-coach-step>*{margin-block:0!important}
.br-coach-step-number{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px!important;border-radius:50%;background:#f4dbe5;color:var(--br-magenta);font-size:28px;font-weight:800}
.br-coach-step-title{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.br-coach-step p:last-child{margin-top:12px!important;font-size:15px;line-height:1.6;color:var(--br-muted)}
.br-coach-intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:stretch;padding:8px var(--pad) 64px}
.br-coach-photo{margin:0!important;border-radius:24px;overflow:hidden;background:#f3e6da;min-height:340px}
.br-coach-photo img{display:block;width:100%;height:100%;object-fit:cover}
.br-coach-intro-card{padding:44px 48px;background:#fff;border-radius:24px;box-shadow:0 10px 30px rgba(70,45,25,.07)}
.br-coach-intro-card>*{margin-block:0!important}
.br-coach-intro-card .br-coach-heading{margin-bottom:16px!important}
.br-coach-intro-card p{font-size:16px;line-height:1.65}
.br-coach-intro-card p+p{margin-top:12px!important}
.br-coach-intro-card .br-coach-tell{color:var(--br-magenta)}
.br-coach-quote{margin-top:26px!important;padding-top:22px;border-top:1px solid #eadfd3;color:var(--br-magenta);font-size:clamp(19px,1.6vw,23px)!important;font-style:italic;font-weight:600;line-height:1.45!important}
.br-coach-signature{text-align:right;font-style:italic;font-weight:600;font-size:17px!important}
.br-coach-ready{padding:84px var(--pad) 92px;text-align:center;background:url(images/coaching-bg.webp) center 70%/cover no-repeat}
.br-coach-ready>*{margin-block:0!important}
.br-coach-ready>p:not(.br-eyebrow){margin-top:12px!important;font-size:17px;color:var(--br-muted)}
.br-coach-page .br-coach-ready .br-centred-buttons{justify-content:center;margin-top:28px!important}
@media(max-width:1000px){
  .br-coach-hero,.br-coach-intro{grid-template-columns:1fr;gap:32px}
  .br-coach-hero{padding-top:44px}
  .br-coach-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .br-coach-photo{min-height:260px;max-height:420px}
}
@media(max-width:600px){
  .br-coach-page{--pad:20px}
  .br-coach-steps{grid-template-columns:1fr;gap:16px;margin-top:28px}
  .br-coach-intro-card{padding:30px 24px}
  .br-coach-ready{padding:60px 20px 68px}
}

/* Get started (owner's mock-up): the encouragement on the left, the form in a white card on the right; the form
   keeps the website's form fields (owner: she likes their colours and shading) */
.br-coach-start{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:center;padding:56px max(5%,calc((100% - 1240px) / 2)) 72px}
.br-coach-aside>*{margin-block:0!important}
.br-coach-script{color:var(--br-magenta);font-size:clamp(32px,3.2vw,48px)!important;font-style:italic;font-weight:600;line-height:1.18!important;letter-spacing:-.02em}
.br-coach-script::after{content:"";display:block;width:34px;height:34px;margin:16px 0 0 40%;background:var(--br-magenta);-webkit-mask:var(--br-heart) center/contain no-repeat;mask:var(--br-heart) center/contain no-repeat}
.br-coach-aside-lead{margin-top:26px!important;font-size:19px;line-height:1.5}
.br-coach-perks{display:grid;gap:14px;margin-top:30px!important}
.br-coach-perk{position:relative;display:flex;align-items:center;gap:16px;margin:0!important;font-size:17px;font-weight:500}
.br-coach-perk::before{content:"";flex:none;width:52px;height:52px;border-radius:50%;background:#eef1cf}
.br-coach-perk::after{content:"";position:absolute;left:14px;top:50%;width:24px;height:24px;margin-top:-12px;background:var(--br-ink);-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
:root{--br-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 27S4 19.5 4 11.5A6 6 0 0 1 16 8a6 6 0 0 1 12 3.5C28 19.5 16 27 16 27Z'/%3E%3C/svg%3E")}
.br-coach-perk-leaf{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 25C7 13 13 7 26 6c-1 13-7 19-19 19Z'/%3E%3Cpath d='M7 25c4-6 8-10 13-13'/%3E%3C/svg%3E")}
.br-coach-perk-sun{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3Cpath d='M16 3v4M16 25v4M3 16h4M25 16h4M6.8 6.8l2.8 2.8M22.4 22.4l2.8 2.8M6.8 25.2l2.8-2.8M22.4 9.6l2.8-2.8'/%3E%3C/svg%3E")}
.br-coach-perk-heart{--icon:var(--br-heart)}
.br-coach-form-card{padding:44px 48px 40px;background:#fffcf8;border-radius:24px;box-shadow:0 18px 50px rgba(70,45,25,.12)}
.br-coach-form-card>*{margin-block:0!important}
.br-coach-form-title{color:var(--br-magenta);font-size:clamp(38px,3.6vw,54px);letter-spacing:-.035em;line-height:1.05}
.br-coach-form-intro{margin-top:12px!important;font-size:16px;line-height:1.55;color:var(--br-muted)}
.br-coach-form{margin:26px 0 0!important;padding:0!important;border:0!important;background:none!important;gap:20px 22px}
.br-coach-form small{font-size:12.5px;color:var(--br-muted)}
.br-coach-form input::placeholder,.br-coach-form textarea::placeholder{color:#8b8f84}
.br-coach-choices{min-width:0;margin:0;padding:0;border:0}
.br-coach-choices legend{margin-bottom:4px;padding:0;font-weight:700}
.br-coach-choices>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.br-coach-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--br-magenta);border-radius:999px;background:#f4f8da;font-size:14px;font-weight:500!important;line-height:1.25;cursor:pointer}
.br-coach-form .br-coach-pill input{width:17px;height:17px;min-height:0;flex:none;margin:0;padding:0;accent-color:var(--br-magenta)}
.br-coach-pill:has(input:checked){background:var(--br-magenta);color:#fff}
.br-coach-pill:has(input:focus-visible){outline:3px solid var(--br-magenta);outline-offset:3px}
.br-coach-methods>div{gap:8px}
.br-coach-methods .br-coach-pill{gap:8px;padding:9px 13px}
.br-coach-support>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.br-coach-support .br-coach-pill{border-radius:12px;min-height:52px}
.br-coach-country[hidden]{display:none}
.br-coach-privacy{position:relative;margin-top:4px!important;padding-left:30px;color:var(--br-muted)}
.br-coach-privacy::before{content:"";position:absolute;left:0;top:1px;width:18px;height:22px;background:var(--br-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='12' width='18' height='14' rx='3'/%3E%3Cpath d='M7 12V8a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='12' width='18' height='14' rx='3'/%3E%3Cpath d='M7 12V8a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/contain no-repeat}
.br-coach-form .br-coach-submit{justify-self:stretch;margin-top:4px;padding:15px 24px;border-radius:999px!important;font-size:17px}
.br-coach-form .br-coach-submit::after{content:"\2192";margin-left:10px}
.br-coach-thanks{margin-top:24px}
/* Contact form: the agreement line reads as one sentence (the privacy policy link no longer splits into its own column) */
.br-contact-form .br-form-consent{display:block;position:relative;padding-left:28px}
.br-contact-form .br-form-consent input{position:absolute;left:0;top:0}
@media(max-width:1000px){
  .br-coach-start{grid-template-columns:1fr;gap:36px;padding-top:40px}
  .br-coach-aside{order:2}
}
@media(max-width:781px){
  .br-coach-support>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .br-coach-start{padding:28px 16px 48px}
  .br-coach-form-card{padding:30px 20px 28px;border-radius:18px}
  .br-coach-support>div{grid-template-columns:1fr}
}

/* Recipes: "Cook with CiaoCarb products" under the heading and more prominent; the filter buttons centred and in the
   shop's colours (magenta, lime on hover and when chosen) */
.br-recipes-page>h1,.br-recipes-page>.br-recipes-sub,.br-recipes-page>.br-lead{text-align:center;margin-inline:auto!important}
.br-recipes-page>h1{margin-bottom:6px!important}
.br-recipes-sub{margin-top:0!important;color:var(--br-magenta);font-size:clamp(24px,2.5vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.br-recipes-page>.br-lead{max-width:680px}
.br-recipe-filters{justify-content:center}
.br-recipe-filters button{background:var(--br-magenta)!important;border-color:var(--br-magenta)!important;color:#fff!important}
.br-recipe-filters button span{background:rgba(255,255,255,.22)}
.br-recipe-filters button:hover,.br-recipe-filters button:focus-visible,.br-recipe-filters button[aria-pressed=true]{background:var(--br-green)!important;border-color:var(--br-green)!important;color:var(--br-ink)!important}
.br-recipe-filters button:hover span,.br-recipe-filters button[aria-pressed=true] span{background:rgba(0,0,0,.08)}

/* About Us: the heading closer to the picture, and the story in a white box like the other pages' cards */
.br-about-page .br-story-heading{padding-bottom:0}
.br-about-page .br-story-layout{padding-top:28px;align-items:stretch}
.br-about-page .br-story-image img{height:100%;min-height:540px}
.br-about-page .br-story-copy{padding:40px 44px;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(70,45,25,.07)}
.br-about-page .br-story-copy>*{margin-block:0!important}
.br-about-page .br-story-copy p{font-size:16px;line-height:1.65}
.br-about-page .br-story-copy p+p{margin-top:12px!important}
.br-about-page .br-story-copy>.br-story-title{margin-bottom:16px!important}
.br-story-title{font-size:clamp(28px,2.6vw,38px);letter-spacing:-.03em;line-height:1.15}
.br-story-strap{color:var(--br-magenta)}
.br-about-page .br-story-copy .wp-block-buttons{margin-top:24px!important}
@media(max-width:800px){
  .br-about-page .br-story-image img{min-height:0;height:340px}
  .br-about-page .br-story-copy{padding:28px 22px}
}

/* Update 9 (7–9 October 2026): the owner's wider CiaoCarb hero (1931 x 814, about 2.37 : 1: the wall on the left 43 %,
   the five line banners and the packs on the right), on the CiaoCarb and "Learn more about each range" pages.
   Wide screens: the whole picture, with its wording and button, fits on the first screen. The hero is as wide as the
   window, but never taller than the window under the header (--br-head); in a window that is short for its width
   (laptops, zoomed in) the hero narrows as one piece (picture, wording and line links together), the wall colour
   carries on at both sides and the picture's edges fade into it. Small screens: the wording first, then the right
   60 % of the picture (the packs). To give another brand's new wide picture the same rules, add its class to these. */
.br-photo-hero.br-photo-hero-ciaocarb{--wall:#f2e8dc;--cut:.4;--copy-w:36%;--ratio:2.372}
@media(min-width:1200px){
  .br-photo-hero.br-photo-hero-ciaocarb{--br-head:135px;width:max(min(100%,1000px),min(100%,calc((100vh - var(--br-head)) * var(--ratio))));margin-inline:auto!important;box-shadow:0 0 0 100vmax var(--wall);clip-path:inset(0 -100vmax)}
  .br-photo-hero-ciaocarb .br-hero-photo img{--fade:clamp(0px,100vw - 100cqw - 24px,4cqw);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent)}
}
@media(min-width:1200px) and (max-width:1299px){.br-photo-hero.br-photo-hero-ciaocarb{--br-head:128px}}
/* The line links over the five banners (banner tops at 13 % of the picture; each link reaches down over its packs) */
.br-photo-hero-ciaocarb .br-hero-line{top:13%;height:60%;width:6.3%}
.br-photo-hero-ciaocarb .br-hero-line-protein{left:50.2%}.br-photo-hero-ciaocarb .br-hero-line-fibre{left:58.9%}
.br-photo-hero-ciaocarb .br-hero-line-balance{left:67.7%}.br-photo-hero-ciaocarb .br-hero-line-low{left:76.7%}
.br-photo-hero-ciaocarb .br-hero-line-keto{left:86.2%}

/* ---------------------------------------------------------------- Update 9 (owner, 9 October 2026) */
/* One centred page title (the Recipes title, a little smaller) on Get started, Recipes, Lifestyle Activities, About Us,
   Contact us, Log in, Cart and Checkout: .br-page-head from page_head() in .build/build-patterns.py, and the same group
   round the page title in templates/page-cart.html and page-checkout.html. The Coaching title keeps its place in the
   hero beside the picture, in the same size and colours. */
.br-page-head{max-width:1240px;margin:0 auto 36px!important;text-align:center}
.br-page-head>*{margin-inline:auto!important}
.br-page-head>.br-eyebrow{margin:0 0 12px!important}
.br-page-head h1.br-page-title,.br-coach-hero h1.br-page-title{font-size:clamp(40px,5vw,72px);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--br-ink);margin-block:0!important}
.br-coach-hero h1.br-page-title{line-height:1;margin-bottom:22px!important}
.br-page-head>.br-page-sub{margin-top:8px!important;margin-bottom:0!important;color:var(--br-magenta);font-size:clamp(22px,2.2vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.br-page-head>.br-page-lead{max-width:680px;margin-top:16px!important;margin-bottom:0!important}
.br-section>.br-page-head:first-child{margin-top:0!important}
@media(max-width:600px){.br-page-head{margin-bottom:26px!important}}

/* Lifestyle Coaching: the coaching picture only behind the hero, fading into the website's cream at its foot (owner's
   mock-up); "A simple, supportive process" in its own section on the cream. The left veil keeps the wording easy to read. */
.br-coach-page .br-coach-hero{background:linear-gradient(180deg,rgba(250,246,238,0) 64%,rgba(250,246,238,.85) 90%,var(--br-cream) 100%),linear-gradient(90deg,rgba(249,242,234,.82),rgba(249,242,234,.55) 32%,rgba(249,242,234,0) 48%),url(images/coaching-bg.webp) center 40%/cover no-repeat,var(--br-cream)}
.br-coach-page .br-coach-how{padding-top:64px;background:none}
@media(max-width:1000px){.br-coach-page .br-coach-hero{background:linear-gradient(180deg,rgba(249,242,234,.78),rgba(249,242,234,.5) 40%,rgba(250,246,238,.2) 60%,rgba(250,246,238,.85) 90%,var(--br-cream) 100%),url(images/coaching-bg-960.webp) center top/cover no-repeat,var(--br-cream)}}

/* Get started: the website's cream (no background picture), the shared title above the encouragement and the form */
.br-coach-start-page{padding:56px max(5%,calc((100% - 1240px) / 2)) 72px}
.br-coach-start-page>.br-coach-start{padding:8px 0 0;align-items:start}
.br-coach-start-page .br-coach-aside{padding-top:48px}
@media(max-width:1000px){.br-coach-start-page .br-coach-aside{padding-top:0}}
.br-coach-form-card>.br-coach-form-intro{margin-top:0!important}
@media(max-width:600px){.br-coach-start-page{padding:36px 16px 48px}.br-coach-start-page>.br-coach-start{padding:0}}

/* Basket and checkout: the site's header and footer (templates/page-cart.html, page-checkout.html), the shared title,
   the form in a white card with the Get started form's fields (pale lime, magenta border) */
.br-wc-page{padding-top:56px}
.br-wc-page>.wp-block-post-content{max-width:1240px}
.br-checkout-page .wc-block-checkout__main{padding:40px 44px 36px!important;background:#fff;border-radius:24px;box-shadow:0 18px 50px rgba(70,45,25,.12)}
.br-wc-page .wc-block-components-text-input input,.br-wc-page .wc-block-components-textarea,.br-wc-page .wc-blocks-components-select .wc-blocks-components-select__select,.br-wc-page .wc-block-components-combobox .wc-block-components-combobox-control input,.br-wc-page .wc-block-components-totals-coupon input{background:#f4f8da!important;border:1px solid var(--br-magenta)!important;border-radius:5px!important;color:var(--br-ink)!important}
.br-wc-page .wc-block-components-text-input input:focus,.br-wc-page .wc-block-components-textarea:focus,.br-wc-page .wc-blocks-components-select .wc-blocks-components-select__select:focus,.br-wc-page .wc-block-components-combobox .wc-block-components-combobox-control input:focus{box-shadow:0 0 0 1px var(--br-magenta)!important;outline:0}
.br-wc-page .wc-block-components-text-input label,.br-wc-page .wc-blocks-components-select__label{color:var(--br-muted)}
.br-wc-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{border-color:var(--br-magenta)}
.br-wc-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked{background:var(--br-magenta);border-color:var(--br-magenta)}
.br-wc-page .wc-block-components-checkbox .wc-block-components-checkbox__mark{fill:#fff}
.br-wc-page .wc-block-components-radio-control__input{border-color:var(--br-magenta)}
.br-wc-page .wc-block-components-radio-control__input:checked::before{background:var(--br-magenta)}
.br-wc-page .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,.br-wc-page .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{box-shadow:inset 0 0 0 1.5px var(--br-magenta)}
.br-wc-page .wc-block-components-checkout-step__title,.br-wc-page .wc-block-cart__totals-title{color:var(--br-ink);font-weight:800}
.br-wc-page .wc-block-components-product-name,.br-wc-page .wc-block-components-checkout-return-to-cart-button,.br-wc-page .wc-block-components-totals-coupon-link{color:var(--br-magenta)}
.br-wc-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{color:var(--br-magenta)}
@media(max-width:600px){.br-checkout-page .wc-block-checkout__main{padding:26px 18px 22px!important;border-radius:18px}}
/* VAT: one line of its own in the order summary (assets/br-vat-line.js in BR Commerce, from WooCommerce's tax totals);
   WooCommerce's own taxes row and its "Including € … in taxes" note are hidden so VAT shows once */
.wp-block-woocommerce-cart-order-summary-taxes-block,.wp-block-woocommerce-checkout-order-summary-taxes-block,.wc-block-components-totals-footer-item-tax{display:none!important}
/* The VAT line sits just above the Total (WooCommerce puts the space it uses after the Total) */
:is(.wp-block-woocommerce-cart-order-summary-block,.wc-block-components-checkout-order-summary__content):has(.br-vat-lines){display:flex;flex-direction:column}
:is(.wp-block-woocommerce-cart-order-summary-block,.wc-block-components-checkout-order-summary__content)>.slot-wrapper:has(.br-vat-lines){order:3}
:is(.wp-block-woocommerce-cart-order-summary-block,.wc-block-components-checkout-order-summary__content)>.wc-block-components-totals-wrapper:has(>.wc-block-components-totals-footer-item){order:4}
.br-vat-lines.wc-block-components-totals-wrapper{padding:0!important;border:0!important}

/* ===== Update 13 (build brief phase 5): reseller prices =====
   Approved resellers see "Your price €x" and, under it and smaller, the shop's retail price ("RRP"); wording in BR Setup → 3b */
.br-reseller-price{display:inline-flex;flex-direction:column;align-items:inherit;gap:2px;line-height:1.3}
.br-reseller-price .br-your-price{font-weight:700}
.br-reseller-price .br-rrp{font-size:.82em;font-weight:500;color:var(--br-muted)}
.wc-block-components-product-price .br-reseller-price,.wc-block-cart-item__prices .br-reseller-price{align-items:flex-start}

/* ===== 1.3.3: Get started on wide screens (owner, 14 October 2026) =====
   The page is a .br-section (max 1368px) whose side padding is worked out from the full screen width, so on screens
   wider than about 1400px (or a zoomed-out browser) the padding grew while the box stayed 1368px and the form was
   squeezed into a strip. Without the cap the content stays 1240px wide and centred, like the other coaching sections. */
.br-section.br-coach-start-page{max-width:none}

/* ===== 1.3.3: brand heroes as one picture (owner, 14 October 2026) =====
   All four brand heroes are now the owner's wide pictures (about 2.37 : 1, the wall on the left; HL/Skin, Herbatint and
   Chenice new on 14 October, CiaoCarb unchanged). From 900 px wide (computers, tablets on their side, zoomed-in windows)
   the wording sits on the wall on the left of the picture and every size and gap is a share of the hero's width (cqw),
   so wording and picture grow and shrink together as one image. The shares are those of the approved CiaoCarb hero at
   1440 px. The hero also keeps the "whole picture on the first screen" rule of Update 9, now for every brand.
   Below 900 px (phones and tablets held upright) the wording stays above the picture, as before. --copy-w: the width the
   wording may take (it stops before the products); --cut: the share of the picture left out on the left on phones. */
.br-photo-hero.br-photo-hero-ciaocarb{--wall:#f2e8dc;--ratio:2.372;--copy-w:36%;--cut:.4}
.br-brand-hero-hlskin.br-photo-hero{--wall:#f2e8dc;--ratio:2.375;--copy-w:40%;--cut:.55} /* 1.3.4 (owner, 18 October 2026): CiaoCarb's wall colour (was #f3e7dc, slightly peach); the picture's wall is matched in build-brand-pictures.py HERO_COOL */
.br-brand-hero-herbatint.br-photo-hero{--wall:#f0e5db;--ratio:2.378;--copy-w:40%;--cut:.42}
.br-brand-hero-chenice.br-photo-hero{--wall:#f1e5d9;--ratio:2.375;--copy-w:37%;--cut:.4}
@media(min-width:900px){
  .br-brand-hero.br-photo-hero{--br-head:135px;width:max(min(100%,900px),min(100%,calc((100vh - var(--br-head)) * var(--ratio))));margin-inline:auto!important;box-shadow:0 0 0 100vmax var(--wall);clip-path:inset(0 -100vmax)}
  .br-photo-hero .br-hero-photo img{--fade:clamp(0px,100vw - 100cqw - 24px,4cqw);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent)}
  .br-photo-hero .br-hero-stage{order:0;width:100%;margin-left:0!important}
  .br-photo-hero .br-hero-stage::before{display:none}
  .br-photo-hero .br-brand-hero-copy{position:absolute;z-index:2;left:4.5%;top:5.06cqw;width:var(--copy-w);margin:0!important;padding:0}
  .br-photo-hero .br-brand-hero-title{font-size:4.6cqw;line-height:1;margin:0 0 .56cqw!important}
  .br-photo-hero .br-brand-hero-sub{font-size:2.4cqw;line-height:1.08;margin:0 0 1.3cqw!important}
  .br-photo-hero .br-lead,.br-photo-hero .br-brand-hero-strap,.br-photo-hero .br-brand-hero-note{font-size:1.12cqw;line-height:1.65}
  .br-photo-hero .br-lead{margin:1.68cqw 0 0!important}
  .br-photo-hero .br-brand-hero-strap{margin:1cqw 0 1.6cqw!important}
  .br-photo-hero .wp-block-buttons{margin:1.68cqw 0 0!important;gap:.8cqw}
  .br-photo-hero .wp-block-button__link{font-size:1.066cqw;line-height:1.65;padding:1.12cqw 1.68cqw}
  .br-photo-hero .br-learn-more-wrap{margin:1.2cqw 0 0!important;font-size:1.2cqw}
  .br-photo-hero .br-learn-more{font-size:1.2cqw}
}
@media(min-width:900px) and (max-width:1299px){.br-brand-hero.br-photo-hero{--br-head:128px}}

/* ===== 1.3.3: Coaching page end section ("Ready to make a different decision?") fades in from the cream page above,
   as the top hero fades out into it (owner, 14 October 2026); no hard edge where the picture starts. */
.br-coach-page .br-coach-ready{background:linear-gradient(180deg,var(--br-cream),rgba(250,246,238,.85) 12%,rgba(250,246,238,0) 42%),url(images/coaching-bg.webp) center 70%/cover no-repeat,var(--br-cream)}

/* ===== 1.3.3: the homepage reseller strip ("Want to stock or promote CiaoCarb?") keeps its look and pops up into place as
   it scrolls into view (owner, 15 October 2026, after trying four restyles and a glowing button): it rises from a little
   lower and slightly smaller, overshoots a touch and settles. A new "pop up" effect of the site's scroll animations
   (assets/animations.js gives it to .br-reseller-strip); it runs once per visit to the page, and visitors who ask their
   device for less motion just see the strip. */
.br-reseller-strip{border:2px solid var(--br-magenta)} /* owner, 15 October 2026: a magenta frame on top of the pop-up */
html.br-motion-enabled .is-style-br-pop-up{opacity:0;transform:translate3d(0,46px,0) scale(.92);transition:opacity .45s ease-out,transform .8s cubic-bezier(.34,1.56,.64,1);will-change:opacity,transform}
html.br-motion-enabled .is-style-br-pop-up.br-motion-visible{opacity:1;transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){html.br-motion-enabled .is-style-br-pop-up{opacity:1!important;transform:none!important;transition:none!important}}

/* ===== 1.3.4: the signature "Vanessa Morrison Smith" (owner, 17 October 2026: Montserrat italic, bold, in the site's black,
   on one line, as the magenta quote / strap line sits just above it; it slides in from the right as it scrolls into view,
   the site's "slide right" effect given in assets/animations.js). On the Lifestyle Coaching page (Meet your coach) and at
   the end of the About Us story. */
.br-coach-signature{text-align:right;font-style:italic;font-weight:700;color:var(--br-ink);font-size:clamp(17px,1.45vw,21px)!important;line-height:1.3;white-space:nowrap}
.br-story-copy .br-story-signature{margin:6px 0 0!important}

/* ===== 1.3.4: Lifestyle Activities cards (owner, 17 October 2026: "Walk. Talk. Feel Good. – Sliema" in magenta, a tagline
   under it, the description, then "Mondays & Thursdays · 6:00am · Starting 2 November", then "Find out more →"). The
   tagline is the activity's Tagline field; the last line is its Day and time and Status note (activities.php). */
.br-activity-card h2 a{color:var(--br-magenta)}
.br-activity-card-body p.br-activity-tagline{margin:0 0 10px;font-size:15px;font-weight:700;color:var(--br-ink)}
.br-activity-card-body p.br-activity-card-meta{margin:2px 0 14px;font-size:14px;font-weight:700;color:var(--br-ink)}
.br-activity-card .br-card-link::after{content:" →"}

/* ===== 1.3.4: creating a customer account (owner, 18 October 2026). On the Log in page, "New customer?" with a clear
   lime "Create an account" button; it opens My account showing only the registration form (body.br-register-only,
   frontend.php), centred, headed "Create an account", with "Already have an account? Log in" under it. */
.br-login-more{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.br-login-new{font-size:16px;font-weight:700;color:var(--br-ink)}
a.br-login-create{display:inline-block;padding:13px 26px;border-radius:999px;background:var(--br-green);color:var(--br-ink)!important;font-size:16px;font-weight:700;text-decoration:none!important;transition:background .2s,color .2s}
a.br-login-create::after{content:" →"}
a.br-login-create:hover,a.br-login-create:focus-visible{background:var(--br-magenta);color:#fff!important}
body.br-register-only #customer_login{display:block;max-width:560px;margin-inline:auto}
body.br-register-only #customer_login .u-column1{display:none}
body.br-register-only #customer_login .u-column2{float:none;width:100%;max-width:none}
.br-register-login{margin:18px 0 0!important;font-size:15px}
/* ===== 1.3.4: My account (owner, 18 October 2026). Header: "Hi, Vanessa" and a lime dot on the person icon when logged
   in. Dashboard: the saved basket (Go to basket, Checkout) and Start shopping. Addresses: the Billing / Shipping
   headings at a normal size. No Downloads (frontend.php). */
.br-account-icon{position:relative}
.br-account-icon.br-is-logged-in svg{overflow:visible}
.br-account-icon.br-is-logged-in::after{content:"";position:absolute;top:2px;left:17px;width:9px;height:9px;border-radius:50%;background:var(--br-green);box-shadow:0 0 0 2px #000}
.br-account-basket{margin:22px 0 0;padding:22px 24px 24px;background:#fff;border:1px solid #eee9df;border-top:5px solid var(--br-magenta);border-radius:12px}
.br-account-basket h2{margin:0 0 8px!important;font-size:22px!important;line-height:1.2}
.br-account-basket p{margin:0 0 10px!important;font-size:15px}
.br-account-basket ul{margin:0 0 16px!important;padding-left:20px;font-size:15px;line-height:1.6;color:var(--br-muted)}
.br-account-basket-actions,.br-account-shop{display:flex;flex-wrap:wrap;gap:10px;margin:0!important}
.br-account-shop{margin-top:18px!important}
a.br-account-btn{display:inline-block;padding:12px 24px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none!important;transition:background .2s,color .2s}
a.br-account-btn::after{content:" →"}
a.br-account-btn-lime{background:var(--br-green);color:var(--br-ink)!important}
a.br-account-btn-magenta{background:var(--br-magenta);color:#fff!important}
a.br-account-btn-outline{border:2px solid var(--br-magenta);color:var(--br-magenta)!important;padding:10px 22px}
a.br-account-btn-lime:hover,a.br-account-btn-outline:hover{background:var(--br-magenta);color:#fff!important}
a.br-account-btn-magenta:hover{background:var(--br-green);color:var(--br-ink)!important}
.woocommerce-account .woocommerce-Addresses .woocommerce-column__title,.woocommerce-account .woocommerce-Address-title h2,.woocommerce-account .woocommerce-Address-title h3{font-size:clamp(20px,1.8vw,24px)!important;line-height:1.25!important;margin:0 0 6px!important;letter-spacing:0}
/* "Our email can take a few minutes to arrive… junk or spam folder" under sign-up thank-yous (owner, 18 October 2026) */
.br-signup-result .br-email-note{margin:10px 0 0!important;font-size:14px;color:var(--br-muted)}
.br-register-login a{color:var(--br-magenta);font-weight:700}

/* ===== 1.3.4: "Walk. Talk. Feel Good." – the Sliema walk's own page (owner's design of 17 October 2026, pattern
   walk-talk-feel-good): her layout in the site's font and colours (cream page, white cards, magenta, lime, the site's black;
   the design's navy figures box is the site's black with lime figures). Phones: everything in one column. */
.br-walk-page{max-width:1240px;margin-inline:auto!important;padding-top:28px!important;padding-bottom:72px!important}
.br-walk-page>*+*{margin-top:0!important}
/* grid items line up at the top (WordPress gives every block but the first a gap above it) */
.br-walk-intro>*,.br-walk-facts>*,.br-walk-who>*,.br-walk-rhythm>*,.br-walk-two>*,.br-walk-numbers>*,.br-walk-free>*,.br-walk-member>*,.br-walk-benefits>*,.br-walk-register>*{margin-block-start:0!important}
.br-walk-crumbs{font-size:13px;font-weight:600;color:var(--br-muted);margin:0 0 22px!important}
.br-walk-crumbs a{color:var(--br-muted);text-decoration:none}.br-walk-crumbs a:hover{color:var(--br-magenta)}
.br-walk-hero{background:#fffdf8;border:1px solid #eee9df;border-radius:22px;overflow:hidden}
.br-walk-hero-photo{margin:0!important}.br-walk-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.br-walk-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:44px 52px 48px}
.br-walk-intro>*{margin:0!important}
.br-walk-intro .br-eyebrow{margin:0 0 14px!important}
.br-walk-title{font-size:clamp(46px,5.6vw,76px)!important;font-weight:800!important;line-height:.98!important;letter-spacing:-.02em;margin:0!important}
.br-walk-intro-lead{font-size:clamp(19px,1.7vw,22px)!important;font-weight:700;line-height:1.35;color:var(--br-magenta);margin:0 0 14px!important}
.br-walk-intro-right p:not(.br-walk-intro-lead){font-size:15px;line-height:1.65;margin:0!important}
.br-walk-quote{margin:24px 0 0!important;padding:24px 34px;background:#fffdf8;border:1px solid #eee9df;border-left:6px solid var(--br-green);border-radius:0 var(--br-radius) var(--br-radius) 0;font-size:clamp(17px,1.6vw,21px)!important;font-weight:700;line-height:1.45}
.br-walk-block{margin-top:56px!important}
.br-walk-block>.br-eyebrow{margin:0 0 8px!important}
.br-walk-heading{font-size:clamp(30px,3.4vw,44px)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.01em;margin:0 0 12px!important}
.br-walk-heading-small{font-size:clamp(24px,2.4vw,30px)!important}
.br-walk-sub{font-size:16px!important;line-height:1.6;max-width:760px;margin:0 0 22px!important}
.br-walk-text{font-size:15px;line-height:1.7;margin:16px 0 0!important}
.br-walk-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:6px}
.br-walk-fact{background:#fffdf8;border:1px solid #eee9df;border-radius:var(--br-radius);padding:18px 18px 20px}
.br-walk-fact-label{font-size:11px!important;font-weight:700;letter-spacing:.09em;color:var(--br-magenta);margin:0 0 8px!important}
.br-walk-fact-value{font-size:15px!important;font-weight:700;line-height:1.4;margin:0!important}
.br-walk-who{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.br-walk-who-card{background:#fffdf8;border:1px solid #eee9df;border-radius:var(--br-radius);padding:20px 22px;margin:0!important}
.br-walk-check{position:relative;padding-left:42px;margin:0!important;font-size:15px;font-weight:700;line-height:1.5}
.br-walk-check::before{content:"✓";position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;background:#f7e4ee;color:var(--br-magenta);font-size:15px;line-height:28px;text-align:center}
.br-walk-note{margin:16px 0 0!important;padding:20px 26px;border-radius:var(--br-radius);font-size:15px;line-height:1.65}
.br-walk-note p{margin:0!important;font-size:15px;line-height:1.65}.br-walk-note p+p{margin-top:10px!important}
.br-walk-note-lime{background:rgba(195,216,47,.2)}
.br-walk-note-pink{background:#f9e9f1}
.br-walk-rhythm{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.br-walk-rhythm-card{background:#fffdf8;border:1px solid #eee9df;border-radius:18px;padding:26px 30px;margin:0!important}
.br-walk-rhythm-min{font-size:clamp(32px,3.2vw,40px)!important;font-weight:800;line-height:1;color:var(--br-magenta);margin:0 0 12px!important}
.br-walk-rhythm-title{font-size:20px!important;font-weight:700!important;margin:0 0 8px!important}
.br-walk-rhythm-card p:not(.br-walk-rhythm-min){font-size:14px;line-height:1.65;margin:0!important}
.br-walk-two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.br-walk-col>*{margin-top:0!important}.br-walk-col>.br-eyebrow{margin-bottom:8px!important}
.br-walk-col>.br-walk-numbers,.br-walk-col>.br-walk-numbers+.br-walk-text{margin-top:16px!important}
.br-walk-why{margin:10px 0 0!important;padding-left:20px}
.br-walk-why li{font-size:15px;line-height:1.65;margin:0 0 10px}
.br-walk-why-note{font-size:15px;line-height:1.6;margin:14px 0 0!important}
.br-walk-numbers{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0 0!important;padding:22px 10px;background:var(--br-ink);border-radius:18px}
.br-walk-number-item{padding:0 16px;margin:0!important}.br-walk-number-item+.br-walk-number-item{border-left:1px solid rgba(255,255,255,.22)}
.br-walk-number{font-size:clamp(20px,1.9vw,25px)!important;font-weight:800;line-height:1.15;color:var(--br-green);margin:0 0 8px!important}
.br-walk-number-label{font-size:13px!important;line-height:1.5;color:#fff;margin:0!important}
.br-walk-free{display:grid;grid-template-columns:1.8fr 1fr;gap:30px;align-items:center;padding:40px 44px;background:#f9e9f1;border-radius:22px}
.br-walk-free-text>*{margin-top:0!important}.br-walk-free-text>.br-eyebrow{margin-bottom:8px!important}
.br-walk-free-text p:last-child{font-size:15px;line-height:1.7;margin:0!important}
.br-walk-free-side{margin:0!important;text-align:center;font-size:clamp(19px,1.8vw,22px)!important;font-weight:800;line-height:1.35;color:var(--br-magenta)}
.br-walk-member{display:grid;grid-template-columns:1fr 240px;gap:36px;align-items:start}
.br-walk-member-text>*{margin-top:0!important}.br-walk-member-text>.br-eyebrow{margin-bottom:8px!important}
.br-walk-benefits{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:14px!important}
.br-walk-ticks{list-style:none;margin:0!important;padding:0!important}
.br-walk-ticks li{position:relative;padding-left:24px;margin:0 0 12px;font-size:15px;line-height:1.55}
.br-walk-ticks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--br-magenta);font-weight:700}
.br-walk-price-card{background:#fffdf8;border:1px solid #eee9df;border-radius:18px;padding:28px 24px;text-align:center;margin:0!important}
.br-walk-price{font-size:46px!important;font-weight:800;line-height:1;color:var(--br-magenta);margin:0 0 6px!important}
.br-walk-price-per{font-size:15px!important;font-weight:700;margin:0 0 14px!important}
.br-walk-price-note{font-size:13px!important;line-height:1.5;color:var(--br-muted);margin:0!important}
.br-walk-register{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding:40px 40px 44px;background:#fffdf8;border:1px solid #eee9df;border-radius:22px}
.br-walk-register-text>*{margin-top:0!important}.br-walk-register-text>.br-eyebrow{margin-bottom:8px!important}
.br-walk-contact{margin:18px 0 0!important;padding:20px 22px;background:rgba(195,216,47,.14);border-radius:var(--br-radius);font-size:15px;line-height:1.7}
.br-walk-contact a{color:var(--br-magenta);font-weight:700}
.br-walk-signoff{margin:24px 0 0!important;font-size:16px;font-weight:700;line-height:1.6}
.br-activity-form-card{background:#fff;border-top:5px solid var(--br-magenta);border-radius:16px;padding:26px 26px 28px;box-shadow:0 12px 30px rgba(36,30,28,.08)}
.br-activity-form-title{font-size:20px!important;font-weight:700!important;margin:0 0 16px!important}
.br-activity-form-card .br-activity-form{margin:0!important;padding:0;background:none;border:0;border-radius:0} /* the card is the frame */
.br-activity-form-card button[type=submit]{margin-top:6px}
@media(max-width:1100px){.br-walk-facts{grid-template-columns:repeat(3,1fr)}.br-walk-member{grid-template-columns:1fr}.br-walk-price-card{max-width:320px}}
@media(max-width:900px){
  .br-walk-intro,.br-walk-two,.br-walk-free,.br-walk-register{grid-template-columns:1fr}
  .br-walk-intro{padding:30px 26px 34px;gap:22px}.br-walk-free,.br-walk-register{padding:30px 24px}
  .br-walk-free-side{text-align:left}
  .br-walk-two{gap:56px}
}
@media(max-width:640px){
  .br-walk-facts,.br-walk-who,.br-walk-rhythm,.br-walk-benefits{grid-template-columns:1fr}
  .br-walk-facts{gap:10px}
  .br-walk-numbers{grid-template-columns:1fr;padding:8px 0}
  .br-walk-number-item{padding:14px 20px}.br-walk-number-item+.br-walk-number-item{border-left:0;border-top:1px solid rgba(255,255,255,.22)}
  .br-walk-quote{padding:20px 22px}
  .br-walk-block{margin-top:44px!important}
}

/* ===== 1.3.3: "How do familiar pasta choices compare?" on the Learn more about each range page (owner's design, 15 October
   2026): a white table card, the line names in their line colours, CiaoCarb values in magenta, light rows striped. On
   narrow screens the table scrolls sideways inside its card and the Nutrient column stays in view. */
.br-pasta-compare{padding-top:24px}
.br-range-notes{display:block}.br-range-notes p+p{margin-top:4px!important} /* the notes one under the other (owner) */
/* The range cards (owner, 15 October 2026, option B): "Best for" and "Why choose it" in magenta under a magenta line, and
   lime ticks with a magenta check instead of plain dots. The line colour stays on the name tile, the icons and the bars. */
.br-range-compare .br-range-point{border-top:3px solid var(--br-magenta)}
.br-range-compare .br-range-text h3{color:var(--br-magenta)}
.br-range-compare .br-range-text ul{list-style:none;padding-left:0}
.br-range-compare .br-range-text li{position:relative;padding-left:26px}
.br-range-compare .br-range-text li+li{margin-top:3px}
.br-range-compare .br-range-text li::before{content:"";position:absolute;left:0;top:.18em;width:17px;height:17px;border-radius:50%;background:var(--br-green)}
.br-range-compare .br-range-text li::after{content:"";position:absolute;left:6px;top:calc(.18em + 3px);width:4px;height:8px;border:solid var(--br-magenta);border-width:0 2px 2px 0;transform:rotate(45deg)}
.br-range-compare>.br-pasta-helpful{margin-top:22px!important}
/* On a page updated by update 17 the first "Helpful to know" sits inside the notes group (where the old line was): same look */
.br-range-notes p.br-pasta-helpful{margin-top:22px!important;font-size:15px;color:var(--br-ink)}
/* Words coloured with the editor's text colour are <mark>s with a see-through background; should that background ever
   go missing, they stay unhighlighted instead of turning browser yellow (15 October 2026). A highlight chosen in the
   editor sets its own background on the word, so it still shows. */
mark.has-inline-color{background-color:transparent}
.br-pasta-scroll{overflow-x:auto;margin-top:8px!important;background:#fff;border-radius:var(--br-radius);box-shadow:0 10px 30px rgba(70,45,25,.07)}
.br-pasta-table{margin:0!important}
.br-pasta-table table,.br-pasta-table table.has-fixed-layout{width:100%;min-width:780px;table-layout:auto;border-collapse:collapse}
.br-pasta-table thead,.br-pasta-table tfoot{border:0}
.br-pasta-table :is(th,td){border:0;border-bottom:1px solid #ece6de;padding:16px 12px;text-align:center;white-space:nowrap}
.br-pasta-table tr>:first-child{position:sticky;left:0;z-index:1;background:inherit;text-align:left;padding-left:24px;border-right:1px solid #dfe3e2}
.br-pasta-table :is(th,td)+:is(th,td){border-left:1px solid #f0ece6}
.br-pasta-table thead tr,.br-pasta-table tbody tr{background:#fff}
.br-pasta-table tbody tr:nth-child(odd){background:#f7f8f6}
.br-pasta-table thead tr{background:#f3e0ea} /* soft pink heading row; the nutrient names in magenta (owner, 15 October, option D) */
.br-pasta-table thead th:first-child,.br-pasta-table tbody td:first-child{color:var(--br-magenta)!important}
.br-pasta-table thead th{vertical-align:bottom;font-size:13px;font-weight:500;line-height:1.55;color:var(--br-muted)}
.br-pasta-table thead th strong{font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--br-ink)}
.br-pasta-table thead th em{font-style:normal;font-size:12px;color:#8a8a8a}
.br-pasta-table thead th:first-child{vertical-align:middle;font-size:15px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--br-ink)}
.br-pasta-table thead th:nth-child(4) strong{color:#d7261e}
.br-pasta-table thead th:nth-child(5) strong{color:#0f4c5c}
.br-pasta-table thead th:nth-child(6) strong{color:#1f6f9f}
.br-pasta-table thead th:nth-child(7) strong{color:#7a1f4a}
.br-pasta-table tbody td{font-size:18px;font-weight:700;color:var(--br-ink)}
.br-pasta-table tbody td:first-child{font-size:17px}
.br-pasta-table tbody td:nth-child(n+4){color:var(--br-magenta)}
.br-pasta-notes{display:block;margin-top:18px!important}
.br-pasta-notes p+p{margin-top:4px!important}
.br-pasta-helpful{margin:22px 0 0!important;padding:18px 22px;background:#fff;border-radius:var(--br-radius);font-size:15px;line-height:1.65;color:var(--br-ink)}
.br-pasta-helpful strong{font-size:1.2em}
@media(max-width:600px){.br-pasta-table tbody td{font-size:16px}.br-pasta-table tr>:first-child{padding-left:16px}}

/* ===== 1.3.3: "Free delivery for orders over €50" in the lime bar on every page (owner, 15 October 2026), in black, in the
   centre; Follow Beyond Restrictions and the icons stay on the right. Phones: the note and the icons (the word "Follow…" is
   left out there for room). */
.br-topbar .br-social-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px} /* the note in the centre (owner) */
.br-topbar-note{grid-column:2;text-align:center;color:#000;font-size:11px;font-weight:800;letter-spacing:.08em}
.br-social-follow{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px}
@media(max-width:600px){ /* phones: the note on the left, the Facebook and Instagram icons on the right (owner) */
  .br-topbar .br-social-bar{display:flex;justify-content:space-between}
  .br-topbar-note{text-align:left}
  .br-social-follow-text{display:none}.br-topbar-note{font-size:10px;letter-spacing:.05em}}

/* ===== 1.3.3: "(inc. VAT)" next to the price on product pages (owner, 14 October 2026; wording in BR Setup → 3b) */
.br-price-vat{display:inline-block;margin-left:.4em;font-size:13px;font-weight:500;color:var(--br-muted);white-space:nowrap}
.br-reseller-price .br-price-vat{margin-left:0}

/* ===== 1.3.3: food products' medical line, bold on its own line under the label statement (owner, 16 October 2026) */
.br-label-statement+.br-label-medical,.br-label>.br-label-statement+.br-label-medical{margin-top:8px!important}


/* ===== 1.3.5: reseller/promoter enquiry form, the chosen type's own fields only (owner, 18 October 2026) */
.br-reseller-form .br-who-field[hidden]{display:none!important}
/* Learn more about each range: a smaller gap above the end picture (owner, 18 October 2026: 152 → 100 px; 19 October 2026,
   with the second "Helpful to know" box gone: the notes under the pasta table to the picture 48 px on laptops, 36 px on
   phones, so the table to the picture is about 140 px) */
.br-pasta-compare{padding-bottom:0!important}
.br-pasta-compare+.br-end{margin-top:48px!important}
@media(max-width:600px){.br-pasta-compare+.br-end{margin-top:36px!important}}

/* ===== 1.3.6: Lifestyle Coaching's four step cards lift slightly on hover, like the homepage step cards (owner, 19 October 2026) */
.br-coach-step{transition:box-shadow .25s,transform .25s}
.br-coach-step:hover,.br-coach-step:focus-within{box-shadow:0 14px 32px rgba(36,30,28,.12);transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.br-coach-step:hover,.br-coach-step:focus-within{transform:none}}

/* 1.3.6 (owner, 19 October 2026): Coaching's top photo is the owner, so it says so: the picture's caption as a cream name tag
   on the photo, and "COACHING WITH VANESSA" above the title; less space between the top section and "How it works". */
.br-coach-hero-card{position:relative}
.br-coach-hero-card figcaption.wp-element-caption{position:absolute;left:18px;bottom:18px;margin:0!important;padding:8px 16px;background:rgba(250,246,238,.94);border-radius:999px;box-shadow:0 6px 18px rgba(36,30,28,.14);color:var(--br-ink);font-size:13px;font-weight:700;letter-spacing:.01em;line-height:1.3;text-align:left}
.br-coach-page .br-coach-hero{padding-bottom:36px}
.br-coach-page .br-coach-how{padding-top:36px}
@media(max-width:600px){.br-coach-hero-card figcaption.wp-element-caption{left:12px;bottom:12px;padding:6px 12px;font-size:12px}}
/* Less space between "Meet your coach" and the end picture (owner, 19 October 2026: about 170 → 90 px on a laptop) */
.br-coach-page .br-coach-intro{padding-bottom:32px}
.br-coach-page .br-coach-ready{margin-top:0!important;padding-top:56px}
@media(max-width:600px){.br-coach-page .br-coach-intro{padding-bottom:24px}.br-coach-page .br-coach-ready{padding-top:44px}}
/* "Meet your coach" photo: a very slow, slight zoom in and out (owner, 19 October 2026), so the still photo feels alive.
   After her looks (5% over 16 s: not noticed; 10% over 10 s: a bit much): 7% with a slight drift, 12 s each way, centred
   near the face; none for visitors who ask for reduced motion. */
@keyframes br-coach-breathe{from{transform:scale(1) translate(0,0)}to{transform:scale(1.07) translate(-1%,.7%)}}
.br-coach-photo img{transform-origin:50% 22%;animation:br-coach-breathe 12s ease-in-out infinite alternate;will-change:transform}
/* 1.3.7: the sofa photo's face is near the top; where the frame is wider than the photo (phones) keep the top in view. */
.br-coach-photo img{object-position:50% 12%}
@media(prefers-reduced-motion:reduce){.br-coach-photo img{animation:none}}

/* Walk. Talk. Feel Good.: the photo's caption "Wake up to this view" (owner, 19 October 2026) as a cream tag on her
   sunrise photo, like the coaching name tag, a little larger for the wide picture. Edit it as the image's caption. */
.br-walk-hero-photo{position:relative}
.br-walk-hero-photo figcaption.wp-element-caption{position:absolute;left:28px;bottom:28px;margin:0!important;padding:10px 22px;background:rgba(250,246,238,.94);border-radius:999px;box-shadow:0 6px 18px rgba(36,30,28,.16);color:var(--br-magenta);font-size:16px;font-weight:700;letter-spacing:.02em;line-height:1.3;text-align:left}
@media(max-width:600px){.br-walk-hero-photo figcaption.wp-element-caption{left:12px;bottom:12px;padding:6px 13px;font-size:12px}}
/* The walk page's photo half as high (owner, 19 October 2026: the sunrise took over an already long page): a 4 : 1 strip
   showing the coloured clouds, the sun on the horizon and the rocks; on phones 5 : 2 so it isn't a thin line. */
.br-walk-hero-photo img{aspect-ratio:4/1;object-position:50% 85%}
@media(max-width:600px){.br-walk-hero-photo img{aspect-ratio:5/2}}

/* 1.3.7 (owner, 19 October 2026): a percentage in the lime bar line ("10%") a little bigger, so it doesn't look smaller
   than the words beside it (the thin 1 and % carry less ink). frontend.php wraps any "NN%" in .br-topbar-big. */
.br-topbar-big{font-size:1.3em;line-height:1;letter-spacing:.02em;vertical-align:-.04em}

/* 1.3.7 (owner, 19 October 2026): reseller log-in switched off (BR Setup → 3h): the customer log-in alone, centred, with a
   line to the reseller enquiry page under it. */
.br-login-pair.br-login-single{grid-template-columns:minmax(0,640px);justify-content:center}
.br-login-reseller-note{margin:4px 0 0!important;text-align:center;font-size:16px;font-weight:600}
.br-login-reseller-note a{color:var(--br-magenta)}

/* 1.3.8 (owner, 20 October 2026): CiaoCarb bundles. The lime "Save More on Bundles" button centred under the five magenta
   line buttons (an offer, like the lime bar, so it stands apart from the lines), magenta on hover. */
.br-bundles-buttons{display:flex;justify-content:center;margin-top:18px}
.br-bundles-button .wp-block-button__link{background:var(--br-green)!important;color:var(--br-magenta)!important;border:1px solid var(--br-green)!important;border-radius:999px;padding:14px 34px;font-size:17px;font-weight:700;letter-spacing:.01em}
.br-bundles-button .wp-block-button__link:hover,.br-bundles-button .wp-block-button__link:focus-visible,.br-bundles-button .wp-block-button__link.is-current{background:var(--br-magenta)!important;border-color:var(--br-magenta)!important;color:#fff!important}
@media(max-width:600px){.br-bundles-button .wp-block-button__link{padding:12px 26px;font-size:16px}}

/* 1.3.8 (owner, 20 October 2026): a mixed bundle's page lists its products as small cards (about half a shop card), 6 per
   row on a computer and 3 on phones, each opening the product's own page (nutrition, ingredients, allergens); "×4" when
   there is more than one. A product opened from there has "← Back to …" at the top (bundles.php). */
.br-bundle-contents{clear:both;max-width:1040px;margin:8px auto 48px;padding:0 4px}
.br-bundle-contents h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 4px;text-align:center}
.br-bundle-contents h2 span{color:var(--br-magenta);font-size:.7em;white-space:nowrap}
.br-bundle-note{text-align:center;margin:0 0 18px!important;font-size:15px}
.br-bundle-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;--br-bundle-cols:6}
.br-bundle-card{flex:0 0 calc((100% - (var(--br-bundle-cols) - 1) * 12px) / var(--br-bundle-cols));min-width:0}
.br-bundle-card>a,.br-bundle-card>span{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;padding:8px 8px 10px;background:#fff;border-radius:12px;box-shadow:0 1px 0 rgba(36,30,28,.06);color:var(--br-ink,#241e1c);text-decoration:none;text-align:center;font-size:13px;font-weight:600;line-height:1.3;transition:box-shadow .18s,transform .18s}
.br-bundle-card>a:hover,.br-bundle-card>a:focus-visible{box-shadow:0 6px 18px rgba(135,35,94,.16);transform:translateY(-2px)}
.br-bundle-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0 0 6px}
.br-bundle-qty{position:absolute;top:6px;left:6px;z-index:1;background:var(--br-magenta);color:#fff;border-radius:999px;padding:2px 9px;font-size:13px;font-weight:700}
@media(max-width:900px){.br-bundle-grid{--br-bundle-cols:4}}
@media(max-width:600px){.br-bundle-grid{--br-bundle-cols:3;gap:8px}.br-bundle-card{flex-basis:calc((100% - 16px) / 3)}.br-bundle-card>a,.br-bundle-card>span{font-size:11.5px;padding:6px 5px 8px}.br-bundle-qty{font-size:11.5px;padding:1px 7px}}
/* 1.3.9 (owner, 21 October 2026): a white box in the middle under a bundle's products: label and doctor note. */
.br-bundle-label-note{max-width:720px;margin:28px auto 0;padding:18px 24px;background:#fff;border-radius:12px;box-shadow:0 1px 0 rgba(36,30,28,.06);text-align:center}
.br-bundle-label-note p{margin:0!important;font-size:15px;line-height:1.6;color:var(--br-ink,#241e1c)}
@media(max-width:600px){.br-bundle-label-note{margin-top:20px;padding:14px 16px}.br-bundle-label-note p{font-size:14px}}
.br-bundle-back{margin:0 0 10px!important;font-size:15px;font-weight:600}
.br-bundle-back a{color:var(--br-magenta)}
/* 1.3.8 (owner, 21 October 2026): walk page "Small steps add up": a small magenta heading "In one month" above the figures
   and a second box "In one year" under it (br_apply_update_38). */
.br-walk-col>.br-walk-period{margin:22px 0 8px!important;font-size:14px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--br-magenta)}
.br-walk-col>.br-walk-period+.br-walk-numbers{margin-top:0!important}