/* Comptoir de vente : styles limites a marketplace.php. */
.page-marketplace { --sell-copper:#925b37; --sell-soft:#f0e4d5; }
html[data-theme="fire"] .page-marketplace { --sell-copper:#e1ad7b; --sell-soft:var(--surface-2); }
html body.page-marketplace .market { font-family:var(--site-ui); padding:48px 24px 64px; }
html body.page-marketplace .market-shell { width:min(100%,1200px); gap:32px; }
html body.page-marketplace .market-stage { grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr); gap:48px; align-items:start; }
html body.page-marketplace .market-hero { border:0; border-radius:0; background:none; box-shadow:none; padding:12px 0; overflow:visible; }
html body.page-marketplace .market-hero::before { display:none; }
html body.page-marketplace .hero-kicker,
html body.page-marketplace .search-kicker { color:var(--sell-copper); font:700 11px/1.5 var(--site-ui); letter-spacing:.18em; margin:0 0 16px; }
html body.page-marketplace .hero-title { font:600 clamp(38px,4.5vw,60px)/1.05 var(--site-brand); letter-spacing:-.035em; text-wrap:balance; }
html body.page-marketplace .hero-copy { margin:20px 0 0; font-size:14px; line-height:1.85; max-width:40ch; }
.market-steps { display:grid; gap:24px; list-style:none; padding:0; margin:32px 0; }
.market-steps li { display:flex; align-items:start; gap:16px; }
.market-steps .step-number { border-top:1px solid var(--sell-copper); padding-top:6px; width:28px; flex-shrink:0; color:var(--sell-copper); font-size:12px; }
.market-steps strong { display:block; font-size:13px; font-weight:600; color:var(--ink); }
.market-steps p { color:var(--muted); font-size:12px; line-height:1.75; margin:5px 0 0; max-width:34ch; }
.market-collection-link { display:inline-flex; align-items:center; gap:16px; color:var(--sell-copper); text-decoration:none; font-size:12px; font-weight:600; }
.market-collection-link:hover { text-decoration:underline; text-underline-offset:4px; }
html body.page-marketplace .search-card { max-width:none; margin:0; padding:30px; background:var(--panel); border:1px solid var(--border); border-radius:14px; box-shadow:none; }
html body.page-marketplace .search-head { margin-bottom:12px; gap:0; }
html body.page-marketplace .search-head h2 { font:600 clamp(26px,2.5vw,34px)/1.2 var(--site-brand); text-transform:none; letter-spacing:-.02em; }
html body.page-marketplace .search-note { font-size:13px; margin:0 0 24px; line-height:1.7; }
html body.page-marketplace .sell-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; }
html body.page-marketplace .market .btn { font:600 13px/1.5 var(--site-ui); letter-spacing:0; text-transform:none; border-radius:7px; padding:11px 16px; min-height:44px; color:var(--panel); background:var(--ink); border-color:var(--ink); box-shadow:none; text-shadow:none; }
html body.page-marketplace .market .btn.alt { background:var(--surface-1); border-color:var(--border); color:var(--ink); }
html body.page-marketplace .market .btn:hover { box-shadow:none; filter:none; transform:none; opacity:.9; }
html body.page-marketplace .market .btn.product-choice { width:100%; min-height:188px; min-width:0; display:flex; flex-direction:column; align-items:start; justify-content:start; gap:0; padding:18px 14px; border-radius:10px; text-align:left; white-space:normal; background:var(--surface-1); border-color:var(--border); position:relative; }
html body.page-marketplace .product-choice:hover { border-color:var(--sell-copper); background:var(--sell-soft); opacity:1; }
.product-choice img { height:60px; width:56px; object-fit:contain; margin-bottom:18px; align-self:center; }
.product-choice strong { font-size:13px; margin-bottom:5px; }
.product-choice > span:not(.product-card-symbol):not(.product-choice-arrow) { font-size:10px; color:var(--muted); font-weight:400; line-height:1.6; padding-right:4px; }
html body.page-marketplace .product-choice-arrow { color:var(--sell-copper); margin-top:auto; padding-top:10px; font-size:16px; align-self:flex-end; }
.product-card-symbol { display:block; width:56px; height:60px; margin-bottom:18px; align-self:center; position:relative; }
.product-card-symbol span { position:absolute; width:35px; height:48px; border:1px solid var(--sell-copper); border-radius:5px; background:var(--sell-soft); left:7px; top:5px; transform:rotate(-12deg); }
.product-card-symbol span:last-child { transform:rotate(8deg); left:18px; top:9px; background:var(--surface-1); }
.product-card-symbol span:last-child::after { content:""; position:absolute; inset:6px 5px 16px; border:1px solid var(--border); border-radius:2px; background:var(--sell-soft); }
.market-search-divider { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:11px; margin:26px 0 18px; }
.market-search-divider::after { content:""; flex:1; height:1px; background:var(--border); }
html body.page-marketplace .search-row { grid-template-columns:minmax(0,1fr) minmax(150px,.65fr); gap:14px; align-items:end; justify-items:stretch; }
html body.page-marketplace .search-input { width:100%; }
html body.page-marketplace .market label { font:600 12px/1.5 var(--site-ui); letter-spacing:0; text-transform:none; color:var(--ink); }
html body.page-marketplace .market .hint { font-size:11px; color:var(--muted); line-height:1.65; }
html body.page-marketplace .market input[type="text"],
html body.page-marketplace .market input[type="number"],
html body.page-marketplace .market select,
html body.page-marketplace .market textarea { font:400 14px/1.5 var(--site-ui); min-height:46px; border-radius:7px; padding:11px 12px; background:var(--input-bg); border-color:var(--border); color:var(--ink); box-shadow:none; }
html body.page-marketplace .search-filter select { padding-right:32px; transform:none; }
html body.page-marketplace .search-filter::after { bottom:12px; right:13px; }
html body.page-marketplace .market input:focus-visible,
html body.page-marketplace .market select:focus-visible,
html body.page-marketplace .market textarea:focus-visible { outline:2px solid var(--sell-copper); outline-offset:2px; box-shadow:none; }
html body.page-marketplace .shortcut-note { margin:16px 0 0; padding:0; border:0; font-size:11px; line-height:1.8; }
html body.page-marketplace .results { grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
html body.page-marketplace .card-box { max-width:none; padding:12px; border-radius:10px; background:var(--panel); border-color:var(--border); box-shadow:none; gap:8px; }
html body.page-marketplace .card-box:hover { border-color:var(--sell-copper); }
html body.page-marketplace .card-box img { border-radius:7px; box-shadow:none; aspect-ratio:63/88; object-fit:contain; }
html body.page-marketplace .card-box:hover img { transform:none; }
html body.page-marketplace .card-name { font:600 14px/1.4 var(--site-ui); }
html body.page-marketplace .card-set,
html body.page-marketplace .card-lang { font-size:11px; }
html body.page-marketplace .card-cta { color:var(--sell-copper); font-size:11px; text-transform:none; letter-spacing:0; border-color:var(--border); }
html body.page-marketplace .results-state { border:1px dashed var(--border); background:var(--panel); border-radius:12px; box-shadow:none; padding:32px 24px; }
html body.page-marketplace .results-state h3 { font:600 28px var(--site-brand); }
html body.page-marketplace .results-state p { font-size:13px; }
html body.page-marketplace .modal-box { width:min(760px,calc(100% - 24px)); background:var(--panel); border-color:var(--border); padding:28px; box-shadow:0 20px 60px rgba(0,0,0,.2); }
html body.page-marketplace #sellModal .modal-box { width:min(800px,calc(100% - 24px)); padding:28px; }
html body.page-marketplace .modal-intro { margin:0 36px 24px 0; }
html body.page-marketplace .modal-title { font:600 34px/1.15 var(--site-brand); }
html body.page-marketplace .modal-subtitle { font-size:12px; line-height:1.7; }
html body.page-marketplace .modal-body { grid-template-columns:minmax(0,.8fr) minmax(0,1fr); gap:30px; align-items:center; }
html body.page-marketplace .detail h3 { font:600 32px/1.2 var(--site-brand); }
html body.page-marketplace .detail p { font-size:13px; }
html body.page-marketplace .modal-close {
 box-sizing:border-box;
 padding:0;
 min-width:0;
 min-height:0;
 line-height:1;
 font-size:0;
 background:var(--surface-2);
 color:var(--ink);
 box-shadow:none;
}
html body.page-marketplace .modal-close::before,
html body.page-marketplace .modal-close::after {
 content:"";
 position:absolute;
 top:50%;
 left:50%;
 width:16px;
 height:2px;
 border-radius:1px;
 background:currentColor;
 transform:translate(-50%,-50%) rotate(45deg);
}
html body.page-marketplace .modal-close::after {
 transform:translate(-50%,-50%) rotate(-45deg);
}
html body.page-marketplace .form-grid { gap:18px 20px; }
.market-form-heading { grid-column:1/-1; display:flex; gap:12px; align-items:center; border-top:1px solid var(--border); padding-top:20px; margin-top:4px; }
.market-form-heading span { color:var(--sell-copper); font-size:11px; }
html body.page-marketplace .market-form-heading h4 { font:600 14px var(--site-ui); margin:0; letter-spacing:0; }
.market-form-heading:first-child { margin-top:0; padding-top:0; border-top:0; }
html body.page-marketplace .form-group.toggle-group { align-self:start; margin-top:24px; border-radius:8px; padding:12px; background:var(--sell-soft); border-color:var(--border); }
html body.page-marketplace .form-group.toggle-group input { accent-color:var(--sell-copper); }
html body.page-marketplace .form-actions { border-top:1px solid var(--border); padding-top:20px; margin-top:24px; }
html body.page-marketplace .market textarea { min-height:88px; }
html body.page-marketplace .market input[readonly] { background:var(--surface-2); color:var(--muted); }
@media(max-width:1000px) {
 html body.page-marketplace .market-stage { gap:28px; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); }
 html body.page-marketplace .search-card { padding:24px; }
 html body.page-marketplace .sell-shortcuts { gap:8px; }
 html body.page-marketplace .market .btn.product-choice { padding:14px 10px; }
 html body.page-marketplace .results { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:800px) {
 html body.page-marketplace .market { padding:28px 18px 48px; }
 html body.page-marketplace .market-stage { grid-template-columns:1fr; gap:28px; }
 html body.page-marketplace .market-hero { padding:0; }
 .market-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:24px 0; }
 .market-steps li { flex-direction:column; gap:8px; }
 .market-steps p { display:none; }
 html body.page-marketplace .hero-copy { max-width:56ch; }
 html body.page-marketplace .results { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
}
@media(max-width:560px) {
 html body.page-marketplace .search-card { padding:20px 16px; }
 html body.page-marketplace .sell-shortcuts { grid-template-columns:1fr; }
 html body.page-marketplace .market .btn.product-choice { min-height:84px; display:grid; grid-template-columns:48px minmax(0,1fr) 20px; column-gap:14px; row-gap:2px; padding:12px 14px; }
 .product-choice img,.product-card-symbol { grid-column:1; grid-row:1/3; width:44px; height:52px; margin:0; }
 .product-card-symbol span { width:28px; height:40px; left:2px; }
 .product-card-symbol span:last-child { left:12px; top:8px; }
 .product-choice strong { grid-column:2; align-self:end; margin:0; }
 html body.page-marketplace .product-choice > span:not(.product-card-symbol):not(.product-choice-arrow) { grid-column:2; align-self:start; font-size:11px; }
 html body.page-marketplace .product-choice-arrow { grid-column:3; grid-row:1/3; padding:0; margin:0; align-self:center; }
 html body.page-marketplace .search-row { grid-template-columns:1fr; }
 html body.page-marketplace .results { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 html body.page-marketplace .modal-box,
 html body.page-marketplace #sellModal .modal-box { padding:24px 18px; }
 html body.page-marketplace .modal-body { grid-template-columns:1fr; gap:20px; }
 html body.page-marketplace .modal-body .big { width:min(100%,220px); margin:auto; }
 html body.page-marketplace .form-grid { grid-template-columns:1fr; }
 html body.page-marketplace .form-group.toggle-group { margin-top:0; }
 html body.page-marketplace .form-actions { flex-direction:row; }
 html body.page-marketplace .form-actions .btn { flex:1; width:auto; }
 .market-steps strong { font-size:11px; }
}
html[data-theme="fire"] body.page-marketplace .market-hero { background:none; border:0; box-shadow:none; }
html[data-theme="fire"] body.page-marketplace .search-card,
html[data-theme="fire"] body.page-marketplace .modal-box,
html[data-theme="fire"] body.page-marketplace .results-state,
html[data-theme="fire"] body.page-marketplace .card-box { background:var(--panel); border-color:var(--border); box-shadow:none; }
html[data-theme="fire"] body.page-marketplace .search-filter select { background:var(--input-bg); border-color:var(--border); box-shadow:none; }
html[data-theme="fire"] body.page-marketplace .shortcut-note { border:0; }
html[data-theme="fire"] body.page-marketplace .form-group.toggle-group { background:var(--sell-soft); border-color:var(--border); }
.market .market-language-choices { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; font: 500 13px/1.5 system-ui, sans-serif; }
.market .market-language-choices > span { margin-right: 4px; color: var(--muted); }
.market .market-language-choices button { min-height: 38px; padding: 7px 13px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface-1); color: var(--ink); font: inherit; cursor: pointer; }
.market .market-language-choices button[aria-pressed="true"] { background: var(--ink); color: var(--surface-1); border-color: var(--ink); }
.market .market-language-choices button:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }