/* The catalogue extends the existing purchase page; no external fonts, polling or image requests. */
.buy-catalog-jump{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:0 0 16px;padding:10px 14px;background:#fff;border:1px solid #DDE6F2;border-radius:var(--r-btn);color:var(--blue);font-size:14px;font-weight:700;text-align:left}
.buy-guide h2,.buy-risk h2,.model-reference h2{margin:0;font-size:18px;line-height:1.45;font-weight:700;text-wrap:balance}
.page-buy .buy-guide{margin-top:16px}
.buy-guide h2{padding-bottom:16px;border-bottom:1px solid #E0E8F3}
.buy-guide ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:18px}
.buy-guide li{display:flex;align-items:flex-start;gap:10px;color:var(--ink-2);font-size:14px;line-height:1.7}
.buy-guide-pin{flex:none;font-size:16px;line-height:1.7}
.buy-risk{margin:16px 0 24px;padding:18px 16px;border:1px solid #E9C46A;border-radius:16px;background:#FFF9E9;color:#81490A}
.buy-risk h2{font-size:16px;color:#984800}
.buy-risk p{margin:10px 0 0;font-size:14px;line-height:1.75}
.model-reference{padding:18px 16px}
.model-reference h2{padding-bottom:14px;border-bottom:1px solid #E0E8F3;scroll-margin-top:14px}
.model-reference h2:focus{outline:none;border-radius:0}
.model-reference h2 + .ref-search{margin-top:16px}
.ref-search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #DCE4EF;border-radius:10px;background:#F5F8FD;color:#516985}
.ref-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;min-height:44px;color:var(--ink)}
.ref-search input::placeholder{color:#546A85}
.ref-search:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.ref-filters{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 0}
.ref-filters button{min-height:44px;padding:0 12px;border:0;border-radius:8px;font-size:14px;font-weight:600;color:#46607E;background:transparent;cursor:pointer}
.ref-filters button[aria-pressed="true"]{background:var(--blue-soft);color:#1555CC}
:root[data-lang="zh"] .ref-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}
:root[data-lang="zh"] .ref-filters button{min-width:0;padding:0 4px}
.ref-filters button:focus-visible,.ref-summary:focus-visible,.ref-detail a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.ref-result-count{margin:10px 0 0;padding:0 0 12px;font-size:14px;color:var(--ink-3);border-bottom:1px solid #E0E8F3}
.ref-row{border-bottom:1px solid #E0E8F3}
.ref-row:last-child{border-bottom:0}
.ref-summary{list-style:none;display:grid;grid-template-columns:38px minmax(0,1fr) minmax(96px,auto);gap:10px;padding:20px 0;align-items:center}
.ref-summary::-webkit-details-marker{display:none}
.ref-logo{width:34px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid #E3E9F0;border-radius:9px;overflow:hidden}
.ref-logo img{width:100%;height:100%;padding:5px;box-sizing:border-box;object-fit:contain}
/* Official footer asset contains NC and PLAY marks; show only its left NC mark. */
.ref-logo--nc{position:relative}
.ref-logo--nc img{position:absolute;left:5px;top:50%;width:calc((100% - 10px)*4.6923);max-width:none;height:auto;padding:0;transform:translateY(-50%)}
.ref-identity{display:flex;flex-direction:column;min-width:0;gap:5px}
.ref-identity>strong{font-size:15px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
.ref-provider{font-size:14px;color:var(--ink-3);line-height:1.45;overflow-wrap:anywhere}
.ref-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.ref-tags>span{background:#EDF1F7;color:#52627A;padding:3px 5px;border-radius:5px;font-size:12px;line-height:1.4;font-weight:600}
.ref-price{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0;max-width:152px;text-align:right}
.ref-price>strong{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;color:var(--blue);white-space:nowrap}
/* Decimal sizing is shared through components.css. */
.ref-unit{font-size:12px;color:var(--ink-3);line-height:1.5}
.ref-status{padding:3px 7px;border-radius:6px;font-size:12px;line-height:1.4;font-weight:700;background:#EDF1F7;color:#52627A}
.ref-status--rate{background:#E5F5EF;color:#087A5D}
.ref-status--estimate,.ref-status--quote,.ref-status--unverified,.ref-status--expired{background:#FFF4D8;color:#81520E}
.ref-condition{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:12px;line-height:1.5;color:#536782;max-width:150px}
.ref-row[open] .ref-condition>.ico{transform:rotate(180deg)}
.ref-detail{padding:0 0 14px 44px;font-size:14px;color:var(--ink-2);line-height:1.7}
.ref-detail p{margin:0 0 8px}
.ref-detail a{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-right:14px;color:#1555CC;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ref-empty{padding:24px 0;color:var(--ink-3);font-size:14px;line-height:1.6}
@container app (max-width:380px){
  .model-reference{padding:16px 12px}
  .ref-summary{grid-template-columns:34px minmax(0,1fr);gap:8px 10px}
  .ref-price{grid-column:2;align-items:flex-start;text-align:left;max-width:none;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:6px 10px}
  .ref-price>strong{font-size:20px}
  .ref-condition{justify-content:flex-start}
  .ref-detail{padding-left:0}
  .ref-filters button{padding:0 10px}
}