/* 나의 주문 · 버그 수정 요청 · 고객센터 공통 */
:root{--c:#e0608a;--c2:#ff7fa6;--bg:#faf8f7;--head:#2f2a2d;--ink:#3a3337;--ink2:#6b6268;--line:#ebe5e8}
body{background:var(--bg)}.top{background:rgba(255,255,255,.95)}.logo i{background:var(--c2)}
.btn{background:var(--c2);box-shadow:0 4px 0 var(--c)}.btn.sec{background:#fff;color:var(--head);box-shadow:0 0 0 1.5px var(--line),0 4px 0 #e6e0e3}
main{max-width:600px;margin:0 auto;padding:22px 18px 80px}
h1{font-family:"Gowun Batang",serif;font-weight:700;font-size:27px;line-height:1.35}
.lead{color:var(--ink2);margin:6px 0 18px;font-size:15px}
.card{background:#fff;border-radius:20px;padding:18px;box-shadow:0 0 0 1.5px var(--line);margin-bottom:14px}
.card h2{font-family:var(--display);font-weight:400;font-size:19px;color:var(--head);margin-bottom:8px}
.brand{font-family:var(--display);font-size:14px;color:var(--c)}
.meta{font-size:13.5px;color:var(--ink2)}
.steps{display:flex;gap:4px;margin:14px 0 4px}.steps div{flex:1;text-align:center;font-size:12.5px;color:var(--ink2)}
.steps div i{display:block;height:6px;border-radius:3px;background:var(--line);margin-bottom:6px}
.steps div.on i{background:var(--c2)}.steps div.now{color:var(--head);font-weight:700}
.big{display:block;text-align:center;width:100%;padding:15px;font-size:17px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:15px}.kv dt{color:var(--ink2)}.kv dd{margin:0;font-weight:700;color:var(--head);overflow-wrap:anywhere}
.f{margin-bottom:12px}.f label{display:block;font-weight:700;color:var(--head);margin-bottom:5px;font-size:14.5px}
.f input,.f textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;font:inherit;background:var(--bg);color:var(--ink)}.f textarea{resize:vertical;min-height:130px}
.kind{display:grid;gap:8px;margin-bottom:12px}.kind label{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:12px 14px;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;font-size:14.5px;line-height:1.5}
.kind label:has(input:checked){box-shadow:0 0 0 2.5px var(--c2)}.kind b{display:block;color:var(--head)}.kind small{color:var(--ink2)}
.tip{background:var(--bg);border-radius:14px;padding:12px 14px;font-size:13.5px;line-height:1.6;color:var(--ink2);margin-bottom:12px}.tip b{color:var(--head)}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;margin-top:8px}.thumbs div{position:relative}.thumbs img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}
.thumbs button{position:absolute;top:2px;right:2px;border:0;border-radius:50%;width:22px;height:22px;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;line-height:1}
.hist{display:grid;gap:8px}.hist div{background:var(--bg);border-radius:12px;padding:10px 12px;font-size:14px;white-space:pre-wrap}.hist small{display:block;color:var(--ink2);margin-bottom:2px;white-space:normal}
.pill{display:inline-block;font-family:var(--display);font-size:12.5px;border-radius:999px;padding:2px 10px;background:var(--bg);color:var(--ink2)}.pill.c{background:var(--c2);color:#fff}
.err{color:#c0452e;font-size:13.5px;margin-top:6px;min-height:1em}
.rec a{display:block;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 0 0 1.5px var(--line);text-decoration:none;color:var(--ink);margin-bottom:8px}
.or{display:flex;align-items:center;gap:10px;color:var(--ink2);font-size:13px;margin:16px 0}.or:before,.or:after{content:'';flex:1;height:1px;background:var(--line)}
