.guest-retail-express {
    --guest-blue: #1768d4;
    --guest-navy: #10233f;
    --guest-border: #d9e3f0;
    --guest-muted: #66758c;
    --guest-surface: #fff;
    --guest-soft: #f5f8fc;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.guest-retail-express .page-container { background: transparent; padding: 0; }
.guest-retail-command { padding: 1.25rem; margin-bottom: 1rem; border: 1px solid var(--guest-border); border-radius: 16px; }
.guest-retail-express .server-async-command-title { font-size: 1.55rem; color: var(--guest-navy); }
.guest-retail-express .server-async-search-field { min-width: 0; }
.guest-retail-express .server-async-filterbar { gap: .55rem; align-items: center; }
.guest-retail-express .server-async-type-filter-count { display: inline-flex; min-width: 1.6rem; justify-content: center; padding: .1rem .38rem; border-radius: 999px; background: rgba(16,35,63,.08); font-size: .72rem; }
.guest-retail-express .server-async-type-filter.is-active .server-async-type-filter-count { background: rgba(255,255,255,.2); }

.guest-retail-toggle { display: inline-flex; align-items: center; gap: .42rem; padding: .52rem .78rem; border: 1px solid var(--guest-border); border-radius: 999px; background: var(--guest-surface); cursor: pointer; margin: 0; }
.guest-retail-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.guest-retail-toggle.is-active { color: #fff; border-color: var(--guest-blue); background: var(--guest-blue); }
.guest-retail-status { margin-left: auto; color: var(--guest-muted); font-size: .78rem; }
.guest-retail-status::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: .4rem; border-radius: 50%; background: #07966b; }
.guest-retail-status.is-loading::before { background: #f0a020; }
.guest-retail-status.is-error::before { background: #d63c4c; }

.guest-retail-express .server-async-sidebar,
.guest-retail-express .server-async-results-card { border: 1px solid var(--guest-border); border-radius: 16px; overflow: hidden; }
.guest-retail-express .server-async-sidebar-header { display: flex; justify-content: space-between; gap: .7rem; padding: 1rem; border-bottom: 1px solid var(--guest-border); }
.guest-retail-express .server-async-sidebar-title { margin: .15rem 0; font-size: 1.05rem; color: var(--guest-navy); }
.guest-retail-express .server-async-category-list { padding: .65rem; max-height: 680px; overflow: auto; }
.guest-retail-express .server-async-category { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: .5rem; border: 0; border-left: 3px solid transparent; border-radius: 11px; padding: .72rem; margin-bottom: .45rem; background: var(--guest-soft); color: var(--guest-navy); text-align: left; transition: background .15s ease, border-color .15s ease, transform .15s ease; }
.guest-retail-express .server-async-category:hover { border-left-color: var(--guest-blue); transform: translateX(2px); }
.guest-retail-express .server-async-category.is-active { color: #fff; background: var(--guest-blue); border-left-color: #084fae; }
.guest-retail-express .server-async-category-leading { display: flex; align-items: center; gap: .65rem; min-width: 0; }
.guest-retail-express .server-async-category-icon { flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: var(--guest-blue); background: #e8f2ff; }
.guest-retail-express .server-async-category.is-active .server-async-category-icon { color: #fff; background: rgba(255,255,255,.18); }
.guest-retail-express .server-async-category-copy { min-width: 0; display: flex; flex-direction: column; }
.guest-retail-express .server-async-category-name { overflow: hidden; text-overflow: ellipsis; font-weight: 700; font-size: .82rem; }
.guest-retail-express .server-async-category-description { color: var(--guest-muted); font-size: .69rem; }
.guest-retail-express .server-async-category.is-active .server-async-category-description { color: rgba(255,255,255,.82); }
.guest-retail-express .server-async-category-meta { flex: 0 0 auto; display: flex; align-items: center; gap: .4rem; }

.guest-retail-express .server-async-results-card { min-height: 510px; }
.guest-retail-express .server-async-results-header { padding: 1rem 1.1rem; }
.guest-retail-express .server-async-results-title { font-size: 1.12rem; }
.guest-retail-express .server-async-active-filters { padding: .6rem 1rem; border-top: 1px solid var(--guest-border); border-bottom: 1px solid var(--guest-border); background: var(--guest-soft); }
.guest-retail-filter-chip { display: inline-flex; align-items: center; gap: .35rem; margin: .15rem .25rem .15rem 0; padding: .35rem .6rem; border: 1px solid var(--guest-border); border-radius: 999px; background: #fff; font-size: .74rem; }
.guest-retail-express #pricing_async_results { padding: .85rem 1rem 1rem; }
.guest-retail-group { margin-bottom: 1.15rem; }
.guest-retail-group-title { margin: 0 0 .55rem; padding-left: .62rem; border-left: 3px solid var(--guest-blue); color: var(--guest-muted); font-size: .76rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }

.guest-retail-service-card { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: .8rem; padding: .82rem; margin-bottom: .55rem; border: 1px solid var(--guest-border); border-radius: 13px; background: var(--guest-surface); box-shadow: 0 5px 15px rgba(16,35,63,.045); }
.guest-retail-service-icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--guest-border); border-radius: 12px; overflow: hidden; background: var(--guest-soft); }
.guest-retail-service-icon img { max-width: 100%; max-height: 100%; object-fit: contain; }
.guest-retail-service-main { min-width: 0; }
.guest-retail-service-name { display: block; color: var(--guest-navy); font-size: .9rem; font-weight: 750; line-height: 1.35; overflow-wrap: anywhere; }
.guest-retail-service-meta { display: flex; flex-wrap: wrap; gap: .38rem; margin-top: .38rem; color: var(--guest-muted); font-size: .72rem; }
.guest-retail-badge { display: inline-flex; align-items: center; gap: .25rem; padding: .2rem .4rem; border-radius: 6px; background: #edf3fa; }
.guest-retail-badge--time { color: #8a5700; background: #fff3d8; }
.guest-retail-badge--hot { color: #a31527; background: #ffe8ec; }
.guest-retail-service-action { display: flex; align-items: center; gap: .65rem; }
.guest-retail-price { min-width: 86px; text-align: right; }
.guest-retail-price-label { display: block; color: var(--guest-muted); font-size: .62rem; font-weight: 700; text-transform: uppercase; }
.guest-retail-price-value { color: #087b58; font-size: .95rem; font-weight: 800; white-space: nowrap; }
.guest-retail-order-button { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 42px; padding: .58rem .82rem; border-radius: 10px; color: #fff !important; background: var(--guest-blue); font-size: .78rem; font-weight: 750; white-space: nowrap; }
.guest-retail-order-button:hover { background: #0e57b8; text-decoration: none; }

.guest-retail-express .server-async-empty { padding: 5rem 1rem; text-align: center; }
.guest-retail-express .server-async-recent-clear { border: 0; background: transparent; color: var(--guest-blue); font-size: .72rem; cursor: pointer; }

body.dark-mode .guest-retail-express,
[data-theme="dark"] .guest-retail-express { --guest-navy: #edf4ff; --guest-border: #2b3c58; --guest-muted: #9fb0c8; --guest-surface: #152238; --guest-soft: #1b2a42; }
body.dark-mode .guest-retail-command,
body.dark-mode .guest-retail-express .server-async-sidebar,
body.dark-mode .guest-retail-express .server-async-results-card,
[data-theme="dark"] .guest-retail-command,
[data-theme="dark"] .guest-retail-express .server-async-sidebar,
[data-theme="dark"] .guest-retail-express .server-async-results-card { background: var(--guest-surface); }
body.dark-mode .guest-retail-filter-chip,
[data-theme="dark"] .guest-retail-filter-chip { color: var(--guest-navy); background: var(--guest-soft); }

@media (max-width: 991.98px) {
    .guest-retail-express { padding: .5rem 0 5rem; }
    .guest-retail-command { padding: .9rem; border-radius: 14px; }
    .guest-retail-express .server-async-command-head { align-items: flex-start; }
    .guest-retail-express .server-async-command-title { font-size: 1.25rem; }
    .guest-retail-express .server-async-filterbar { overflow-x: auto; flex-wrap: nowrap; padding-bottom: .3rem; }
    .guest-retail-express .server-async-filter-label,
    .guest-retail-status { display: none; }
    .guest-retail-express .server-async-type-filters { flex: 0 0 auto; }
    .guest-retail-toggle { flex: 0 0 auto; }
    .guest-retail-express .server-async-category-list { max-height: 340px; }
    .guest-retail-express .server-async-results-card { min-height: 360px; }
}

@media (max-width: 575.98px) {
    .guest-retail-express .page-container { padding-left: .35rem; padding-right: .35rem; }
    .guest-retail-express .server-async-search-row { gap: .45rem; }
    .guest-retail-express .server-async-refresh span { display: none; }
    .guest-retail-service-card { grid-template-columns: 44px minmax(0,1fr); gap: .65rem; }
    .guest-retail-service-icon { width: 42px; height: 42px; }
    .guest-retail-service-action { grid-column: 1 / -1; justify-content: space-between; padding-top: .65rem; border-top: 1px solid var(--guest-border); }
    .guest-retail-price { text-align: left; }
    .guest-retail-order-button { min-width: 135px; }
}