/* ==========================================================================
   Sell — create listing
   ========================================================================== */
.sell-form{ max-width: 640px; margin: 0 auto; padding-bottom: var(--space-8); }
.form-section{ margin-bottom: var(--space-6); }
.form-section h3{ font-size: 15px; margin-bottom: var(--space-4); }
.form-section .field-hint{ margin-bottom: var(--space-3); }

.photo-drop{
  border: 1px dashed var(--line-strong); border-radius: var(--radius-md); padding: var(--space-6);
  text-align: center; cursor: pointer; transition: border-color .15s, background .15s;
}
.photo-drop:hover{ border-color: var(--green-line); background: var(--green-dim); }
.photo-drop svg{ width: 26px; height: 26px; color: var(--text-faint); margin-bottom: var(--space-2); }
.photo-drop p{ font-size: 13px; color: var(--text-dim); }

.photo-grid{ display: flex; gap: var(--space-2); flex-wrap: wrap; margin-top: var(--space-3); }
.photo-thumb{ position: relative; width: 84px; height: 84px; border-radius: var(--radius-sm); overflow: hidden; border: 1px solid var(--line); }
.photo-thumb img{ width: 100%; height: 100%; object-fit: cover; }
.photo-thumb .remove{
  position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; border-radius: 50%;
  background: rgba(0,0,0,0.7); color: var(--white); display: flex; align-items: center; justify-content: center;
  font-size: 12px;
}

.policy-note{
  margin-top: var(--space-2); padding: var(--space-3); border: 1px solid var(--green-line);
  background: var(--green-dim); border-radius: var(--radius-sm); font-size: 12.5px; color: var(--green);
}