/* ═══════════════════════════════════════════
   GS — ข้อมูลสัตว์เลี้ยงในหน้าต่างรายละเอียดไอเทม (ร้านค้า)
   ═══════════════════════════════════════════ */
.pet-modes{display:flex;gap:6px;margin-bottom:12px;padding:4px;background:rgba(0,0,0,.25);border-radius:10px}
.pet-mode{flex:1;padding:8px 10px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;color:var(--muted);
  background:none;border:none;cursor:pointer;transition:.15s}
.pet-mode:hover{color:var(--text)}
.pet-mode.active{background:rgba(0,229,255,.14);color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(0,229,255,.4)}

/* แถบเลื่อนเลือกเลเวล */
.pet-slider{margin:2px 4px 14px}
.pet-slider input[type=range]{width:100%;height:26px;margin:0;background:none;accent-color:var(--cyan);cursor:pointer}
.pet-ticks{display:flex;justify-content:space-between;padding:0 7px;margin-top:-2px;font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.pet-cur{display:flex;align-items:center;gap:14px;padding:10px 12px;margin-bottom:6px;border-radius:10px;
  background:rgba(255,179,0,.07);border:1px solid rgba(255,179,0,.22)}
.pet-cur-lv{font-size:24px;font-weight:800;color:var(--amber);line-height:1;white-space:nowrap}
.pet-cur-lv em{font-style:normal;font-size:10px;color:var(--orange);margin-left:4px;vertical-align:middle}
.pet-cur>span{font-size:13px;line-height:1.45}
.pet-cur small{display:block;color:var(--muted);font-size:11.5px;font-weight:300}
.sb-row .pet-gain{display:block;color:#5be37a;font-size:11px;font-weight:400;line-height:1.3}
.sb-row span.pet-name{flex-direction:column;align-items:flex-start;gap:0}
.sb-row .pet-gain{margin-left:0}