/* ============================================================
   XEROUR — SELL / SELLER SUBMISSION PAGE
============================================================ */

.sell-section{ max-width: 860px; }

.sell-notice{
  background: rgba(124,92,255,0.1);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px 20px;
  color: var(--text-soft);
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 36px;
}

.sell-block{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 28px 26px;
  margin-bottom: 20px;
}
.sell-block h2{
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 18px;
}

.seller-type-toggle{ display:flex; gap:12px; }
.seller-type-option{
  flex:1;
  display:flex; align-items:center; justify-content:center;
  padding: 16px; border-radius: 12px;
  border: 1px solid var(--border);
  cursor:pointer; font-weight:600;
  transition: border-color .2s ease, background .2s ease;
}
.seller-type-option input{ position:absolute; opacity:0; }
.seller-type-option:has(input:checked){
  border-color: var(--accent); background: rgba(124,92,255,0.12);
}

.sell-grid{
  display:grid; grid-template-columns: 1fr 1fr;
  gap: 16px; margin-bottom: 16px;
}
.sell-grid--uploads{ grid-template-columns: repeat(3, 1fr); }

.sell-field{ display:flex; flex-direction:column; gap:6px; margin-bottom:16px; }
.sell-field label{ font-size: 0.82rem; color: var(--text-soft); }
.sell-field small{ font-size: 0.75rem; color: var(--text-soft); }
.sell-field input[type="text"],
.sell-field input[type="email"],
.sell-field input[type="tel"],
.sell-field input[type="number"],
.sell-field input[type="file"],
.sell-field select,
.sell-field textarea{
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px 14px;
  color: var(--text);
  font-family: var(--font-body);
  font-size: 0.9rem;
}
.sell-field input:focus, .sell-field select:focus, .sell-field textarea:focus{
  outline: 2px solid var(--accent); outline-offset: 1px;
}

.sell-hint{ font-size: 0.8rem; color: var(--text-soft); line-height:1.5; margin-top:4px; }

.sell-checkbox{ display:flex; align-items:flex-start; gap:12px; cursor:pointer; font-size:0.88rem; color: var(--text-soft); }
.sell-checkbox input{ margin-top:3px; accent-color: var(--accent); }

#sellSubmit{ width:100%; justify-content:center; padding:16px; font-size:1rem; }

.sell-success{
  text-align:center;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 60px 30px;
}
.sell-success h2{ font-family: var(--font-display); font-weight:700; font-size:1.5rem; margin:14px 0 10px; }
.sell-success p{ color: var(--text-soft); margin-bottom: 26px; max-width:420px; margin-left:auto; margin-right:auto; }

@media (max-width: 700px){
  .sell-grid{ grid-template-columns: 1fr; }
  .sell-grid--uploads{ grid-template-columns: 1fr; }
}