/* Axis DTG page styles */
.axis-dtg { max-width:1100px; margin:0 auto; padding:24px 16px; color:#f5f5f5; }
.axis-card { background:#0e0e0e; border:1px solid #1e1e1e; border-radius:12px; padding:16px; }
.axis-grid { display:grid; gap:20px; grid-template-columns: 1.1fr .9fr; }
@media (max-width: 960px){ .axis-grid { grid-template-columns:1fr; } }
.axis-field { display:grid; gap:6px; margin-bottom:12px; }
.axis-field label { font-size:.9rem; color:#b9b9b9; }
.axis-field input, .axis-field select { background:#0b0b0b; color:#f5f5f5; border:1px solid #2a2a2a; border-radius:10px; padding:.6rem .8rem; }
.axis-row { display:flex; gap:8px; align-items:center; flex-wrap: wrap; }
.axis-btn { background:#c00000; color:#fff; border:0; border-radius:999px; padding:.6rem 1rem; cursor:pointer; font-weight:600; }
.axis-btn--ghost { background:transparent; border:1px solid #444; color:#f5f5f5; }
.axis-pill { background:#1a1a1a; border:1px solid #2a2a2a; border-radius:999px; padding:.35rem .6rem; font-size:.8rem; color:#b9b9b9; margin-right:6px; }
.axis-price { font-size:1.4rem; font-weight:700; }
.axis-summary { display:grid; gap:6px; }
.axis-thumb { background:#000; border:1px solid #1e1e1e; border-radius:12px; display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; }
.axis-thumb img { width:70%; height:auto; object-fit:contain; }
.axis-locations { display:grid; gap:12px; }
.axis-loc { border:1px dashed #2a2a2a; border-radius:10px; padding:10px; }
.axis-loc .axis-row { flex-wrap:wrap; }
.axis-note { color:#b9b9b9; font-size:.9rem; }
.axis-mini { font-size:.8rem; color:#b9b9b9; }