@font-face{font-family:Tajawal;src:url('./tajawal-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('./tajawal-700.ttf') format('truetype');font-weight:700;font-display:swap}
.store-state-page{margin:0;padding:0;background:#f7f6fa;color:#242335;font:16px/1.7 Tajawal,Arial,sans-serif}.store-state-page *{box-sizing:border-box}.store-state-page h1,.store-state-page h2,.store-state-page p{margin:0}.store-state-page a{color:inherit;text-decoration:none}.store-state-page a:focus-visible{outline:3px solid #7546d9;outline-offset:4px}.store-state-page .icon{width:22px;height:22px;fill:none;flex-shrink:0}.state-wrap{width:min(900px,calc(100% - 32px));margin:0 auto}.state-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0}.state-header>a{display:flex;align-items:center;justify-content:center;min-height:52px;background:transparent;border-radius:0;padding:0}.state-header img{display:block;width:148px;height:37px;object-fit:contain}.state-header>span{font-size:12px;color:#686476}.state-status-card{padding:38px 24px;text-align:center;border:1px solid #e3dfeb;background:#fff;border-radius:22px}.state-symbol{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;background:#f1ecfa;color:#6736bb;border-radius:18px}.state-symbol .icon{width:28px;height:28px}.state-eyebrow{font-size:11px;color:#736b82;display:block;margin-bottom:8px}.state-status-card h1{font-size:28px;line-height:1.6;overflow-wrap:anywhere}.state-description{font-size:14px;color:#655e73;line-height:2;max-width:500px;margin:12px auto 0!important;overflow-wrap:anywhere}.state-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}.state-actions:has(>[hidden]:only-child){display:none}.state-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border:1px solid #6736bb;border-radius:10px;background:#6736bb;color:#fff!important;font-size:13px;font-weight:700;line-height:1.7}.state-button>.icon{width:17px;height:17px;transform:rotate(180deg)}.state-button.state-secondary{background:#fff;border-color:#ddd6e8;color:#42334f!important}.state-button.state-secondary>.icon{transform:none}.state-order-note{display:flex;align-items:flex-start;gap:12px;text-align:start;background:#f8f7fb;border:1px solid #e8e3ef;border-radius:12px;padding:16px;margin:24px auto 0;max-width:540px}.state-order-note>.icon{color:#7546b4;margin-top:3px}.state-order-note strong{display:block;font-size:13px}.state-order-note span{display:block;font-size:12px;color:#655e73;line-height:1.9;margin-top:4px}.state-marketing{display:flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid #e0d5f1;background:#eee7f8;border-radius:18px;margin-top:20px;padding:24px}.state-promo-kicker{font-size:11px;color:#635074;display:block;margin-bottom:7px}.state-marketing h2{font-size:23px;line-height:1.6;color:#38204e}.state-marketing p{font-size:13px;line-height:1.9;color:#594768;margin-top:8px}.state-marketing ul{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;list-style:none;margin:16px 0 0;padding:0}.state-marketing li{display:flex;align-items:center;gap:6px;font-size:11px;color:#4e3b60}.state-marketing li .icon{width:16px;height:16px}.state-promo-button{flex-shrink:0;white-space:nowrap}.state-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:24px 2px 30px;font-size:11px;color:#70677d}.state-footer small{font-size:10px}.store-state-page [hidden]{display:none!important}
.store-paused{display:flex;align-items:center;gap:12px;text-align:start;padding:16px 18px;border:1px solid var(--line);background:var(--surface);border-radius:13px;margin-block:12px 18px;color:var(--ink)}.store-paused-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;background:var(--soft);color:var(--soft-ink)}.store-paused-icon .icon{width:19px;height:19px}.store-paused>div{flex:1;min-width:0}.store-paused strong{font-size:13px;display:block}.store-paused p{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.9}.store-paused>a{display:flex;align-items:center;gap:5px;min-height:44px;font-size:11px;color:var(--accent);flex-shrink:0}.store-paused>a .icon{width:14px;height:14px;transform:rotate(-45deg)}.state-mini-promo{display:flex;align-items:center;justify-content:center;gap:5px 12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin:24px auto 0;max-width:420px;font-size:12px;line-height:1.9;color:var(--muted)}.state-mini-promo>a{display:flex;align-items:center;gap:5px;min-height:44px;color:var(--accent);font-weight:700}.state-mini-promo>a .icon{width:14px!important;height:14px!important;transform:rotate(-45deg)}.store-empty-contact{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:13px;margin-top:14px}.store-empty-contact bdi{font-size:13px}
@media(min-width:768px){.state-header{padding-block:32px}.state-status-card{padding:46px 34px}.state-status-card h1{font-size:34px}.state-marketing{padding:28px}.state-marketing h2{font-size:25px}}
@media(max-width:639px){.state-header{gap:12px}.state-header>span{font-size:10px;max-width:95px}.state-header img{width:128px;height:32px}.state-header>a{padding:0;min-height:48px}.state-status-card{padding:28px 18px;border-radius:18px}.state-status-card h1{font-size:25px}.state-description{font-size:13px}.state-actions{flex-direction:column}.state-actions .state-button{width:100%}.state-order-note{padding:14px 12px}.state-order-note .icon{width:19px;height:19px}.state-marketing{display:block;padding:22px 18px}.state-marketing h2{font-size:22px}.state-promo-button{width:100%;margin-top:22px}.state-marketing ul{gap:10px 14px}.state-footer{align-items:flex-start;flex-direction:column;gap:5px}.store-paused{flex-wrap:wrap;padding:14px}.store-paused>div{flex-basis:calc(100% - 52px)}.store-paused>a{margin-inline-start:50px}.state-mini-promo{font-size:11px}}
@media(prefers-color-scheme:dark){.store-state-page{background:#14121a;color:#f1edf7}.state-status-card{background:#211d29;border-color:#393142}.state-description,.state-eyebrow{color:#c2b8cf}.state-symbol{background:#352449;color:#dbb5ff}.state-header>span,.state-footer{color:#bfb4ce}.state-order-note{background:#2a2334;border-color:#40354d}.state-order-note span{color:#c9bdd7}.state-order-note>.icon{color:#d2b0f6}.state-marketing{background:#2b1e3c;border-color:#4d3467}.state-marketing h2{color:#f2e7ff}.state-marketing p,.state-promo-kicker,.state-marketing li{color:#d0bcdf}.state-button{background:#bb8cf0;border-color:#bb8cf0;color:#201029!important}.state-button.state-secondary{background:#211d29;border-color:#594368;color:#eee0fa!important}}