/* Cross-Border prompt adapted to the existing theme; book-market layout inspired by Kongfz. */
.commerce-dialog { width:610px; padding:28px; overflow-wrap:anywhere; }
.commerce-dialog .dialog-heading { align-items:flex-start; gap:12px; }
.commerce-dialog h2 { margin-top:5px; }
.commerce-dialog .eyebrow { font-size:10px; }
.commerce-dialog .form-actions { flex-wrap:wrap; }
.checkout-book { display:flex; align-items:center; gap:22px; padding:18px; background:var(--container); border-radius:18px; margin-bottom:22px; }
.checkout-book .mini-book { width:56px; height:80px; flex-shrink:0; transform:rotate(-3deg); }
.checkout-book h3 { font-size:18px; }
.checkout-book p,.fulfillment-note { font-size:13px; color:var(--muted); }
.delivery-options { border:0; padding:0; margin:0 0 18px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.delivery-options legend,.recipient-fields legend { font-size:13px; font-weight:600; margin-bottom:12px; }
.delivery-options label { position:relative; display:block; min-width:0; cursor:pointer; }
.delivery-options label[hidden] { display:none; }
.delivery-options input { position:absolute; left:16px; top:17px; accent-color:var(--green); width:16px; height:16px; }
.delivery-options label > span { display:grid; grid-template-columns:24px 1fr; gap:5px 10px; padding:17px 14px 17px 43px; border:1px solid var(--outline); border-radius:17px; background:var(--card); transition:background 180ms,border-color 180ms,transform 180ms; }
.delivery-options strong { font-size:14px; }
.delivery-options small { grid-column:1/-1; color:var(--muted); font-size:11px; }
.delivery-options input:checked + span { background:var(--green-container); border-color:var(--green); }
.delivery-options input:focus-visible + span { outline:2px solid var(--focus); outline-offset:3px; }
@media (hover:hover) { .delivery-options label:hover > span { transform:translateY(-2px); border-color:var(--green); } }
.recipient-fields { border:0; padding:0; margin:18px 0; }
.recipient-fields[hidden] { display:none; }
.fulfillment-note { padding:13px 16px; border-radius:12px; background:var(--container); margin:12px 0 20px; white-space:pre-wrap; }
.checkout-totals { background:var(--container); padding:16px 18px; border-radius:16px; margin:20px 0 12px; }
.checkout-totals > div { display:flex; justify-content:space-between; gap:16px; padding:4px 0; color:var(--muted); font-size:13px; }
.checkout-totals dd { margin:0; }
.checkout-totals .total { border-top:1px solid var(--outline); margin-top:8px; padding-top:12px; font-size:18px; font-weight:650; color:var(--text); }
.commerce-error { padding:10px 14px; margin-top:14px; border-radius:10px; background:var(--peach); color:var(--on-peach); }
.commerce-error[hidden] { display:none; }
.order-reference { overflow-wrap:anywhere; min-width:0; }
.order-top .tag { white-space:nowrap; flex-shrink:0; }
.order-main h3,.order-main p { overflow-wrap:anywhere; }
.order-actions { display:flex; flex-wrap:wrap; gap:7px; justify-content:flex-end; }
.order-address { margin-bottom:18px; padding:14px 16px; border:1px solid var(--outline); border-radius:14px; font-size:12px; overflow-wrap:anywhere; }
.order-address summary { cursor:pointer; }
.order-address summary span { margin-left:12px; color:var(--primary); }
.order-address p { margin-top:8px; color:var(--muted); white-space:pre-wrap; }
.shipment-record { padding:16px; background:var(--green-container); color:var(--green); border-radius:16px; margin-bottom:18px; }
.shipment-record > div { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; }
.shipment-record code { overflow-wrap:anywhere; min-width:0; font-size:13px; }
.shipment-record small,.shipment-record p { display:block; font-size:11px; margin-top:6px; }
.shipment-record .text-button { padding:5px 10px; font-size:12px; margin-left:auto; }
.delivery-settings { display:block; padding:4px 0; min-height:36px; font-size:11px; }
.book-delivery { margin-top:9px; font-size:11px; color:var(--green); }
.market-discovery { border:1px solid color-mix(in srgb,var(--outline) 60%,transparent); border-radius:20px; padding:18px 22px; background:color-mix(in srgb,var(--card) 72%,transparent); backdrop-filter:blur(12px); margin:0 0 22px; }
.market-heading { display:flex; gap:18px; justify-content:space-between; align-items:center; margin-bottom:16px; }
.market-heading-copy { display:flex; align-items:center; gap:9px; color:var(--muted); min-width:0; }
.market-heading-copy > svg { width:17px; height:17px; }
.market-heading h3 { font-size:14px; font-weight:600; margin:0; color:var(--text); white-space:nowrap; }
.market-heading-copy > span:last-child { font-size:11px; padding-left:8px; border-left:1px solid var(--outline); }
.market-footnote { color:var(--muted); font-size:12px; }
.market-layout { display:flex; gap:4px; flex-shrink:0; }
.market-layout { padding:3px; border-radius:12px; background:color-mix(in srgb,var(--container) 70%,transparent); }
.market-layout button { display:grid; place-items:center; width:36px; height:34px; border:1px solid transparent; border-radius:9px; color:var(--muted); transition:background 180ms,color 180ms; }
.market-layout button > svg { width:17px; height:17px; }
.market-layout button[aria-pressed="true"] { background:var(--card); color:var(--green); box-shadow:0 1px 4px #0000000a; }
.market-filters { display:grid; grid-template-columns:1fr 1fr 1fr 1.4fr auto; gap:14px; align-items:end; }
.market-filters label { display:flex; flex-direction:column; gap:7px; font-size:12px; color:var(--muted); min-width:0; }
.market-filters select,.market-filters input { width:100%; min-width:0; min-height:44px; border:1px solid color-mix(in srgb,var(--outline) 75%,transparent); border-radius:12px; background:color-mix(in srgb,var(--card) 80%,transparent); padding:9px 12px; font-size:13px; transition:border-color 180ms,background 180ms; }
.market-filters select:hover,.market-filters input:hover { border-color:var(--muted); }
.market-filters select:focus-visible,.market-filters input:focus-visible { outline:2px solid var(--green); outline-offset:2px; }
.market-price { border:0; padding:0; margin:0; min-width:0; display:flex; gap:7px; align-items:center; }
.market-price legend { color:var(--muted); font-size:12px; margin-bottom:7px; }
.market-footnote { margin-top:12px; font-size:10px; }
#bookGrid.market-list { grid-template-columns:1fr; }
.market-list .book-card-link { display:grid; grid-template-columns:155px minmax(0,1fr); }
.market-list .book-stage { height:100%; min-height:224px; }
.market-list .book-title { font-size:20px; -webkit-line-clamp:unset; }
.market-list .book-meta { margin-top:8px; }
.market-list .book-body { padding:22px 26px; }
.market-list .book-footer { justify-content:flex-start; gap:18px; margin-top:15px; }
@media(max-width:1100px) { .market-filters { grid-template-columns:repeat(3,minmax(0,1fr)); } .market-price { grid-column:span 2; } }
@media(max-width:699px) {
  .commerce-dialog { padding:22px 18px; max-width:calc(100% - 24px); max-height:90dvh; border-radius:22px; }
  .commerce-dialog .form-grid { grid-template-columns:1fr; gap:14px; }
  .commerce-dialog .span-two { grid-column:auto; }
  .commerce-dialog h2 { font-size:21px; }
  .delivery-options { gap:8px; }
  .delivery-options label > span { padding:14px 10px 14px 32px; grid-template-columns:1fr; }
  .delivery-options label > span > svg { display:none; }
  .delivery-options input { left:9px; top:15px; }
  .delivery-options strong { font-size:13px; }
  .market-discovery { padding:18px 14px; }
  .market-heading { gap:8px; }
  .market-heading-copy > span:last-child { display:none; }
  .market-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .market-filters select,.market-filters input { font-size:16px; }
  .market-filters > label:nth-child(3) { grid-column:span 2; }
  .market-filters > button { grid-column:span 2; justify-self:end; }
  .market-list .book-card-link { grid-template-columns:95px minmax(0,1fr); }
  .market-list .book-stage { min-height:218px; }
  .market-list .book-stage .mini-book { width:62px; height:91px; }
  .market-list .book-body { padding:15px 12px; }
  .market-list .book-title { font-size:16px; }
  .market-list .book-footer { flex-wrap:wrap; gap:8px; }
  .market-list .book-location { flex-wrap:wrap; }
  .market-list .glass-card-hint { font-size:9px; padding-inline:4px; }
  .order-actions { width:100%; }
  .order-actions .primary-button { white-space:normal; }
}
@media(prefers-reduced-motion:reduce) { .delivery-options label > span { transition:none; transform:none!important; } }
html[data-motion="quiet"] .delivery-options label > span { transition:none; transform:none!important; }