/* Motion-only styles: existing page layouts and commercial information remain unchanged. */
.brekmen-motion-overlay{box-sizing:border-box;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;border:0;border-radius:0;background:#f5f3ee;color:#143d33;z-index:900;overflow:hidden;font-family:Cairo,sans-serif}
.brekmen-motion-overlay[open]{display:grid;place-items:center}.brekmen-motion-overlay::backdrop{background:#f5f3ee}.brekmen-motion-overlay .bm-lockup{width:min(80vw,340px);text-align:center}
.bm-k{position:relative;width:116px;height:116px;margin:0 auto 20px}.bm-k img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.brekmen-motion-intro .bm-k-cap{animation:bm-cap 1s cubic-bezier(.2,.7,.25,1) both}.brekmen-motion-intro .bm-k-stem{animation:bm-stem 1s cubic-bezier(.2,.7,.25,1) both}
.brekmen-motion-overlay .bm-wordmark{display:block;width:100%;height:auto;margin:0 auto 14px;object-fit:contain;background:transparent}
.bm-slogan{display:flex;justify-content:center;gap:9px;margin:0;font:400 15px/1.8 Cairo,sans-serif}.bm-slogan span{display:inline-block;animation:bm-word .55s cubic-bezier(.2,.8,.2,1) both}.bm-slogan span:nth-child(1){animation-delay:.65s}.bm-slogan span:nth-child(2){animation-delay:.95s}.bm-slogan span:nth-child(3){animation-delay:1.25s}
.bm-spinner{transform-origin:center;animation:bm-spin 3s linear infinite}.brekmen-motion-overlay .bm-page-icon{display:block;width:68px;height:68px;margin:0 auto 12px}.bm-loading-caption{margin:0 0 18px;font:400 14px/1.8 Cairo,sans-serif}
.brekmen-motion-results{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;font:400 13px/1.8 Cairo,sans-serif;color:#143d33;pointer-events:none;background:transparent}.brekmen-motion-results .bm-result-icon{display:block;flex:0 0 36px;width:36px;height:36px}
.brekmen-motion-results[hidden]{display:none!important}.bm-wordmark,.bm-k img,.bm-spinner{user-select:none}
@keyframes bm-cap{0%{opacity:0;transform:translateY(-18%)}20%{opacity:1}100%{opacity:1;transform:translateY(0)}}
@keyframes bm-stem{0%{opacity:0;transform:translate(-12%,12%)}20%{opacity:1}100%{opacity:1;transform:translate(0,0)}}
@keyframes bm-word{from{opacity:0;transform:translateY(9px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes bm-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.brekmen-motion-overlay *,.brekmen-motion-results *{animation:none!important;transition:none!important;filter:none!important;transform:none!important}}

/* Shared BREKMEN identity. The original SVG supplies the broken K geometry. */
:root,body.pr-site,body.app-product{--bk-green:#064b3c;--bk-paper:#f5f3ee;--bk-ink:#143d33;--bk-line:#d8e2db;--accent:var(--bk-green);--green:var(--bk-green);--green-deep:#053d31;--green-soft:#eaf1eb;--ink:var(--bk-ink);--dark:var(--bk-green);--paper:var(--bk-paper);--surface:var(--bk-paper);--line:var(--bk-line)}
body.pr-site,body.app-product{background:var(--bk-paper);color:var(--bk-ink)}
.pr-site :is(.pr-button.pr-primary,.header-find,.app-filter-results,.app-search-button),.app-product :is(.pr-button.pr-primary,.header-find){background:var(--bk-green);border-color:var(--bk-green);color:#fff}
.pr-site :is(.pr-button.pr-primary,.header-find):hover,.app-product :is(.pr-button.pr-primary,.header-find):hover{background:#053d31;border-color:#053d31}
.pr-site :is(.pr-header,.pr-footer),.app-product :is(.pr-header,.pr-footer){border-color:var(--bk-line)}
.pr-header .header-ask{background:#fff;color:var(--bk-green);border-color:#9ebcb1}
.pr-header .header-ask:hover{background:#eaf1eb;border-color:var(--bk-green)}
.pr-site .app-original-wordmark,.app-product .app-original-wordmark{--bk-name-width:170px;display:inline-flex!important;align-items:center;inline-size:var(--bk-name-width)!important;max-inline-size:100%;aspect-ratio:auto!important;overflow:visible!important;line-height:0;background:transparent!important;direction:ltr}
.pr-site .app-original-wordmark::before,.app-product .app-original-wordmark::before{content:none}
.pr-site .app-original-wordmark>img,.app-product .app-original-wordmark>img{position:static!important;inset:auto!important;display:block!important;flex:1 1 auto;min-inline-size:0;inline-size:var(--bk-name-width)!important;max-inline-size:var(--bk-name-width)!important;block-size:auto!important;margin:0!important;object-fit:contain;background:transparent}
.pr-site .pr-footer .app-original-wordmark,.app-product .pr-footer .app-original-wordmark{--bk-name-width:240px}
.pr-site .pr-footer,.app-product .pr-footer{position:relative;padding-bottom:184px}
.pr-site .pr-footer::after,.app-product .pr-footer::after{content:"";position:absolute;inset-inline-end:24px;bottom:24px;inline-size:136px;block-size:136px;background:url('/assets/brekmen-k-original.svg') center/contain no-repeat;pointer-events:none}
.ref-discovery-heading,.public-search-title,.app-section-heading{background-image:url('/assets/brekmen-k-texture.svg');background-repeat:no-repeat;background-position:right center;background-size:190px auto}
html[dir=rtl] :is(.ref-discovery-heading,.public-search-title,.app-section-heading){background-position:left center}
.brekmen-ask-icon{display:block;flex:0 0 24px;inline-size:24px;block-size:24px;object-fit:contain}
.brekmen-ask-icon{transform-origin:center;animation:bm-spin 3s linear infinite}
[data-header-ask-label]{display:inline-flex;align-items:center;gap:5px}
.brekmen-ask-wordmark{display:block;width:82px;height:auto;object-fit:contain;background:transparent}
:is([data-ask-open]:not([data-header-ask]),[data-project-ask],[data-compare-ask]){display:inline-flex;align-items:center;justify-content:center;gap:8px}
:is([data-ask-open]:not([data-header-ask]),[data-project-ask],[data-compare-ask])::before{content:"";display:inline-block;flex:0 0 24px;inline-size:24px;block-size:24px;background:url('/assets/brekmen-k-original.svg') center/contain no-repeat}
:is([data-ask-open]:not([data-header-ask]),[data-project-ask],[data-compare-ask])::before{transform-origin:center;animation:bm-spin 3s linear infinite}
html[lang^=ar] :is(.pr-site,.app-product){font-family:Cairo,'Segoe UI',Arial,sans-serif}
@media(max-width:760px){.pr-site .pr-header .app-original-wordmark,.app-product .pr-header .app-original-wordmark{--bk-name-width:148px}.pr-site .pr-footer,.app-product .pr-footer{padding-bottom:156px}.pr-site .pr-footer::after,.app-product .pr-footer::after{inline-size:112px;block-size:112px;inset-inline-end:20px;bottom:20px}}
@media(max-width:390px){.pr-site .pr-header .app-original-wordmark,.app-product .pr-header .app-original-wordmark{--bk-name-width:135px}.pr-header .brekmen-ask-icon{inline-size:22px;block-size:22px;flex-basis:22px}.brekmen-ask-wordmark{width:52px}.pr-header .header-ask{gap:5px}}
@media(prefers-reduced-motion:reduce){.brekmen-ask-icon,:is([data-ask-open],[data-project-ask],[data-compare-ask])::before{animation:none!important;transform:none!important}}

/* Restore the full shared footer outside the intentional onboarding view. */
body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]){background:#064b3c;color:#f5f3ee;border-color:#527b6b;padding-top:44px}
body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]) .pr-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding-bottom:24px}
body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]) .pr-footer-top a{color:#f5f3ee}
body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]) :is(p,nav b,.pr-footer-bottom){color:#d8e5de}
body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]) nav{font-size:14px}
body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]) nav b{font-size:11px}
body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]) .pr-footer-bottom{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-start;font-size:13px;border-color:#527b6b;margin-top:24px}
body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]) .app-original-wordmark>img{filter:brightness(0) invert(1)}
body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]) a:hover{text-decoration:underline;text-underline-offset:4px}
body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]) a:focus-visible{outline:3px solid #f5f3ee;outline-offset:5px}
@media(max-width:760px){body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]) .pr-footer-top{grid-template-columns:1fr 1fr;gap:24px}body:is(.pr-site,.app-product):not(.app-onboarding) .pr-footer:not([hidden]) .pr-footer-top>div{grid-column:1/-1}}

/* Independent language control mark and a footer stamp in normal flow. */
.pr-header>.brekmen-header-k,.pr-header .app-language-switch>.brekmen-header-k{display:block;flex:0 0 36px;inline-size:36px;block-size:36px;object-fit:contain;background:transparent;pointer-events:none}
body:is(.pr-site,.app-product) .pr-footer:not([hidden]){padding-bottom:24px}
body:is(.pr-site,.app-product) .pr-footer:not([hidden])::after{position:static;display:block;inset:auto;inline-size:136px;block-size:136px;margin-block:24px 0;margin-inline:auto 24px;pointer-events:none}
@media(max-width:760px){body:is(.pr-site,.app-product) .pr-footer:not([hidden])::after{inline-size:112px;block-size:112px;margin-inline:auto 20px}}
@media(max-width:600px){.pr-header{column-gap:8px}.pr-header>.brekmen-header-k,.pr-header .app-language-switch>.brekmen-header-k{flex-basis:28px;inline-size:28px;block-size:28px}.pr-site .pr-header .app-original-wordmark,.app-product .pr-header .app-original-wordmark{--bk-name-width:clamp(96px,30vw,148px)}}
