/* 3. adım (step3.js): ödeme bilgisi, iş fotoğrafları, yorum yanıtı, destek yazışması */
.s3-payout.s3-missing{border:1px solid #f0c9a6;background:#fff7ef}
.s3-kv{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;margin:12px 0;font-size:15px}
.s3-kv dt{color:var(--muted)}.s3-kv dd{margin:0;overflow-wrap:anywhere}
@media (max-width:560px){.s3-kv{grid-template-columns:1fr}.s3-kv dt{margin-top:6px}}
.s3-modal .field{display:block;margin:12px 0}
.s3-modal [hidden]{display:none!important}
.s3-code{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}
.s3-error{color:#a64b2a;font-weight:700;min-height:1em}
.s3-photos{margin:24px 0}
.s3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:10px 0}
.s3-grid figure{margin:0}
.s3-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}
.s3-grid figcaption{font-size:12px;color:var(--muted);margin-top:4px}
.s3-reply{background:#f3f7f5;border-left:3px solid var(--green);padding:8px 12px;border-radius:6px;margin:8px 0;font-size:14px}
.s3-review{border-top:1px solid var(--line);padding:12px 0}
.s3-stars{color:#c48a1a;letter-spacing:2px}
.s3-tickets{list-style:none;padding:0;margin:8px 0}
.s3-tickets li button{all:unset;display:block;width:100%;box-sizing:border-box;padding:10px 6px;border-bottom:1px solid var(--line);cursor:pointer}
.s3-tickets li button:focus-visible{outline:3px solid #7ea940}
.s3-tickets small{display:block;color:var(--muted)}
.s3-badge{display:inline-block;font-size:12px;font-weight:800;border-radius:999px;padding:1px 8px;background:#eceff0}
.s3-badge.s3-answered{background:#e2f3e8;color:#2f7a4f}.s3-badge.s3-open{background:#fdf3d8;color:#8a6510}
.s3-thread{max-height:45vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:12px 0}
.s3-msg{padding:8px 12px;border-radius:10px;max-width:92%;white-space:pre-wrap}
.s3-msg p{margin:2px 0 0}.s3-msg small{color:var(--muted)}
.s3-msg.s3-user{align-self:flex-end;background:#eef4f2}
.s3-msg.s3-support{align-self:flex-start;background:#fff;border:1px solid var(--line)}

.s3-warranty{border:1px solid #cfe0b8;background:#f8fdef;border-radius:12px;padding:14px 16px;margin:20px 0}
.s3-warranty h3{margin-top:0}
.s3-warranty.s3-expired{border-color:var(--line);background:#f7f8f8}
.s3-claim{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:10px 0}
.s3-claim p{margin:4px 0}
.s3-choice{border:0;padding:0;margin:10px 0}
.s3-choice label{display:block;margin:6px 0}