:root {
  --market-max: 1180px;
  --market-blue: #5e5af5;
  --market-red: #ff5b5f;
  --market-bg: #f7f8fc;
  --market-card: rgba(255, 255, 255, .92);
  --market-shadow: 0 8px 24px rgba(39, 47, 74, .08);
}

body { margin: 0; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.market-wrap { width: min(100%, var(--market-max)); margin: 0 auto; }
.market-page { background: var(--market-bg); }
:root[data-xkp-theme='dark'] .market-page { --market-bg: #0a0a0a; --market-card: rgba(255,255,255,.055); --market-shadow: 0 10px 28px rgba(0,0,0,.24); }

.market-header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 26px; padding: 14px 0 0; }
.market-brand { display: inline-flex; min-width: max-content; align-items: center; gap: 9px; }
.market-logo { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid var(--xkp-border-strong); border-radius: 9px; color: var(--market-blue); background: var(--xkp-surface-1); font-size: 10px; font-weight: 800; letter-spacing: -.06em; }
.market-brand-name { font-size: 15px; font-weight: 750; letter-spacing: -.025em; }
.market-brand-sub { display: block; margin-top: 2px; color: var(--xkp-text-faint); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.market-nav { display: flex; min-width: 0; justify-content: center; gap: clamp(13px, 2.2vw, 34px); border-bottom: 1px solid var(--xkp-border); }
.market-nav a { position: relative; padding: 9px 3px 12px; color: var(--xkp-text-secondary); font-size: 12px; white-space: nowrap; }
.market-nav a::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; content: ''; background: transparent; }
.market-nav a:hover, .market-nav a[aria-current='page'] { color: var(--xkp-text); }
.market-nav a[aria-current='page']::after { background: var(--market-blue); }
.market-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.login-link { padding: 9px 12px; border: 1px solid var(--xkp-border); border-radius: 999px; color: var(--xkp-text-secondary); font-size: 11px; background: var(--xkp-surface-2); }
.login-link:hover { border-color: var(--xkp-border-strong); color: var(--xkp-text); }
.theme-switch { display: inline-grid; grid-auto-flow: column; gap: 2px; padding: 3px; border: 1px solid var(--xkp-border); border-radius: 999px; background: var(--xkp-switch-bg); }
.theme-option { min-width: 28px; min-height: 28px; padding: 5px 7px; border: 0; border-radius: 999px; color: var(--xkp-text-muted); background: transparent; cursor: pointer; font-size: 11px; }
.theme-option[aria-pressed='true'] { color: var(--xkp-text); background: var(--xkp-switch-active-bg); box-shadow: var(--xkp-switch-active-shadow); }
.locale-toggle { min-width: 60px; min-height: 36px; padding: 7px 10px; border: 1px solid var(--xkp-border); border-radius: 999px; color: var(--xkp-text-muted); background: var(--xkp-switch-bg); cursor: pointer; font-size: 11px; }
.locale-toggle [data-active='true'] { color: var(--xkp-text); font-weight: 700; }
.market-nav a:focus-visible, .market-actions button:focus-visible, .login-link:focus-visible, .market-tab:focus-visible, .buy-button:focus-visible, .checkout-submit:focus-visible, .field input:focus-visible, .field select:focus-visible { outline: 3px solid var(--xkp-focus); outline-offset: 3px; }

.market-main { padding: 30px 0 12px; }
.market-intro { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 18px 0 24px; }
.market-kicker { margin: 0 0 7px; color: var(--market-blue); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.market-intro h1 { margin: 0; font-size: clamp(28px, 4.2vw, 44px); font-weight: 550; letter-spacing: -.055em; line-height: 1.14; }
.market-intro p { max-width: 500px; margin: 10px 0 0; color: var(--xkp-text-muted); font-size: 12px; line-height: 1.7; }
.mode-note { max-width: 250px; padding: 10px 12px; border: 1px solid var(--xkp-border); border-radius: 10px; color: var(--xkp-text-muted); background: var(--xkp-surface-2); font-size: 10px; line-height: 1.6; text-align: right; }
.mode-note strong { display: block; margin-bottom: 2px; color: var(--xkp-text); font-size: 11px; }
.market-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.market-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.market-tab { min-height: 34px; padding: 7px 13px; border: 1px solid var(--xkp-border); border-radius: 999px; color: var(--xkp-text-muted); background: var(--xkp-surface-2); cursor: pointer; font-size: 11px; }
.market-tab[aria-selected='true'] { border-color: color-mix(in srgb, var(--market-blue) 58%, var(--xkp-border-strong)); color: var(--xkp-text); background: color-mix(in srgb, var(--market-blue) 12%, var(--xkp-surface-1)); }
.market-count { color: var(--xkp-text-faint); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; white-space: nowrap; }
.market-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.market-card { display: flex; min-height: 284px; flex-direction: column; padding: 16px 14px 14px; border: 1px solid var(--xkp-border); border-radius: 8px; background: var(--market-card); box-shadow: var(--market-shadow); transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease; }
.market-card:hover { transform: translateY(-2px); border-color: var(--xkp-border-strong); box-shadow: 0 12px 28px rgba(39,47,74,.11); }
.market-card[hidden] { display: none; }
.product-icon { display: grid; width: 60px; height: 60px; margin: 0 auto; place-items: center; border-radius: 15px; color: #fff; font-size: 16px; font-weight: 800; letter-spacing: -.06em; box-shadow: inset 0 1px 0 rgba(255,255,255,.25); }
.catalog-logo-image { display: block; max-width: 78%; max-height: 78%; object-fit: contain; }
.icon-gpt { background: linear-gradient(135deg, #a66bff, #6944d9); }
.icon-claude { background: linear-gradient(135deg, #e5b06e, #9b5d2f); }
.icon-gemini { background: linear-gradient(135deg, #5c8dff, #4a54d6); }
.icon-google { background: linear-gradient(135deg, #61b3ff, #4981d8); }
.icon-plus { background: linear-gradient(135deg, #303030, #6d6d6d); }
.icon-api { background: linear-gradient(135deg, #25a57a, #247a84); }
.icon-max { background: linear-gradient(135deg, #bd6cff, #5a30b9); }
.icon-team { background: linear-gradient(135deg, #4e7dff, #332dc4); }
.market-card h2 { min-height: 42px; margin: 12px 0 0; color: var(--xkp-text); font-size: 16px; font-weight: 600; line-height: 1.3; text-align: center; }
.sold-line { margin-top: 7px; color: var(--market-red); font-size: 11px; text-align: center; }
.recent-line { margin-top: 5px; color: var(--xkp-text-muted); font-size: 10px; text-align: center; }
.tag-list { display: flex; min-height: 42px; flex-wrap: wrap; justify-content: center; gap: 5px; margin-top: 10px; }
.tag { padding: 4px 7px; border: 1px solid var(--xkp-border-strong); border-radius: 999px; color: var(--xkp-text-muted); font-size: 9px; line-height: 1; white-space: nowrap; }
.card-bottom { display: flex; align-items: end; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 18px; }
.price-line { color: var(--xkp-text); font-size: 11px; white-space: nowrap; }
.price-line strong { color: var(--market-blue); font-size: 17px; font-weight: 700; }
.buy-button { min-height: 30px; padding: 6px 10px; border: 1px solid color-mix(in srgb, var(--market-blue) 32%, var(--xkp-border)); border-radius: 999px; color: var(--market-blue); background: color-mix(in srgb, var(--market-blue) 8%, transparent); cursor: pointer; font-size: 10px; white-space: nowrap; }
.buy-button:hover { color: #fff; border-color: var(--market-blue); background: var(--market-blue); }
.market-disclaimer { margin-top: 20px; padding: 12px 14px; border: 1px solid var(--xkp-border); border-radius: 10px; color: var(--xkp-text-muted); background: var(--xkp-surface-2); font-size: 10px; line-height: 1.7; }
.market-disclaimer strong { color: var(--xkp-text-secondary); }

.market-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 22px; padding: 18px 0 28px; border-top: 1px solid var(--xkp-border); color: var(--xkp-text-faint); font-size: 10px; }
.market-footer-links { display: flex; flex-wrap: wrap; gap: 13px; }
.market-footer a:hover { color: var(--xkp-text); }

.market-search-row { display: grid; grid-template-columns: auto minmax(220px, 1fr) auto auto; gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--xkp-border); }
.category-trigger { min-height: 38px; padding: 8px 14px; border: 1px solid var(--xkp-border); border-radius: 6px; color: var(--xkp-text-secondary); background: var(--xkp-surface-2); cursor: pointer; font-size: 11px; }
.search-form { display: flex; min-width: 0; height: 38px; border: 1px solid var(--xkp-border-strong); border-radius: 6px; overflow: hidden; background: var(--xkp-surface-1); }
.search-form input { min-width: 0; flex: 1; padding: 8px 12px; border: 0; color: var(--xkp-text); background: transparent; outline: 0; font-size: 11px; }
.search-form button { width: 42px; border: 0; color: #fff; background: var(--market-blue); cursor: pointer; font-size: 18px; line-height: 1; }
.market-search-row > a { padding: 8px 4px; color: var(--xkp-text-muted); font-size: 11px; white-space: nowrap; }
.market-search-row > a:hover { color: var(--xkp-text); }

.product-main { padding: 18px 0 32px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; color: var(--xkp-text-faint); font-size: 10px; }
.breadcrumb a:hover { color: var(--market-blue); }
.product-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr); gap: 16px; align-items: start; }
.product-overview, .buy-box, .detail-panel, .offers-panel { border: 1px solid var(--xkp-border); border-radius: 8px; background: var(--market-card); box-shadow: var(--market-shadow); }
.product-overview { display: grid; grid-template-columns: 160px 1fr; gap: 22px; padding: 22px; }
.product-image { display: grid; min-height: 180px; align-content: center; justify-items: center; border: 1px solid var(--xkp-border); border-radius: 8px; background: var(--xkp-surface-2); }
.product-image .product-icon { width: 86px; height: 86px; border-radius: 18px; font-size: 22px; }
.product-image p { max-width: 110px; margin: 14px 0 0; color: var(--xkp-text-faint); font-size: 9px; line-height: 1.5; text-align: center; }
.product-copy h1 { margin: 2px 0 0; color: var(--xkp-text); font-size: clamp(22px, 3vw, 34px); font-weight: 600; letter-spacing: -.045em; line-height: 1.2; }
.product-subtitle { margin: 10px 0 0; color: var(--xkp-text-muted); font-size: 11px; line-height: 1.7; }
.fact-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin-top: 20px; }
.fact-grid div { min-height: 52px; padding: 9px 10px; border: 1px solid var(--xkp-border); border-radius: 6px; background: var(--xkp-surface-2); }
.fact-grid span { display: block; color: var(--xkp-text-faint); font-size: 9px; }
.fact-grid strong { display: block; margin-top: 5px; color: var(--xkp-text-secondary); font-size: 11px; }
.important-note { display: grid; gap: 4px; margin-top: 14px; padding: 11px 12px; border-left: 2px solid var(--market-blue); color: var(--xkp-text-muted); background: color-mix(in srgb, var(--market-blue) 6%, var(--xkp-surface-2)); font-size: 10px; line-height: 1.65; }
.important-note strong { color: var(--xkp-text); font-size: 11px; }
.buy-box { position: sticky; top: 12px; padding: 18px; }
.seller-summary, .stock-line, .qty-row, .buy-price { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.seller-summary { padding-bottom: 13px; border-bottom: 1px solid var(--xkp-border); color: var(--xkp-text-secondary); font-size: 12px; font-weight: 650; }
.seller-score { color: var(--xkp-text-faint); font-size: 10px; font-weight: 400; }
.stock-line { padding: 14px 0 10px; color: var(--xkp-text-muted); font-size: 11px; }
.stock-line strong { color: var(--market-red); font-size: 11px; }
.qty-row { padding: 10px 0; color: var(--xkp-text-muted); font-size: 11px; }
.qty-control { display: inline-grid; grid-template-columns: 28px 44px 28px; height: 30px; border: 1px solid var(--xkp-border-strong); border-radius: 4px; overflow: hidden; }
.qty-control button, .qty-control input { width: 100%; border: 0; color: var(--xkp-text-secondary); background: var(--xkp-surface-2); text-align: center; }
.qty-control button { cursor: pointer; }
.qty-control input { border-right: 1px solid var(--xkp-border); border-left: 1px solid var(--xkp-border); outline: 0; font-size: 11px; }
.buy-price { margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--xkp-border); color: var(--xkp-text-muted); font-size: 11px; }
.buy-price strong { color: var(--market-blue); font-size: 24px; }
.payment-summary { margin-top: 12px; padding: 9px 10px; border: 1px solid var(--xkp-border); border-radius: 5px; color: var(--xkp-text-muted); background: var(--xkp-surface-2); font-size: 10px; }
.payment-config-hint { margin-top: 10px; padding: 9px 10px; border-left: 2px solid var(--market-blue); color: var(--xkp-text-muted); background: var(--xkp-surface-2); font-size: 10px; line-height: 1.65; }
.payment-config-hint[data-configured='true'] { color: var(--xkp-success); }
.buy-box .checkout-submit { margin-top: 14px; }
.buy-note { margin: 10px 0 0; color: var(--xkp-text-faint); font-size: 9px; line-height: 1.6; }
.product-lower { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 16px; }
.product-lower > .offers-panel { display: none; }
.detail-panel, .offers-panel { padding: 20px; }
.panel-tabs { display: flex; gap: 18px; margin-bottom: 24px; border-bottom: 1px solid var(--xkp-border); }
.panel-tab { padding: 0 0 10px; border: 0; border-bottom: 2px solid transparent; color: var(--xkp-text-muted); background: transparent; cursor: pointer; font-size: 12px; }
.panel-tab.active, .panel-tab:hover { border-color: var(--market-blue); color: var(--xkp-text); }
.detail-panel h2 { margin: 20px 0 12px; color: var(--xkp-text); font-size: 16px; }
.detail-panel h2:first-of-type { margin-top: 0; }
.spec-table { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border-top: 1px solid var(--xkp-border); border-left: 1px solid var(--xkp-border); }
.spec-table div { display: grid; grid-template-columns: 92px 1fr; gap: 8px; padding: 12px; border-right: 1px solid var(--xkp-border); border-bottom: 1px solid var(--xkp-border); }
.spec-table dt { color: var(--xkp-text-faint); font-size: 10px; }
.spec-table dd { margin: 0; color: var(--xkp-text-secondary); font-size: 10px; }
.detail-copy { color: var(--xkp-text-muted); font-size: 11px; line-height: 1.8; }
.offers-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding-bottom: 12px; border-bottom: 1px solid var(--xkp-border); }
.offers-head h2 { margin: 0; color: var(--xkp-text); font-size: 16px; }
.offers-head span { color: var(--xkp-text-faint); font-size: 10px; }
.offer-row { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--xkp-border); }
.offer-row strong { display: block; color: var(--xkp-text-secondary); font-size: 11px; }
.offer-row small { display: block; margin-top: 4px; color: var(--xkp-text-faint); font-size: 9px; }
.offer-row b { color: var(--market-blue); font-size: 14px; }
.offer-row a { color: var(--market-blue); font-size: 10px; }

/* Marketplace-style homepage */
.home-page { padding: 0; background: #f5f7fb; }
.home-page .market-footer { width: min(100% - 32px, var(--market-max)); margin-inline: auto; }
.home-header { position: relative; z-index: 4; background: #fff; border-bottom: 1px solid #e7e9ef; }
:root[data-xkp-theme='dark'] .home-header { background: #111216; border-color: var(--xkp-border); }
.home-header-inner { display: grid; grid-template-columns: auto auto minmax(300px, 1fr) auto; gap: 14px; align-items: center; width: min(100% - 32px, 1120px); min-height: 64px; margin: 0 auto; }
.home-brand { display: inline-flex; align-items: center; gap: 8px; color: #dc3e2e; white-space: nowrap; }
.home-brand-mark { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: #fff; background: #df3d2c; font-size: 12px; font-weight: 800; }
.home-brand-word { font-size: 20px; font-weight: 800; letter-spacing: -.05em; }
.menu-button { border: 0; color: var(--xkp-text-secondary); background: transparent; cursor: pointer; font-size: 22px; }
.home-search { display: grid; grid-template-columns: 1fr 124px 42px; height: 36px; border: 1px solid #d8dbe3; border-radius: 5px; overflow: hidden; background: #fff; }
:root[data-xkp-theme='dark'] .home-search { border-color: var(--xkp-border-strong); background: var(--xkp-surface-2); }
.home-search input, .home-search select { min-width: 0; padding: 0 11px; border: 0; color: var(--xkp-text-secondary); background: transparent; outline: 0; font-size: 11px; }
.home-search select { border-left: 1px solid #e3e5eb; }
.home-search button { border: 0; color: #fff; background: #e24b38; cursor: pointer; font-size: 18px; }
.home-actions { display: flex; align-items: center; gap: 12px; color: var(--xkp-text-muted); font-size: 11px; white-space: nowrap; }
.home-actions a:hover { color: #e24b38; }
.locale-short { border: 0; color: var(--xkp-text-muted); background: transparent; cursor: pointer; font-size: 11px; }
.locale-short [data-active='true'] { color: var(--xkp-text); font-weight: 700; }
.home-hero { position: relative; overflow: hidden; min-height: 286px; color: #fff; background: #071436; isolation: isolate; }
.home-hero::before, .home-hero::after { position: absolute; z-index: -1; content: ''; pointer-events: none; }
.home-hero::before { inset: -30% -5%; background: radial-gradient(ellipse at 15% 70%, rgba(226,47,73,.72), transparent 30%), radial-gradient(ellipse at 42% 0%, rgba(0,123,190,.78), transparent 35%), radial-gradient(ellipse at 92% 60%, rgba(120,0,171,.7), transparent 34%), linear-gradient(125deg,#350c47,#04123e 45%,#24013d); transform: rotate(-3deg) scale(1.1); }
.home-hero::after { inset: 8% 10%; border-radius: 45% 55% 34% 66% / 55% 38% 62% 45%; border: 2px solid rgba(25,157,214,.32); box-shadow: 0 0 0 24px rgba(15,97,189,.12), 0 0 0 48px rgba(196,69,83,.1), 0 0 0 74px rgba(16,43,113,.14); transform: rotate(6deg); }
.home-hero-inner { width: min(100% - 32px, 1120px); margin: 0 auto; padding: 42px 0 50px; text-align: center; }
.home-hero-kicker { margin: 0 0 9px; color: rgba(255,255,255,.76); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 9px; letter-spacing: .14em; }
.home-hero h1 { margin: 0; font-size: clamp(34px, 5vw, 52px); font-weight: 700; letter-spacing: -.07em; text-shadow: 0 3px 18px rgba(0,0,0,.2); }
.home-hero-copy { margin: 10px 0 24px; color: rgba(255,255,255,.78); font-size: 12px; }
.hero-category-row { display: flex; justify-content: center; gap: 8px; overflow-x: auto; }
.hero-category { display: grid; min-width: 118px; min-height: 68px; place-items: center; align-content: center; gap: 7px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 4px; color: #fff; background: rgba(4,10,44,.48); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-size: 11px; transition: background 160ms ease, transform 160ms ease; }
.hero-category:hover { transform: translateY(-2px); background: rgba(35,68,143,.72); }
.hero-category-icon { font-size: 20px; line-height: 1; }
.home-content { width: min(100% - 32px, 1120px); margin: 0 auto; padding: 34px 0 30px; background: linear-gradient(115deg, rgba(231,235,241,.42), transparent 26%, transparent 74%, rgba(230,236,246,.44)); }
.home-section { margin-top: 0; padding: 0 0 34px; }
.home-section-head { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 20px; }
.home-section-head h2 { margin: 0; color: var(--xkp-text); font-size: 24px; font-weight: 700; letter-spacing: -.04em; }
.home-section-head .clear-history, .home-more { margin-left: auto; border: 1px solid var(--xkp-border-strong); border-radius: 999px; padding: 5px 10px; color: var(--xkp-text-muted); background: var(--xkp-surface-1); cursor: pointer; font-size: 9px; }
.home-more { color: var(--market-blue); }
.history-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; min-height: 98px; }
.history-empty { display: grid; grid-column: 1 / -1; min-height: 98px; place-items: center; border: 1px dashed var(--xkp-border-strong); border-radius: 8px; color: var(--xkp-text-faint); background: rgba(255,255,255,.42); font-size: 11px; }
.history-card { display: grid; grid-template-columns: 46px 1fr auto; gap: 10px; align-items: center; padding: 12px; border: 1px solid var(--xkp-border); border-radius: 7px; background: rgba(255,255,255,.72); box-shadow: 0 4px 14px rgba(39,47,74,.05); }
:root[data-xkp-theme='dark'] .history-card, :root[data-xkp-theme='dark'] .history-empty { background: var(--xkp-surface-2); }
.history-icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 7px; color: #fff; background: #6f48dd; font-size: 11px; font-weight: 800; }
.history-card strong { display: block; color: var(--xkp-text); font-size: 11px; line-height: 1.35; }
.history-card small { display: block; margin-top: 5px; color: var(--xkp-text-faint); font-size: 9px; }
.history-card a { color: var(--market-blue); font-size: 10px; }
.hot-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.hot-card { min-height: 276px; padding: 18px; border-radius: 4px; color: #fff; box-shadow: 0 10px 22px rgba(26,34,64,.13); }
.hot-orange { background: linear-gradient(135deg, #ff9d00, #ff7a00); }
.hot-purple { background: linear-gradient(135deg, #7829d8, #4d1bb5); }
.hot-navy { background: linear-gradient(135deg, #1e2553, #182047); }
.hot-blue { background: linear-gradient(135deg, #3d8eea, #2372d4); }
.hot-card-head { display: flex; gap: 10px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.2); }
.hot-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 8px; color: #fff; background: rgba(0,0,0,.2); font-size: 12px; font-weight: 800; }
.hot-card h3 { margin: 0; font-size: 16px; }
.hot-card-head span:not(.hot-icon) { display: block; margin-top: 4px; color: rgba(255,255,255,.7); font-size: 9px; }
.hot-card ul { display: grid; gap: 0; margin: 12px 0 0; padding: 0; list-style: none; }
.hot-card li { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.17); font-size: 10px; }
.hot-card li a { color: #fff; }
.hot-card li a:hover { text-decoration: underline; }
.hot-card li b { min-width: 28px; color: rgba(255,255,255,.86); font-size: 10px; text-align: right; }
.hot-more { display: block; width: 120px; margin: 16px auto 0; padding: 7px 10px; border-radius: 3px; color: inherit; background: rgba(0,0,0,.18); font-size: 10px; text-align: center; }
.hot-more:hover { background: rgba(0,0,0,.28); }
.home-notice { padding: 12px 14px; border: 1px solid var(--xkp-border); border-radius: 6px; color: var(--xkp-text-muted); background: var(--xkp-surface-2); font-size: 10px; line-height: 1.7; text-align: center; }
.home-footer { background: transparent; }

@media (max-width: 900px) { .home-header-inner { grid-template-columns: auto auto 1fr; } .home-actions { grid-column: 1 / -1; justify-content: flex-end; padding-bottom: 10px; } .hot-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .history-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 600px) { .home-header-inner { grid-template-columns: auto auto; padding-top: 10px; } .home-search { grid-column: 1 / -1; grid-row: 2; grid-template-columns: 1fr 42px; } .home-search select { display: none; } .home-actions { grid-column: 1 / -1; grid-row: 3; justify-content: space-between; } .home-hero-inner { padding-top: 32px; } .hero-category-row { justify-content: flex-start; } .hero-category { min-width: 100px; } .home-content { width: min(100% - 20px, 1120px); padding-top: 26px; } .hot-grid, .history-grid { grid-template-columns: 1fr; } .home-section-head { justify-content: flex-start; } .home-section-head h2 { font-size: 21px; } .home-section-head .clear-history, .home-more { margin-left: auto; } }

@media (max-width: 860px) { .market-search-row { grid-template-columns: auto 1fr auto; } .market-search-row > a:last-child { display: none; } .product-layout, .product-lower { grid-template-columns: 1fr; } .buy-box { position: static; } }
@media (max-width: 600px) { .market-search-row { grid-template-columns: 1fr auto; } .category-trigger { display: none; } .market-search-row > a { display: none; } .product-overview { grid-template-columns: 1fr; padding: 14px; } .product-image { min-height: 145px; } .fact-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .spec-table { grid-template-columns: 1fr; } .offer-row { grid-template-columns: 1fr auto; } .offer-row a { grid-column: 2; grid-row: 1; } }

.simple-page { min-height: 100%; }
.simple-main { padding: 52px 0 36px; }
.simple-heading { max-width: 640px; margin: 0 auto 22px; text-align: center; }
.simple-heading h1 { margin: 0; font-size: clamp(30px, 5vw, 46px); font-weight: 550; letter-spacing: -.055em; }
.simple-heading p { margin: 11px 0 0; color: var(--xkp-text-muted); font-size: 12px; line-height: 1.75; }
.checkout-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(380px, 1.1fr); gap: 16px; align-items: start; max-width: 850px; margin: 0 auto; }
.panel { padding: 20px; border: 1px solid var(--xkp-border); border-radius: 14px; background: var(--market-card); box-shadow: var(--market-shadow); }
.panel h2 { margin: 0; font-size: 17px; font-weight: 650; }
.checkout-product { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding: 14px; border: 1px solid var(--xkp-border); border-radius: 11px; background: var(--xkp-surface-2); }
.checkout-product .product-icon { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 12px; font-size: 13px; }
.checkout-product-name { font-size: 14px; font-weight: 700; }
.checkout-product-plan { margin-top: 5px; color: var(--xkp-text-muted); font-size: 10px; }
.checkout-price { margin-left: auto; color: var(--market-blue); font-size: 17px; font-weight: 750; white-space: nowrap; }
.order-list { display: grid; gap: 0; margin-top: 20px; }
.order-row { display: flex; justify-content: space-between; gap: 14px; padding: 11px 0; border-top: 1px solid var(--xkp-border); color: var(--xkp-text-muted); font-size: 11px; }
.order-row strong { color: var(--xkp-text); font-weight: 600; text-align: right; }
.field { display: grid; gap: 7px; margin-top: 16px; }
.field label { color: var(--xkp-text-secondary); font-size: 11px; font-weight: 650; }
.field input, .field select { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid var(--xkp-border); border-radius: 10px; color: var(--xkp-text); background: var(--xkp-field-bg); outline: none; }
.payment-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; margin-top: 10px; }
.payment-option { position: relative; display: flex; min-height: 54px; align-items: center; gap: 8px; padding: 10px; border: 1px solid var(--xkp-border); border-radius: 10px; color: var(--xkp-text-secondary); background: var(--xkp-surface-2); cursor: pointer; font-size: 11px; }
.payment-option:has(input:checked) { border-color: color-mix(in srgb, var(--market-blue) 68%, var(--xkp-border-strong)); background: color-mix(in srgb, var(--market-blue) 10%, var(--xkp-surface-1)); }
.payment-option input { accent-color: var(--market-blue); }
.payment-option small { display: block; margin-top: 3px; color: var(--xkp-text-faint); font-size: 9px; }
.checkout-submit { width: 100%; min-height: 46px; margin-top: 20px; border: 0; border-radius: 999px; color: #fff; background: var(--market-blue); cursor: pointer; font-weight: 700; }
.checkout-submit:hover { filter: brightness(.96); }
.checkout-submit:disabled { cursor: not-allowed; opacity: .55; }
.checkout-note, .login-note { margin: 12px 0 0; color: var(--xkp-text-faint); font-size: 10px; line-height: 1.7; }
.checkout-result { margin-top: 12px; padding: 11px 12px; border-left: 2px solid var(--market-blue); color: var(--xkp-text-secondary); background: var(--xkp-surface-2); font-size: 10px; line-height: 1.65; }
.login-panel { width: min(100%, 420px); margin: 0 auto; }
.login-panel .market-logo { margin: 0 auto 16px; }
.login-panel h1 { margin: 0; text-align: center; font-size: 28px; letter-spacing: -.045em; }
.login-panel > p { margin: 10px 0 0; color: var(--xkp-text-muted); font-size: 11px; line-height: 1.7; text-align: center; }
.login-panel form { margin-top: 20px; }
.login-panel .checkout-submit { margin-top: 18px; }

@media (max-width: 1100px) { .market-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 860px) { .market-header { grid-template-columns: 1fr auto; gap: 12px; } .market-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; overflow-x: auto; } .market-intro { align-items: flex-start; flex-direction: column; } .mode-note { max-width: none; text-align: left; } .market-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } .checkout-layout { grid-template-columns: 1fr; max-width: 600px; } }
@media (max-width: 600px) { .market-page { padding-top: max(10px, env(safe-area-inset-top)); } .market-main { padding-top: 20px; } .market-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; } .market-card { min-height: 272px; padding-inline: 10px; } .product-icon { width: 52px; height: 52px; border-radius: 13px; font-size: 14px; } .market-card h2 { font-size: 14px; } .price-line strong { font-size: 15px; } .buy-button { padding-inline: 8px; } .market-footer { display: block; } .market-footer-links { margin-top: 10px; } .simple-main { padding-top: 34px; } .payment-list { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .market-wrap, .market-page { width: 100%; min-width: 0; }
  .market-brand { min-width: 0; }
  .market-brand-name { font-size: 13px; }
  .market-nav { min-width: 0; }
  .home-hero-copy { max-width: 100%; overflow-wrap: anywhere; line-height: 1.7; }
  .product-copy { min-width: 0; }
  .product-copy h1 { font-size: clamp(22px, 7vw, 28px); overflow-wrap: anywhere; word-break: break-word; }
  .product-subtitle { overflow-wrap: anywhere; }
  .checkout-product { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; }
  .checkout-product > div { min-width: 0; }
  .checkout-product-name { overflow-wrap: anywhere; word-break: break-word; }
  .checkout-price { grid-column: 2; justify-self: start; }
  .checkout-note { overflow-wrap: anywhere; }
}
@media (max-width: 350px) { .market-grid { grid-template-columns: 1fr; } .market-card { min-height: 250px; } .market-card h2 { min-height: auto; } .market-toolbar { align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .market-card, .buy-button { transition: none; } .market-card:hover { transform: none; } }

/* Compact utility-page fallback for policy and FAQ routes kept from the first package. */
.site-container { width: min(100%, 1180px); margin: 0 auto; }
.site-header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--xkp-border); }
.brand-lockup { display: inline-flex; align-items: center; gap: 9px; min-width: max-content; }
.brand-mark { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid var(--xkp-border-strong); border-radius: 9px; color: var(--market-blue); background: var(--xkp-surface-1); }
.brand-name { font-size: 14px; font-weight: 700; }
.brand-sub { margin-left: 5px; color: var(--xkp-text-faint); font-size: 8px; letter-spacing: .08em; }
.site-nav { display: flex; justify-content: center; gap: 18px; color: var(--xkp-text-muted); font-size: 11px; }
.site-nav a:hover, .site-nav a[aria-current='page'] { color: var(--xkp-text); }
.site-controls { display: flex; align-items: center; gap: 7px; }
.page-hero { padding: 50px 0 20px; }
.page-hero h1 { max-width: 760px; margin: 0; font-size: clamp(32px, 5vw, 52px); letter-spacing: -.05em; }
.page-hero p { max-width: 700px; color: var(--xkp-text-muted); font-size: 13px; line-height: 1.8; }
.section { padding: 28px 0 50px; }
.glass-card { padding: 20px; border: 1px solid var(--xkp-border); border-radius: 14px; background: var(--market-card); box-shadow: var(--market-shadow); }
.glass-card h2 { margin: 0; font-size: 18px; }
.glass-card p, .glass-card li { color: var(--xkp-text-muted); font-size: 12px; line-height: 1.8; }
.faq-list { display: grid; gap: 10px; max-width: 820px; }
.faq-list details { border: 1px solid var(--xkp-border); border-radius: 12px; background: var(--market-card); }
.faq-list summary { padding: 15px 16px; color: var(--xkp-text); font-size: 12px; cursor: pointer; }
.faq-answer { padding: 0 16px 15px; color: var(--xkp-text-muted); font-size: 12px; line-height: 1.8; }
.process, .product-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.process-step, .product-card { padding: 18px; border: 1px solid var(--xkp-border); border-radius: 14px; background: var(--market-card); }
.process-step p, .product-card p { color: var(--xkp-text-muted); font-size: 11px; line-height: 1.7; }
.contact-layout, .detail-layout { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.policy { max-width: 820px; }
.policy h2 { margin-top: 26px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 12px; padding: 20px 0 28px; border-top: 1px solid var(--xkp-border); color: var(--xkp-text-faint); font-size: 10px; }
.footer-bottom a:hover { color: var(--xkp-text); }
@media (max-width: 760px) { .site-header { grid-template-columns: 1fr auto; } .site-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; overflow-x: auto; } .process, .product-grid, .contact-layout, .detail-layout { grid-template-columns: 1fr; } .footer-bottom { display: block; } .footer-bottom span + span { display: block; margin-top: 8px; } }