/*
 * Used items (connector 2.0.0, MM HQ 3.8.0): the test record on a product
 * page, the "used — like new" line in the PC builder and on the home cards,
 * the builder's cheaper-path offer, and the used items page's filter. Only the
 * pieces the theme has no class for; everything else is the theme's own
 * (spec-list, shop-grid, shop-product), so the look is the theme's.
 * Logical properties throughout, so the Arabic pages mirror by themselves.
 */

.mmi-page .mmi-used-chip{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(79,216,224,.38);border-radius:999px;background:rgba(79,216,224,.08);color:var(--cyan-lit,#6FEAF2);font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap}

/* The test record, on the product page under the summary. */
.mmi-page .mmi-used-record{margin:0 0 20px;padding:14px;border:1px solid rgba(79,216,224,.22);border-radius:12px;background:linear-gradient(150deg,rgba(79,216,224,.06),rgba(255,255,255,.015))}
.mmi-page .mmi-used-record-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px}
.mmi-page .mmi-used-record h2{margin:0;font-size:13px;line-height:1.4}
.mmi-page .mmi-used-record p{margin:0 0 12px;color:var(--muted);font-size:11.5px;line-height:1.6}
.mmi-page .mmi-used-record .spec-list{margin-bottom:10px}
.mmi-page .mmi-used-record h3{margin:12px 0 8px;font-size:11.5px}
.mmi-page .mmi-used-when{display:block;color:var(--muted);font-size:10px;opacity:.8}

/* A build's parts: on its page and on its card. */
.mmi-page .mmi-used-parts{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.mmi-page .mmi-used-parts li{display:grid;grid-template-columns:minmax(0,7em) minmax(0,1fr);gap:2px 10px;align-items:baseline;font-size:10.5px;line-height:1.45}
.mmi-page .mmi-used-parts li span{color:var(--muted);opacity:.75}
.mmi-page .mmi-used-parts li b{min-width:0;overflow-wrap:anywhere;font-weight:700}
.mmi-page .mmi-used-parts li em{grid-column:2;color:var(--cyan-lit,#6FEAF2);font-size:9.5px;font-style:normal;font-weight:800}
.mmi-page .shop-product .mmi-used-parts{margin-bottom:10px}
.mmi-page .shop-product .mmi-used-parts li{font-size:9.5px}

/* "Used — like new · 1-year warranty" under a name: builder options, home cards. */
.mmi-page .mmi-used-tag,
.mmi-page .option-main>small.mmi-used-tag{display:block;margin-top:4px;color:var(--cyan-lit,#6FEAF2);font-size:9.5px;font-weight:800;line-height:1.4}
.mmi-page .card .mmi-used-tag{margin:2px 0 6px}
.mmi-page .mmi-used-card-note{display:block;margin-top:6px;color:var(--cyan-lit,#6FEAF2);font-size:9.5px;font-weight:800;line-height:1.4}

/* The builder's offer, right under the graphics card stage. */
.mmi-page .mmi-used-offer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:13px 14px;border:1px solid rgba(79,216,224,.4);border-radius:13px;background:linear-gradient(120deg,rgba(79,216,224,.1),rgba(217,47,196,.06))}
.mmi-page .mmi-used-offer[hidden]{display:none}
.mmi-page .mmi-used-offer p{display:grid;gap:3px;margin:0;min-width:0}
.mmi-page .mmi-used-offer p b{font-size:12px;line-height:1.4}
.mmi-page .mmi-used-offer p span{color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.mmi-page .mmi-used-offer button{min-height:44px;padding:8px 14px;border:1px solid rgba(79,216,224,.55);border-radius:10px;background:rgba(79,216,224,.12);color:#fff;font:inherit;font-size:10.5px;font-weight:900;cursor:pointer;white-space:nowrap}
.mmi-page .mmi-used-offer button:hover,.mmi-page .mmi-used-offer button:focus-visible{background:rgba(79,216,224,.24)}

/* The used items page. */
.mmi-page .mmi-used-main{padding-bottom:40px}
.mmi-page .mmi-used-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.mmi-page .mmi-used-filter a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:#fff;font-size:11px;font-weight:800;text-decoration:none}
.mmi-page .mmi-used-filter a b{color:var(--muted);font-weight:700;opacity:.7}
.mmi-page .mmi-used-filter a[aria-current="page"]{border-color:rgba(79,216,224,.55);background:rgba(79,216,224,.12)}
.mmi-page .mmi-used-go{text-decoration:none}
[dir="rtl"] .mmi-page .mmi-used-go svg{transform:scaleX(-1)}
.mmi-page .mmi-used-go svg{width:18px;height:18px}

/* The header's seventh link (the used items page, once one is published). The
   theme fits six links beside the search from 1001px; measured in Cairo, the
   Arabic row with seven is up to 54px short below about 1060px, and a label
   would break onto two lines. The search gives up that width instead: its
   floor only matters when the row is short, so six links look exactly as
   before. */
@media (min-width:1001px) and (max-width:1180px){
	.mmi-page .site-nav .search{min-width:160px}
}

@media(max-width:620px){
	.mmi-page .mmi-used-offer{grid-template-columns:minmax(0,1fr)}
	.mmi-page .mmi-used-offer .mmi-used-chip{justify-self:start}
	.mmi-page .mmi-used-offer button{width:100%}
	.mmi-page .mmi-used-record{padding:12px}
	.mmi-page .mmi-used-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
	.mmi-page .mmi-used-filter a{flex:0 0 auto}
}