html[data-aeo03-mode] body { background: var(--a3-page); color: var(--a3-text); }
[v-cloak] { display: none !important; }
.a3-cart-loading { position: fixed; z-index: 3000; inset: 0; display: grid; place-content: center; justify-items: center; gap: 16px; background: var(--a3-page); color: var(--a3-muted); }
.a3-cart-loading > div { height: 44px; display: flex; align-items: end; gap: 5px; }
.a3-cart-loading span { width: 5px; height: 34px; border-radius: 4px; background: var(--a3-brand); animation: a3-resolver-loading 1s ease-in-out infinite; }
.a3-cart-loading span:nth-child(2) { animation-delay: -.18s; }
.a3-cart-loading span:nth-child(3) { animation-delay: -.36s; }
.a3-cart-loading p { margin: 0; font-size: 12px; }
.a3-cart-main { min-width: 0; padding: 0 8px 32px !important; }
.a3-product-resolver { min-height: calc(100vh - 150px); display: grid; place-content: center; justify-items: center; padding: 64px 28px; border: 1px solid var(--a3-border); border-radius: 18px; background: var(--a3-panel); color: var(--a3-text); box-shadow: 0 14px 40px rgba(25,50,84,.07); text-align: center; }
.a3-product-resolver-mark { width: 72px; height: 72px; display: grid; place-items: center; margin-bottom: 22px; border: 1px solid color-mix(in srgb,var(--a3-brand) 20%,var(--a3-border)); border-radius: 24px; background: var(--a3-panel-blue); color: var(--a3-brand); font-size: 28px; }
.a3-product-resolver.is-error .a3-product-resolver-mark { border-color: color-mix(in srgb,var(--a3-danger) 24%,var(--a3-border)); background: color-mix(in srgb,var(--a3-danger) 8%,var(--a3-panel)); color: var(--a3-danger); }
.a3-product-resolver-kicker { color: var(--a3-brand); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.a3-product-resolver h1 { margin: 8px 0 9px; font-size: 22px; letter-spacing: -.025em; }
.a3-product-resolver p { max-width: 520px; margin: 0; color: var(--a3-muted); font-size: 12px; line-height: 1.8; }
.a3-product-resolver-actions { display: flex; gap: 9px; margin-top: 24px; }
.a3-product-resolver-actions button, .a3-product-resolver-actions a { height: 40px; display: inline-flex; align-items: center; gap: 7px; padding: 0 16px; border: 1px solid var(--a3-border); border-radius: 11px; background: var(--a3-panel); color: var(--a3-text); font-size: 12px; font-weight: 750; text-decoration: none; }
.a3-product-resolver-actions button { border-color: var(--a3-brand); background: var(--a3-brand); color: #fff; }
@keyframes a3-resolver-loading { 0%,100% { transform: scaleY(.45); } 50% { transform: scaleY(1); } }