.tdc-wrap{max-width:1100px;margin:0 auto;padding:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
.tdc-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.tdc-brand{display:flex;align-items:center;gap:12px}
.tdc-logo{width:44px;height:44px;border-radius:18px;object-fit:contain;border:1px solid #C0E0E0;background:#D0E0E0;padding:6px}
.tdc-small{color:#6b7280;font-size:12px}
.tdc-title{font-weight:800}
.tdc-hero{padding:18px 0}
.tdc-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#D0E0E0;border:1px solid #C0E0E0;font-size:12px}
.tdc-h2{margin:12px 0 0;font-size:28px;letter-spacing:-.01em}
.tdc-p{margin:10px 0 0;color:#6b7280;line-height:1.6}
.tdc-controls{padding:12px 0}
.tdc-input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(0,0,0,.10);outline:none}
.tdc-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.tdc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.tdc-grid{grid-template-columns:1fr}}
.tdc-card{border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;background:#fff}
.tdc-img{aspect-ratio:4/3;background:linear-gradient(135deg,#D0E0E0,#F0B0A0)}
.tdc-img img{width:100%;height:100%;object-fit:cover;display:block}
.tdc-pad{padding:14px}
.tdc-name{font-weight:700}
.tdc-muted{color:#6b7280;font-size:13px;margin-top:6px}
.tdc-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}
.tdc-select{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.10)}
.tdc-btn{border:1px solid rgba(0,0,0,.10);background:#fff;padding:10px 12px;border-radius:14px;cursor:pointer}
.tdc-btn:hover{background:rgba(0,0,0,.03)}
.tdc-btn-peach{background:#F0B0A0;border-color:#F0C0B0}
.tdc-badge{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:#fff}
.tdc-err{display:none;color:#b91c1c;font-size:12px;margin-top:8px}
.tdc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);padding:18px;z-index:9999}
.tdc-modal{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.10)}
.tdc-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;border-bottom:1px solid rgba(0,0,0,.08)}
.tdc-modal-title{font-weight:900}
.tdc-modal-body{padding:14px}
.tdc-line{display:flex;justify-content:space-between;gap:10px;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:12px;margin-bottom:10px}
.tdc-qty{display:inline-flex;gap:8px;align-items:center}
.tdc-qty button{border:1px solid rgba(0,0,0,.10);background:#fff;border-radius:12px;padding:6px 10px;cursor:pointer}