/* Shared PC/mobile storefront palette; published decoration values still take precedence. */
:root { color-scheme: light; --store-accent: #2563eb; --store-background: #f2f9ff; }
body { color: #234469; background: var(--store-background); }
:is(a, button, input, select, textarea):focus-visible { outline: 3px solid var(--store-accent); outline-offset: 3px; }
input, select, textarea { accent-color: var(--store-accent); }
.site-header, .mobile-header, .store-navigation { border-color: #d5e6f5; }
.store-brand span, .store-navigation a, .catalog-result-meta, .product-label, .product-card p, .store-footer p, .store-footer a, .mobile-intro p, .store-intro p, .service-band a { color: #526d89; }
.store-intro h1, .mobile-intro h1, .mobile-header strong, .catalog-toolbar h2, .product-card h3 { color: #234469; }
.store-intro h1::after, .mobile-intro h1::after { content: ''; display: block; width: 32px; height: 3px; margin-top: 9px; background: #08a3bd; }
.store-search, #mobileCatalogSearchForm { background: #fff; border-color: #8fbcf3; }
.store-search input::placeholder, #mobileCatalogSearchForm input::placeholder { color: #607c98; }
.store-search > svg { color: #168abb; }
.account-link, .mobile-header #accountLink { border: 1px solid #c5ddf8; color: var(--store-accent); background: #edf6ff; }
.catalog-sidebar { border-color: #d5e6f5; }
.catalog-sidebar .section-head { background: #eaf5ff; border-color: #d5e6f5; }
#catalogCategories button { color: #526d89; }
#catalogCategories button.is-active { background: #e7f3ff; color: var(--store-accent); }
.product-card { border-color: #cfe2f3; box-shadow: 0 2px 7px #2563eb06; border-radius: 8px; }
.product-card:hover { border-color: #76aff5; box-shadow: 0 7px 20px #2563eb17; }
.product-visual { background: #e5f3ff; color: #167bc9; }
.product-card:nth-child(3n+2) .product-visual { background: #fff0e8; color: #c96e28; }
.product-card:nth-child(3n+3) .product-visual { background: #e5f9f1; color: #09876b; }
.product-label { font-size: 11px; }
.product-card p { font-size: 12px; }
.product-meta strong, .order-row-body strong { color: #c2410c; }
.product-meta button { min-height: 34px; font-size: 12px; background: #eaf4ff; color: var(--store-accent); }
.product-meta button:hover:not(:disabled) { background: var(--store-accent); color: #fff; }
.product-meta button:disabled { background: #edf5fc; color: #637d95; }
.catalog-layout-switch button { color: #526d89; }
.catalog-layout-switch button[aria-pressed=true] { color: var(--store-accent); background: #eaf5ff; }
.mps-band-shortcuts { border-top: 1px solid #d5e6f5; border-bottom: 1px solid #d5e6f5; }
.mps-shortcuts a { color: #234469; }
.mps-shortcut-icon { color: #2563eb; background: #eaf4ff; }
.mps-shortcuts a:nth-child(4n+2) .mps-shortcut-icon { color: #087f9c; background: #e0f8fb; }
.mps-shortcuts a:nth-child(4n+3) .mps-shortcut-icon { color: #c2410c; background: #fff0e6; }
.mps-shortcuts a:nth-child(4n) .mps-shortcut-icon { color: #087957; background: #e5f9ef; }
.announcement, body[data-app=mall-mobile] .mps-band-notice { background: #fff5e9; color: #955025; }
.service-band { border-color: #cfe2f3; }
.service-band svg { color: #168abb; }
body > .store-footer, .mobile-footer { background: #fff; color: #526d89; border-color: #d5e6f5; }
.member-auth, .member-welcome { background: #ecf8ff; color: #234469; }
.member-welcome p, .member-welcome span, .member-state, .auth-intro p { color: #526d89; }
.auth-panel { background: #fff; color: #234469; border-color: #bddbf5; box-shadow: 0 8px 28px #2563eb12; }
.auth-tabs button.is-active, .account-tabs button.is-active { color: var(--store-accent); border-color: var(--store-accent); }
.primary-action { background: var(--store-accent); color: #fff; border-radius: 6px; }
.primary-action:hover { filter: brightness(.96); }
.secondary-action { background: #fff; color: var(--store-accent); border-color: #b6d4f4; border-radius: 6px; }
.member-panel, .subsite-card { background: #fff; border-color: #d5e6f5; }
.subsite-overview, .order-detail-summary { color: #234469; background: #f0f9ff; }
.subsite-overview > div, .order-detail-summary > div { border-color: #d5e6f5; }
dialog { background: #fff; color: #234469; border-color: #bfdaf4; border-radius: 8px; }
dialog::backdrop { background: #296ba840; }
.bottom-nav { background: #fff; border-color: #d5e6f5; }
.bottom-nav a, .bottom-nav button { color: #526d89; }
.bottom-nav .is-active { color: var(--store-accent); }
.account-tabs { overflow-x: auto; }
.account-tabs > a { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 43px; padding: 0 2px; border-bottom: 2px solid transparent; color: #526d89; font-size: 12px; text-decoration: none; white-space: nowrap; }
.account-tabs > a:hover, .account-tabs > a:focus-visible { color: var(--store-accent); border-bottom-color: var(--store-accent); }
.order-list a.secondary-action { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
@media (max-width: 650px) {
  .account-link, .mobile-header #accountLink { min-height: 40px; display: inline-flex; align-items: center; }
  .store-search, #mobileCatalogSearchForm { min-height: 44px; }
  .product-meta button, .primary-action, .secondary-action { min-height: 44px; }
  #catalogCategories button { min-height: 44px; }
  .catalog-layout-switch button { width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
