/* Bricks Elements — original local frontend styles. Native Bricks ID/global-class styles take precedence. */
.acbe { --acbe-accent:#217eff; --acbe-backdrop:rgba(0,0,0,.62); box-sizing:border-box; }
.acbe [hidden],.acbe[hidden],dialog.acbe:not([open]):not(.acbe-builder) { display:none!important; }
.acbe button,.acbe input { font:inherit; }
:where(.acbe-action) { display:inline-flex; align-items:center; justify-content:center; gap:.5em; cursor:pointer; background:none; border:0; color:inherit; padding:0; text-decoration:none; }
:where(.acbe-button) { display:inline-flex; align-items:center; justify-content:center; gap:.5em; cursor:pointer; padding:.7em 1.15em; background:var(--acbe-accent,#217eff); border:0; color:#fff; border-radius:8px; font:inherit; text-decoration:none; transition:background-color .25s ease; }
:where(.acbe-button:hover) { background:#599eff; }
.acbe button:disabled { opacity:.55; cursor:default; }
.acbe button:focus-visible,.acbe a:focus-visible,.acbe input:focus-visible,.acbe summary:focus-visible { outline:3px solid var(--acbe-accent,#217eff); outline-offset:4px; }
.acbe-icon { display:inline-flex; align-items:center; justify-content:center; flex:none; font-size:1.2em; line-height:1; }
.acbe-icon img,.acbe-icon svg { width:1em; height:1em; object-fit:contain; }
.acbe-svg-mask { display:block; width:1em; height:1em; background:currentColor; mask:var(--acbe-svg) center/contain no-repeat; -webkit-mask:var(--acbe-svg) center/contain no-repeat; }
.acbe-icon-top { flex-direction:column; }
:where(dialog.acbe) { background:#fff; color:#171717; width:min(640px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); border:0; border-radius:16px; padding:32px; margin:auto; overflow:auto; overscroll-behavior:contain; box-shadow:0 20px 80px #0004; }
:where(dialog.acbe[open]) { display:block; animation:acbe-enter var(--acbe-duration,180ms) ease both; }
dialog.acbe::backdrop { background:var(--acbe-backdrop); }
dialog.acbe.acbe-fallback { position:fixed; z-index:999999; inset:0; box-shadow:0 0 0 100vmax var(--acbe-backdrop); }
.acbe-close { position:absolute; inset-block-start:8px; inset-inline-end:8px; display:grid; place-items:center; width:34px; height:34px; border:0; border-radius:8px; background:transparent; color:inherit; font-size:26px!important; line-height:1; cursor:pointer; z-index:2; }
.acbe-close:hover { background:#0001; }
.acbe-dialog-content { min-width:0; }
.acbe-dialog-content>*,.acbe-notice-content>* { max-width:100%; }
:where(dialog.acbe-offcanvas) { border-radius:0; padding:40px 24px 24px; }
dialog.acbe-offcanvas[data-acbe-side="right"],dialog.acbe-offcanvas[data-acbe-side="left"] { width:min(420px,90vw); height:100dvh; max-height:100dvh; max-width:90vw; margin:0; inset-block:0; }
dialog.acbe-offcanvas[data-acbe-side="right"] { inset-inline-start:auto; inset-inline-end:0; }
dialog.acbe-offcanvas[data-acbe-side="left"] { inset-inline-start:0; inset-inline-end:auto; }
dialog.acbe-offcanvas[data-acbe-side="top"],dialog.acbe-offcanvas[data-acbe-side="bottom"] { width:100vw; max-width:100vw; max-height:85dvh; margin:0; inset-inline:0; }
dialog.acbe-offcanvas[data-acbe-side="top"] { inset-block-start:0; inset-block-end:auto; }
dialog.acbe-offcanvas[data-acbe-side="bottom"] { inset-block-end:0; inset-block-start:auto; }
.acbe-lightbox { display:grid; grid-template-columns:repeat(var(--acbe-columns,3),minmax(0,1fr)); gap:16px; }
.acbe-lightbox figure { min-width:0; margin:0; }
.acbe-lightbox a { display:block; }
.acbe-gallery-image { display:block; width:100%; height:auto; }
.acbe-lightbox figcaption { padding-block:8px; }
dialog.acbe-media { width:min(1100px,calc(100vw - 32px)); padding:46px 48px 24px; background:#111; color:white; }
.acbe-media figure { margin:0; }
.acbe-media img { display:block; width:100%; height:70dvh; object-fit:contain; }
.acbe-media figcaption { text-align:center; padding-top:12px; overflow-wrap:anywhere; }
.acbe-media .acbe-media-frame { display:block; width:100%; aspect-ratio:16/9; border:0; }
.acbe-media-nav { position:absolute; top:50%; transform:translateY(-50%); border:0; background:transparent; color:inherit; padding:8px; font-size:32px!important; cursor:pointer; }
.acbe-media-prev { left:4px; } .acbe-media-next { right:4px; }
.acbe-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.acbe-popover { position:relative; display:inline-block; }
:where(.acbe-popover-panel) { position:absolute; top:calc(100% + 10px); left:0; z-index:20; background:#fff; color:#171717; width:320px; max-width:calc(100vw - 32px); padding:20px; border:1px solid #ddd; border-radius:12px; box-shadow:0 10px 30px #0002; }
.acbe-popover[data-acbe-position="top"]>:where(.acbe-popover-panel) { top:auto; bottom:calc(100% + 10px); }
.acbe-popover[data-acbe-position="left"]>:where(.acbe-popover-panel) { top:0; left:auto; right:calc(100% + 10px); }
.acbe-popover[data-acbe-position="right"]>:where(.acbe-popover-panel) { top:0; left:calc(100% + 10px); }
.acbe-compare-images { position:relative; overflow:hidden; }
.acbe-compare-images img { display:block; width:100%; height:auto; }
.acbe-after { position:absolute; inset:0; clip-path:inset(0 0 0 var(--acbe-split,50%)); }
.acbe-after img { height:100%; object-fit:cover; }
.acbe-split-line { position:absolute; top:0; bottom:0; left:var(--acbe-split,50%); width:3px; background:white; box-shadow:0 0 8px #0008; }
.acbe-before-label,.acbe-after-label { position:absolute; bottom:12px; padding:5px 10px; background:#000b; color:#fff; border-radius:6px; }
.acbe-before-label { left:12px; }.acbe-after-label { right:12px; }
.acbe-compare input[type="range"] { width:100%; margin:12px 0 0; accent-color:var(--acbe-accent); cursor:ew-resize; }
.acbe-readmore[data-acbe-ready="true"]>.acbe-fold-content { max-height:var(--acbe-collapsed,160px); overflow:hidden; }
.acbe-readmore[data-expanded="true"]>.acbe-fold-content { max-height:none; overflow:visible; }
.acbe-readmore>.acbe-button,.acbe-flip>:where(.acbe-button) { margin-top:16px; }
.acbe-toggle-controls,.acbe-tab-list { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.acbe-toggle-controls button[aria-pressed="false"],.acbe-tab-list button[aria-selected="false"] { background:#e9eef7; color:#171717; }
:where(.acbe-faq-item) { border:1px solid #ddd; border-radius:12px; margin-bottom:12px; overflow:hidden; }
.acbe-faq-item>summary { padding:18px 20px; font-weight:600; cursor:pointer; }
.acbe-faq-answer { padding:0 20px 20px; }
.acbe-tab-panel { min-width:0; }
.acbe-flip-faces { position:relative; perspective:1000px; }
.acbe-flip-faces>* { transition:transform .3s ease,opacity .3s ease; }
.acbe-flip[data-flipped="true"]>.acbe-flip-faces>*:nth-child(2) { animation:acbe-flip .3s ease; }
.acbe-hotspots { position:relative; }
.acbe-hotspot-image { display:block; width:100%; height:auto; }
.acbe-hotspot { position:absolute; transform:translate(-50%,-50%); }
.acbe-hotspot:has(.acbe-hotspot-panel:not([hidden])) { z-index:5; }
.acbe-hotspot-trigger { width:36px; height:36px; border:2px solid white; border-radius:50%; background:var(--acbe-accent); color:white; box-shadow:0 2px 10px #0004; cursor:pointer; }
.acbe-hotspot-panel { position:absolute; top:44px; left:0; width:240px; max-width:calc(100vw - 32px); padding:16px; background:white; color:#171717; border:1px solid #ddd; border-radius:12px; box-shadow:0 10px 25px #0002; overflow-wrap:anywhere; }
.acbe-hotspot-panel p { margin-bottom:0; }
.acbe-timeline { position:relative; padding-inline-start:32px; border-inline-start:3px solid var(--acbe-accent); }
.acbe-timeline>* { position:relative; padding-bottom:28px; }
.acbe-timeline>*::before { content:""; position:absolute; inset-inline-start:-42px; top:6px; width:16px; height:16px; background:var(--acbe-accent); border:3px solid white; border-radius:50%; }
:where(.acbe-pricing) { display:flex; flex-direction:column; gap:16px; padding:28px; border:1px solid #ddd; border-radius:16px; }
.acbe-countdown-output { display:flex; flex-wrap:wrap; gap:16px; }
.acbe-countdown-unit { display:flex; flex-direction:column; text-align:center; }
.acbe-countdown-unit strong { font-size:2em; font-variant-numeric:tabular-nums; }
.acbe-progress { height:5px; background:#e9eef7; overflow:hidden; }
.acbe-progress-fill { display:block; height:100%; width:var(--acbe-progress,0%); background:var(--acbe-accent); }
.acbe-toc ol { margin:12px 0 0; padding-inline-start:24px; }.acbe-toc li[data-level="3"] { margin-inline-start:16px; }.acbe-toc li[data-level="4"] { margin-inline-start:32px; }
.acbe-toc a { color:inherit; text-decoration:underline; }
.acbe-backtop { position:fixed; bottom:24px; right:24px; z-index:50; }
:where(.acbe-notice) { position:relative; background:#fff; color:#171717; padding:20px 50px 20px 24px; border:1px solid #ddd; }
.acbe-notice[data-acbe-position="top"],.acbe-notice[data-acbe-position="bottom"] { position:fixed; left:0; right:0; z-index:100; }
.acbe-notice[data-acbe-position="top"] { top:var(--wp-admin--admin-bar--height,0px); }.acbe-notice[data-acbe-position="bottom"] { bottom:0; }
.acbe-rotating { transition:opacity .15s ease; }
.acbe-builder { display:block!important; position:relative!important; inset:auto!important; width:100%; max-height:none!important; overflow:visible!important; }
.acbe-builder :where(.acbe-popover-panel) { display:block; position:static; margin-top:12px; }
.acbe-builder-note { display:block; font-size:12px; opacity:.7; margin-bottom:12px; }
.acbe-builder.acbe-modal,.acbe-builder.acbe-offcanvas { border:1px dashed #aaa; padding:24px; }
@keyframes acbe-enter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@keyframes acbe-flip { from { opacity:0; transform:rotateY(-15deg); } to { opacity:1; transform:rotateY(0); } }
@media(max-width:600px) { .acbe-lightbox { grid-template-columns:repeat(min(var(--acbe-columns,3),2),minmax(0,1fr)); } dialog.acbe-media { padding:42px 30px 16px; } :where(.acbe-popover-panel) { width:260px; } }
@media(prefers-reduced-motion:reduce) { .acbe *,.acbe { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }