/* Brewery register page: the advert, the form extras and the demo dashboard. */
.sbr{--r:#F8002F;--n:#000C14;--g:#16a34a;--a:#f59e0b;font-family:"Source Sans Pro",system-ui,sans-serif;color:var(--n)}
.sbr h1,.sbr h2,.sbr h3{font-family:inherit;color:var(--n);letter-spacing:-.015em}
.sbr em{font-style:normal;color:var(--r)}
.sbr-eye{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--r);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sbr-eye.dark{background:var(--n)}
.sbr-mut{color:#5b6773}

/* hero — the SMB icon background, as on Breweries We Work With */
.sbr-hero{position:relative;overflow:hidden;margin:8px 0 22px;padding:44px 40px;border-radius:24px;background:radial-gradient(120% 140% at 100% 0%,#2a0710 0%,var(--n) 55%);color:#fff;display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:center;box-shadow:0 18px 50px rgba(0,12,20,.2)}
.sbr-hero:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;width:min(50%,470px);background:url(/wp-content/uploads/stock-my-bar-icon-dots-red.png) no-repeat right center/contain;opacity:.2;pointer-events:none}
.sbr-hero>*{position:relative;z-index:1}
.sbr-hero h1{margin:16px 0 12px;color:#fff;font-size:clamp(32px,4.4vw,56px);font-weight:900;line-height:1.02}
.sbr-hero h1 em{display:inline}
.sbr-lead{margin:0;color:rgba(255,255,255,.86);font-size:17px;line-height:1.55;max-width:600px}
.sbr-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;align-items:center}
.sbr-cta .p,.sbr-cta .d{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:800;font-size:15px;letter-spacing:.01em;text-decoration:none!important;cursor:pointer;transition:transform .15s,background .15s,color .15s;font-family:inherit;line-height:1.1}
.sbr-cta .p{background:var(--r);color:#fff!important;border:0;box-shadow:0 10px 26px rgba(248,0,47,.35)}
.sbr-cta .p:hover{background:#fff;color:var(--n)!important;transform:translateY(-2px)}
.sbr-cta .d{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.sbr-cta .d small{font-weight:600;opacity:.75;font-size:12.5px}
.sbr-cta .d:hover{background:#fff;color:var(--n);transform:translateY(-2px)}
.sbr-cta .d.light{background:#fff;color:var(--n);border-color:#fff}
.sbr-cta .d.light:hover{background:var(--r);color:#fff;border-color:var(--r)}
.sbr-zero{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.sbr-zero li{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:14px;line-height:1.3;color:rgba(255,255,255,.8)}
.sbr-zero b{display:grid;place-items:center;height:42px;border-radius:12px;background:#fff;color:var(--r);font-size:19px;font-weight:900}
.sbr-zero strong{display:block;color:#fff;font-size:15.5px}

/* PAYG */
.sbr-payg{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;margin:0 0 30px;padding:32px 34px;border-radius:22px;background:linear-gradient(120deg,#F8002F,#b0001f);color:#fff;overflow:hidden}
.sbr-payg:before{content:"£";position:absolute;right:-10px;bottom:-60px;font-size:260px;font-weight:900;opacity:.08;line-height:1}
.sbr-payg h2{margin:6px 0 8px;color:#fff;font-size:clamp(26px,3vw,38px);font-weight:900}
.sbr-payg h2 em{color:#fff;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.sbr-payg p{margin:0;font-size:17px;line-height:1.5;color:rgba(255,255,255,.92)}
.sbr-payg-badge{position:absolute;top:16px;right:18px;padding:4px 11px;border-radius:999px;background:#fff;color:var(--r);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.sbr-flow{display:flex;gap:10px;margin:0;padding:0;list-style:none;position:relative;z-index:1}
.sbr-flow li{flex:1;padding:14px 12px;border-radius:14px;background:rgba(0,0,0,.18);font-weight:700;font-size:14px;text-align:center;line-height:1.25}
.sbr-flow li i{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 6px;border-radius:50%;background:#fff;color:var(--r);font-style:normal;font-weight:900}
.sbr-flow li.hot{background:#fff;color:var(--n);animation:sbrPulse 2.4s ease-in-out infinite}
.sbr-flow li.hot i{background:var(--r);color:#fff}
@keyframes sbrPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}

/* sections */
.sbr-sec{margin:0 0 34px}
.sbr-sec>h2,.sbr-split h2,.sbr-two h2,.sbr-strip h2{font-size:clamp(24px,2.6vw,34px);font-weight:900;margin:10px 0 12px;line-height:1.1}
.sbr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sbr-card{padding:20px 18px;border-radius:18px;background:#fff;border:1px solid #e6e9ee;box-shadow:0 4px 14px rgba(0,12,20,.05);transition:transform .2s,box-shadow .2s}
.sbr-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,12,20,.1)}
.sbr-card h3{margin:10px 0 6px;font-size:17px;font-weight:800}
.sbr-card p{margin:0;font-size:14.5px;line-height:1.5;color:#4b5563}
.sbr-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff1f3;font-size:23px}
.sbr-ic.big{width:58px;height:58px;font-size:30px}
.sbr-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin:0 0 36px}
.sbr-split p{font-size:16px;line-height:1.6;color:#374151}
.sbr-sli{padding:20px;border-radius:20px;background:var(--n);color:#fff;box-shadow:0 18px 40px rgba(0,12,20,.2)}
.sbr-sli-h,.sbr-sli-r{display:grid;grid-template-columns:60px repeat(4,1fr);gap:8px;align-items:center}
.sbr-sli-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.6);margin-bottom:8px;text-align:center}
.sbr-sli-r{padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}
.sbr-sli-r b{font-size:14px}
.sbr-sli-r em{grid-column:2/-1;color:#ffd6dd;font-size:13px;font-weight:600}
.l{display:block;justify-self:center;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}
.l.g{background:var(--g)}.l.a{background:var(--a)}.l.r{background:var(--r);animation:sbrBlink 1.6s ease-in-out infinite}
@keyframes sbrBlink{50%{box-shadow:0 0 0 6px rgba(248,0,47,.25),inset 0 -3px 0 rgba(0,0,0,.2)}}
.sbr-sli-k{display:flex;gap:16px;justify-content:center;margin-top:12px;font-size:12px;color:rgba(255,255,255,.7)}
.sbr-sli-k span{display:flex;align-items:center;gap:6px}.sbr-sli-k .l{width:12px;height:12px;animation:none}
.sbr-mail{border-radius:18px;background:#fff;border:1px solid #e6e9ee;box-shadow:0 18px 40px rgba(0,12,20,.12);overflow:hidden;font-size:14px}
.sbr-mail-top{display:flex;gap:12px;align-items:center;padding:14px 16px;background:#f6f7f9;border-bottom:1px solid #e6e9ee}
.sbr-mail-top>span{font-size:22px}.sbr-mail-top small{display:block;color:#6b7280}
.sbr-mail table{width:100%;border-collapse:collapse;margin:0}
.sbr-mail th,.sbr-mail td{padding:10px 14px;text-align:left;border:0;border-bottom:1px solid #f0f2f5}
.sbr-mail th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#fff}
.pill{display:inline-block;min-width:28px;padding:2px 8px;border-radius:999px;color:#fff;font-weight:800;text-align:center}
.pill.g{background:var(--g)}.pill.a{background:var(--a)}.pill.r{background:var(--r)}
.sbr-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 30px}
.sbr-panel{padding:28px;border-radius:20px;background:#f6f7f9;border:1px solid #e6e9ee}
.sbr-panel p{font-size:16px;line-height:1.6;color:#374151;margin:0}
.sbr-panel.dark{background:var(--n);border-color:var(--n)}
.sbr-panel.dark h2,.sbr-panel.dark p{color:#fff}.sbr-panel.dark p{color:rgba(255,255,255,.85)}
.sbr-panel.dark .sbr-ic{background:rgba(255,255,255,.1)}
.sbr-strip{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 0 30px;padding:28px 32px;border-radius:22px;background:radial-gradient(120% 160% at 0% 0%,#2a0710 0%,var(--n) 60%);color:#fff}
.sbr-strip h2{color:#fff;margin:0 0 6px}.sbr-strip p{margin:0;color:rgba(255,255,255,.85);font-size:16px;max-width:620px}
.sbr-strip .sbr-cta{margin:0}
@media(max-width:1000px){.sbr-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.sbr-hero{grid-template-columns:1fr;padding:28px 20px;border-radius:18px}.sbr-hero:after{top:auto;bottom:10px;width:230px;height:230px;opacity:.13}.sbr-payg,.sbr-split,.sbr-two{grid-template-columns:1fr}.sbr-split.rev>div:first-child{order:2}.sbr-payg{padding:26px 20px}}
@media(max-width:520px){.sbr-grid{grid-template-columns:1fr}.sbr-flow{flex-direction:column}.sbr-cta .p,.sbr-cta .d{width:100%;justify-content:center}}

/* full width: every section is a band from edge to edge, its content centred in 1240px */
.sbr>section{margin:0!important;border-radius:0!important;box-shadow:none!important;padding-left:max(20px,calc((100% - 1240px) / 2))!important;padding-right:max(20px,calc((100% - 1240px) / 2))!important}
.sbr-hero{padding-top:64px!important;padding-bottom:64px!important}
.sbr-hero:after{right:max(20px,calc((100% - 1240px) / 2));opacity:.16}
.sbr-payg{padding-top:48px!important;padding-bottom:48px!important}
.sbr-sec{padding-top:60px!important;padding-bottom:60px!important;background:#fff}
.sbr-sec>h2{text-align:center;margin-bottom:28px}
.sbr-split{padding-top:64px!important;padding-bottom:64px!important;gap:56px;background:#f6f7f9}
.sbr-split.rev{background:#fff}
.sbr-two{padding-top:60px!important;padding-bottom:60px!important;gap:20px;background:#f6f7f9}
.sbr-panel{background:#fff}
.sbr-strip{padding-top:48px!important;padding-bottom:48px!important}
.sbr-payg-note{display:inline-block;margin:14px 0 0!important;padding:7px 12px;border-radius:10px;background:rgba(0,0,0,.2);font-size:14px!important;font-weight:700}
/* the demo, at the top of the page */
.sbr-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;padding-top:14px!important;padding-bottom:14px!important;background:#fff1f3;border-bottom:1px solid #ffd3dc;text-align:center}
.sbr-top b{font-size:18px;font-weight:800;color:var(--n)}
.sbr-topbtn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 24px!important;border:0!important;border-radius:999px!important;background:var(--r)!important;color:#fff!important;font-family:inherit;font-size:15px!important;font-weight:900!important;letter-spacing:.08em;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(248,0,47,.3);transition:background .15s,transform .15s}
.sbr-topbtn span{font-size:21px;line-height:1;animation:sbrNudge 1.6s ease-in-out infinite}
.sbr-topbtn:hover{background:var(--n)!important;transform:translateY(-1px)}
@keyframes sbrNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
/* the real Stock Level Indicator */
.sbr-split.sbr-slis{grid-template-columns:1fr 1.25fr}
.sbr-slilive .smb-sli{max-width:none;margin:0;box-shadow:0 18px 40px rgba(0,12,20,.12)}
@media(max-width:860px){.sbr-split.sbr-slis{grid-template-columns:1fr}.sbr-hero{padding-top:40px!important;padding-bottom:40px!important}.sbr-split,.sbr-sec,.sbr-two{padding-top:44px!important;padding-bottom:44px!important;gap:28px}}
@media(prefers-reduced-motion:reduce){.sbr-topbtn span,.sbr-flow li.hot,.l.r{animation:none}}

/* form extras */
.elementor-field-group-brew_logo.sbr-hide{display:none!important}
.sbr-formnote{display:flex;gap:10px;align-items:center;margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#fff1f3;color:var(--n,#000C14);font-size:14px}
.sbr-formnote button{margin-left:auto;border:0;border-radius:999px;background:#000C14;color:#fff;font-weight:800;padding:8px 14px;cursor:pointer;font-family:inherit;white-space:nowrap}
.sbr-formnote button:hover{background:#F8002F}
.sbr-login{margin:14px 0 0;font-size:14px;color:#4b5563}.sbr-login a{color:#F8002F;font-weight:700}
.elementor-field-group-brew_partner,.elementor-field-group-brew_indep{padding:12px 14px;border-radius:12px;background:#f6f7f9;border:1px solid #e6e9ee}
.elementor-field-group-brew_partner.on{background:#fff1f3;border-color:#F8002F}
.sbr-dhint{display:block;width:100%;margin-top:5px;font-size:13px;color:#5b6773}

/* modals: "are you sure?" and the demo */
.sbr-mod{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,12,20,.62);backdrop-filter:blur(3px);animation:sbrIn .2s ease}
@keyframes sbrIn{from{opacity:0}}
.sbr-box{width:100%;max-width:500px;padding:28px;border-radius:20px;background:#fff;color:#000C14;box-shadow:0 30px 80px rgba(0,0,0,.35);font-family:"Source Sans Pro",system-ui,sans-serif;animation:sbrUp .25s ease}
@keyframes sbrUp{from{transform:translateY(16px);opacity:0}}
.sbr-box h3{margin:0 0 10px;font-size:23px;font-weight:900;color:#000C14}
.sbr-box p{margin:0 0 12px;font-size:15.5px;line-height:1.55;color:#374151}
.sbr-box ul{margin:0 0 16px;padding-left:20px;font-size:15px;line-height:1.6}
.sbr-box .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.sbr-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;font:800 14.5px/1 "Source Sans Pro",system-ui,sans-serif;cursor:pointer;text-decoration:none!important}
.sbr-btn.r{background:#F8002F;color:#fff!important}.sbr-btn.r:hover{background:#000C14}
.sbr-btn.n{background:#000C14;color:#fff!important}.sbr-btn.n:hover{background:#F8002F}
.sbr-btn.g{background:#f1f3f6;color:#000C14!important}.sbr-btn.g:hover{background:#e3e7ec}
.sbr-box input[type=text]{width:100%;height:50px;padding:0 16px;border:2px solid #dfe3e8;border-radius:12px;font:600 17px "Source Sans Pro",system-ui,sans-serif;color:#000C14;outline:0}
.sbr-box input[type=text]:focus{border-color:#F8002F}