/* Brand motion is limited to active requests and explicitly requested previews. */
.brand-loading[hidden]{display:none!important}.brand-loading{position:fixed;inset-inline-end:24px;inset-block-end:24px;z-index:900;pointer-events:none;width:min(260px,calc(100vw - 40px));padding:16px 20px;background:var(--surface,#fffefa);color:var(--ink,#202521);border:1px solid var(--line,#d8dbd2);border-radius:14px;box-shadow:0 8px 32px #20252118;display:grid;justify-items:center;gap:10px;contain:layout paint}.brand-loading__mark{display:block;width:220px;max-width:100%;height:auto;animation:brand-arrive .32s ease-out both}.brand-loading__label{font:400 12px/1.6 Tajawal,Arial,sans-serif;text-align:center;letter-spacing:normal}.brand-loading__track{display:block;width:100%;height:2px;overflow:hidden;background:var(--line,#d8dbd2);border-radius:2px;direction:ltr}.brand-loading__track:after{content:'';display:block;height:100%;width:36%;background:var(--copper,#b44c28);animation:brand-travel 1.35s ease-in-out infinite}
:root[data-theme=dark] .brand-loading__mark{content:url('aizelle-logo-white.svg?v=20261018-type5')}
@keyframes brand-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-travel{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}
.brand-motion-paused .brand-loading__track:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.brand-loading__mark,.brand-loading__track:after{animation:none}.brand-loading__track:after{width:100%;opacity:.75}}
@media(max-width:560px){.brand-loading{inset-inline-end:16px;inset-block-end:16px;width:230px;padding:12px 16px}}
@media print{.brand-loading{display:none!important}}

html:lang(en) .brand-loading__label{font-family:Manrope,Arial,sans-serif}